@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">
             <div class="table-responsive">
                <table id="datatable" class="table" data-toggle="data-table">
                   <thead>
                      <tr>
                         <th>No</th>
                         <th>Nama Kelurahan</th>
                         <th>Nama Kecamatan</th>
                         <th>Nama Kabupaten</th>
                      </tr>
                   </thead>
                   <tbody>
                        @foreach ($datas as $data)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $data->nama_kelurahan }}</td>
                            <td>{{ $data->kecamatan->nama_kecamatan }}</td>
                            <td>{{ $data->kecamatan->kabupaten->nama_kabupaten }}</td>
                        </tr>
                        @endforeach
                   </tbody>
                </table>
             </div>
          </div>
       </div>
    </div>
 </div>
    
@endsection