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

            <!-- Tab panes -->
            <div class="tab-content">
                <div class="tab-pane active" id="pendidikan-gender" role="tabpanel">
                    <div class="panel panel-default">
                        <div class="panel-title"> Data Vertical Variable </div>
                        <div class="panel-body table-responsive">
                            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                                <thead>
                                <tr>
                                        <th data-toogle="true">kode_ver_id</th>
                                        <th data-hide="phone">Vertical Variable</th>
                                        <th data-hide="phone">Name Group Vertical </th>
                                        <th data-hide="phone,tablet" >Item Vertical</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse ($datas as $index => $data)
                                <tr>
                                    <td>{{ $data->kode_ver_id }}</td>
                                    <td>{{ $data->vervar }}</td>
                                    <td>{{ $data->group_ver_id }} - {{ $data->name_group_ver_id }}</td>
                                    <td>{{ $data->item_ver_id }}</td>
                                </tr>
                                    
                                @empty
                                @endforelse
                                </tbody>
                                <tfoot>
                                        <tr>
                                            <td colspan="3">
                                                <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.vertical.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>
        </div>
    </div>
</div>
@endsection