@extends('layouts.app')
@section('title', 'Manajemen Proyek')
@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
  <div>
    <h4 class="fw-bold mb-0">Manajemen Proyek</h4>
    <p class="text-muted mb-0">Kelola data proyek perumahan PT. Sumber Sentuhan Emas</p>
  </div>
  <a href="{{ route('admin.projects.create') }}" class="btn btn-primary"><i class="bx bx-plus me-1"></i>Tambah Proyek</a>
</div>
<div class="card">
  <div class="card-body">
    <div class="table-responsive">
      <table id="projectTable" class="table table-hover">
        <thead>
          <tr><th>No.</th><th>Kode</th><th>Nama Proyek</th><th>Lokasi</th><th>Tipe</th><th>Status</th><th>Aksi</th></tr>
        </thead>
      <tbody>
        @forelse($projects as $p)
        <tr>
          <td>{{ $loop->iteration }}</td>
          <td><span class="badge bg-label-primary">{{ $p->kode_proyek }}</span></td>
          <td class="fw-semibold">{{ $p->nama_proyek }}</td>
          <td>{{ $p->lokasi ?? '-' }}</td>
          <td>{{ $p->type_rumah ?? '-' }}</td>
          <td><span class="badge @if($p->status === 'Berjalan') bg-success @elseif($p->status === 'Selesai') bg-secondary @else bg-warning @endif">{{ $p->status }}</span></td>
          <td>
            <a href="{{ route('admin.projects.show', $p) }}" class="btn btn-sm btn-primary me-1"><i class="bx bx-folder-open me-1"></i>Kelola</a>
            <a href="{{ route('admin.projects.edit', $p) }}" class="btn btn-sm btn-outline-warning me-1"><i class="bx bx-edit"></i></a>
            <form action="{{ route('admin.projects.destroy', $p) }}" method="POST" class="d-inline" onsubmit="return confirm('Hapus proyek ini?')">
              @csrf @method('DELETE')
              <button type="submit" class="btn btn-sm btn-outline-danger"><i class="bx bx-trash"></i></button>
            </form>
          </td>
        </tr>
        @empty
          <tr><td colspan="7" class="text-center text-muted py-5">Belum ada data proyek.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
  </div>
</div>
@endsection
@section('page-script')
<script>$(document).ready(function(){ $('#projectTable').DataTable(); });</script>
@endsection