@extends('templates.master')

@section('title', 'Kabupaten')

@section('content')

<section class="section">
  <div class="section-header">
    <h1>Kabupaten</h1>
    <div class="section-header-breadcrumb">
      <div class="breadcrumb-item active"><a href="#">Dashboard</a></div>
      <div class="breadcrumb-item">Kabupaten</div>
    </div>
  </div>

  <div class="section-body">
    <div class="row">
      <div class="col">

        @if (session('status'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
              {{ session('status') }}
              <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
        @endif

        <div class="card">
          <div class="card-body">

            <a href="{{ route('kabupaten.tambah') }}" class="btn btn-sm btn-primary mb-3"> + Tambah</a>
            <table class="table table-striped" id="table-1">
              <thead class="thead-light">
                <tr>
                  <th>No</th>
                  <th>Nama Kabupaten</th>
                  <th>Aksi</th>
                </tr>
              </thead>
              <tbody>
                @foreach ($kab as $item)
                <tr>
                  <th>{{ $loop->iteration }}</th>
                  <td>{{ $item->NAMAKABUPATEN }}</td>
                  <td>
                      <a href="{{ route('kabupaten.edit', $item->IDKABUPATEN) }}" class="btn btn-sm btn-success">
                            <i class="fa fa-edit"></i>
                      </a>
                      <form class="d-inline" onsubmit="return confirm('Yakin Mau Hapus Data Ini?')" action="{{ route('kabupaten.hapus', $item->IDKABUPATEN) }}" method="post">
                        @csrf
                        @method('delete')
                        <button type="submit" class="btn btn-danger btn-sm">
                            <i class="fa fa-trash"></i>
                        </button>
                      </form>
                  </td>
                </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>
@endsection