@extends('admin.layouts.index')
@section('title', 'Halaman Admin SI PeSSUT')
@section('judul', 'Data  Variable')
@section('konten')
<div class="container-widget animated fadeInRight">
    @include('admin.layouts.message')
    <div class="row">
        <div class="col-lg-12">

             <!-- Tab panes -->
                    <div class="panel panel-default">
                        <div class="panel-title"> Data  Variable </div>
                        <div class="panel-body table-responsive">
                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="20">
                                <thead>
                                        <tr>
                                            <th data-toogle="true">Sub Name</th>
                                                <th data-hide="phone">Title</th>
                                                <th data-hide="phone">Unit</th>
                                                <th data-hide="phone,tablet" >Note</th>
                                                <th data-hide="phone,tablet">Def</th>
                                                <th data-hide="phone,tablet">Vertical</th>
                                                <th data-hide="all">Graph</th>

                                             </tr>
                                </thead>
                                <tbody>
                                @forelse ($datas as $index => $data)
                                <tr>
                                    <td>{{ $data->sub_id }} - {{ $data->sub_name }}</td>
                                    <td>{{ $data->title }}</td>
                                    <td>{{ $data->unit }}</td>
                                    <td>{{ $data->notes }}</td>
                                    <td>{{ $data->def }}</td>
                                    <td>{{ $data->vertical }}</td>
                                    <td>{{ $data->graph_id }} - {{ $data->graph_name }}</td>
                                </tr>

                                 @empty
                                @endforelse
                                </tbody>
                                <tfoot>
                                        <tr>
                                            <td colspan="7">
                                                <nav aria-label="Page navigation example">
                                                    <ul class="pagination pull-right"></ul>
                                                </nav>
                                            </td>
                                        </tr>
                                    </tfoot>
                            </table>

                         </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-title">Sinkronisasi</div>
                        <div class="panel-body">
                            {!! Form::open(
                                ['route' => ['admin.data-dinamis.variable.syncronisasi'],       
                                    'role'  => 'form',
                                    'method'=> 'post',
                                    'class' => 'form-inline col-sm-6']) !!}

                                 {!! Form::submit('Sinkronisasi Data', ['class' => 'btn btn-primary']) !!}
                            {!! Form::close() !!}
                        </div>
                    </div>
        </div>
    </div>
</div>
@endsection