@extends('admin.layouts.app')

@section('content')

<div class="row">
    <div class="col-sm-12">
       <div class="card">
          <div class="card-header d-flex justify-content-between">
             <div class="header-title">
                <h4 class="card-title">{{ $title }}</h4>
             </div>
          </div>
          <div class="card-body">
            @can('create '.$menu)
            <a href="{{route($url.'.create')}}" class="btn btn-sm btn-success mb-2"><i class="fa fa-plus"> </i>Tambah Data</a>
            <a href="{{route($url.'.importExcel')}}" class="btn btn-sm btn-success mb-2"><i class="fa fa-upload"> </i> Import Data</a>
            @endcan
             <div class="table-responsive">
                <table id="datatable" class="table" data-toggle="data-table">
                   <thead>
                      <tr>
                         <th>No</th>
                         <th>NPSN</th>
                         <th>Nama Sekolah</th>
                         <th>Alamat</th>
                         <th>Bentuk Pendidikan</th>
                         <th>Status Sekolah</th>
                         <th>
                           Jumlah Pendaftar
                         </th>
                         <th>Kelurahan</th>
                         <th>Kecamatan</th>
                         <th>Lintang</th>
                         <th>Bujur</th>
                         <th>Aksi</th>
                      </tr>
                   </thead>
                   <tbody>
                        @foreach ($datas as $data)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $data->npsn }}</td>
                            <td>{{ $data->nama_sekolah }}</td>
                            <td>{{ $data->alamat }}</td>
                            <td>{{ $data->bentuk_pendidikan }}</td>
                            <td>{{ $data->status_sekolah }}</td>
                            <td>{{ $data->siswas_count }}</td>
                            <td>{{ $data->kelurahan->nama_kelurahan }}</td>
                            <td>{{ $data->kelurahan->kecamatan->nama_kecamatan }}</td>
                            <td>{{ $data->lintang }}</td>
                            <td>{{ $data->bujur }}</td>
                            <td>
                                <form method="POST" action="{{route($url.'.destroy', $data->id)}}">
                                    {{csrf_field()}}
                                    <a href="{{route($url.'.show', $data->id)}}" class="btn btn-sm btn-info"><i class="fa fa-eye"> </i>Detail</a>
                                    @include("admin.layouts.partials.action-button", ['id' => $data->id, 'menu' => $menu])
                                </form>
                            </td>
                        </tr>
                        @endforeach
                   </tbody>
                </table>
             </div>
          </div>
       </div>
    </div>
 </div>
    
@endsection