{{-- resources/views/master/status-pekerjaan/index.blade.php --}}
@extends('layouts.dashboard')

@section('title', 'Master Status Pekerjaan')
@section('pagetitle', 'Master Status Pekerjaan')

@section('content')
<div class="container-fluid">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="mb-0">Master Status Pekerjaan</h5>
    <a href="{{ route('master.status-pekerjaan.create') }}" class="btn btn-primary btn-sm">
      <i class="bi bi-plus-circle"></i> Tambah Status Pekerjaan
    </a>
  </div>

  @if(session('success'))
    <div class="alert alert-success alert-sm py-1 mb-2">
      {{ session('success') }}
    </div>
  @endif

  <div class="card border-0 shadow-sm">
    <div class="card-body p-2 p-md-3">
      <div class="table-responsive">
        <table class="table table-sm table-bordered align-middle mb-0">
          <thead class="table-light">
            <tr>
              <th style="width:70px">No</th>
              <th style="width:110px">Kode</th>
              <th>Nama Status</th>
              <th style="width:150px">Tipe Status</th>
              <th>Keterangan</th>
              <th style="width:130px" class="text-center">Aksi</th>
            </tr>
          </thead>
          <tbody>
            @forelse($items as $i => $row)
              <tr>
                <td>{{ $items->firstItem() + $i }}</td>
                <td>{{ $row->kode_status }}</td>
                <td>{{ $row->nama_status }}</td>
                <td>
                  @if($row->tipe_status === 'status_bps')
                    Status BPS
                  @elseif($row->tipe_status === 'jenis_profesi')
                    Jenis Profesi
                  @else
                    {{ $row->tipe_status }}
                  @endif
                </td>
                <td>{{ $row->keterangan }}</td>
                <td class="text-center">
                  <a href="{{ route('master.status-pekerjaan.edit', $row->id_status) }}"
                     class="btn btn-sm btn-info">
                    Edit
                  </a>
                  <form action="{{ route('master.status-pekerjaan.destroy', $row->id_status) }}"
                        method="POST" class="d-inline"
                        onsubmit="return confirm('Hapus status pekerjaan ini?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-danger">
                      Hapus
                    </button>
                  </form>
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="6" class="text-center">Belum ada data status pekerjaan.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>

      <div class="mt-2 d-flex justify-content-between align-items-center">
        <div class="small text-muted">
          Menampilkan {{ $items->firstItem() ?? 0 }}–{{ $items->lastItem() ?? 0 }}
          dari {{ $items->total() }} data.
        </div>
        <div>
          {{ $items->links() }}
        </div>
      </div>
    </div>
  </div>

</div>
@endsection