@extends('layouts.dashboard')

@section('title', 'Master Jenis Usaha')
@section('pagetitle', 'Master Jenis Usaha')

@section('content')
<div class="container-fluid">
  <div class="d-flex justify-content-between align-items-center mb-3">
    <h5 class="mb-0">Master Jenis Usaha</h5>
    <a href="{{ route('master.jenis-usaha.create') }}" class="btn btn-primary btn-sm">
      <i class="bi bi-plus-circle"></i> Tambah Jenis Usaha
    </a>
  </div>

  @if(session('success'))
    <div class="alert alert-success alert-sm py-1">{{ 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:60px">No</th>
              <th>Jenis Usaha</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->Jenis_Usaha }}</td>
                <td class="text-center">
                  <a href="{{ route('master.jenis-usaha.edit', $row->jenis_usaha_id) }}"
                     class="btn btn-sm btn-info">
                    Edit
                  </a>
                  <form action="{{ route('master.jenis-usaha.destroy', $row->jenis_usaha_id) }}"
                        method="POST" class="d-inline"
                        onsubmit="return confirm('Hapus data ini?')">
                    @csrf
                    @method('DELETE')
                    <button type="submit" class="btn btn-sm btn-danger">
                      Hapus
                    </button>
                  </form>
                </td>
              </tr>
            @empty
              <tr>
                <td colspan="3" class="text-center">Belum ada data.</td>
              </tr>
            @endforelse
          </tbody>
        </table>
      </div>
      <div class="mt-2 small text-muted">
        Menampilkan {{ $items->firstItem() ?? 0 }}–{{ $items->lastItem() ?? 0 }} dari {{ $items->total() }} data.
      </div>
      <div class="mt-1">
        {{ $items->links() }}
      </div>
    </div>
  </div>
</div>
@endsection