@extends('layouts.app')

@section('title', 'Laporan Pengajuan')

@section('content')

<div class="page-header mb-4">
    <h2>Laporan Pengajuan</h2>
    <p>Rekap seluruh pengajuan Persetujuan Bangunan Gedung</p>
</div>

{{-- FILTER --}}
<div class="content-card mb-4">

    <div class="card-header">
        <i class="bi bi-funnel me-2"></i>
        Filter Laporan
    </div>

    <div class="card-body">

        <form method="GET">

            <div class="row g-3 align-items-end">

                <div class="col-lg-3 col-md-6">
                    <label class="form-label fw-semibold">
                        Dari Tanggal
                    </label>

                    <input
                        type="date"
                        name="tanggal_mulai"
                        class="form-control"
                        value="{{ request('tanggal_mulai') }}">
                </div>

                <div class="col-lg-3 col-md-6">
                    <label class="form-label fw-semibold">
                        Sampai Tanggal
                    </label>

                    <input
                        type="date"
                        name="tanggal_selesai"
                        class="form-control"
                        value="{{ request('tanggal_selesai') }}">
                </div>

                <div class="col-lg-3 col-md-6">

                    <label class="form-label fw-semibold">
                        Status
                    </label>

                    <select name="status" class="form-select">

                        <option value="semua"
                            {{ request('status') == 'semua' ? 'selected' : '' }}>
                            Semua Status
                        </option>

                        <option value="pending"
                            {{ request('status') == 'pending' ? 'selected' : '' }}>
                            Menunggu
                        </option>

                        <option value="ditugaskan"
                            {{ request('status') == 'ditugaskan' ? 'selected' : '' }}>
                            Ditugaskan
                        </option>

                        <option value="diperiksa"
                            {{ request('status') == 'diperiksa' ? 'selected' : '' }}>
                            Sedang Diperiksa
                        </option>

                        <option value="diverifikasi"
                            {{ request('status') == 'diverifikasi' ? 'selected' : '' }}>
                            Diverifikasi
                        </option>

                        <option value="disetujui"
                            {{ request('status') == 'disetujui' ? 'selected' : '' }}>
                            Disetujui
                        </option>

                        <option value="ditolak"
                            {{ request('status') == 'ditolak' ? 'selected' : '' }}>
                            Ditolak
                        </option>

                        <option value="revisi"
                            {{ request('status') == 'revisi' ? 'selected' : '' }}>
                            Revisi
                        </option>

                    </select>

                </div>

                <div class="col-lg-3 col-md-6">

                    <div class="d-flex flex-column gap-2">
                        <!-- Cetak PDF di pojok kanan atas -->
                        <div class="d-flex justify-content-end">
                            <a href="{{ route('operator.laporan.cetak', request()->query()) }}"
                               class="btn btn-success btn-sm"
                               target="_blank">

                                <i class="bi bi-printer me-1"></i>
                                Cetak PDF

                            </a>
                        </div>

                        <!-- Tampilkan dan Reset di bawah sejajar -->
                        <div class="d-flex gap-2">
                            <button type="submit" class="btn btn-primary btn-sm flex-fill">
                                <i class="bi bi-search me-1"></i>
                                Tampilkan
                            </button>

                            <a href="{{ route('operator.laporan') }}"
                               class="btn btn-outline-secondary btn-sm flex-fill">

                                <i class="bi bi-arrow-clockwise me-1"></i>
                                Reset

                            </a>
                        </div>
                    </div>

                </div>

            </div>

        </form>

    </div>

</div>
{{-- DATA TANDA TANGAN OPERATOR --}}
<div class="content-card mb-4">

    <div class="card-header">
        <i class="bi bi-pen me-2"></i>
        Data Tanda Tangan Operator
    </div>

    <div class="card-body">

        <form method="POST" action="{{ route('operator.laporan.simpan-ttd') }}">
            @csrf

            <div class="row g-3 align-items-end">

                <div class="col-md-5">
                    <label class="form-label fw-semibold">
                        Nama Operator
                    </label>

                    <input
                        type="text"
                        name="nama_operator"
                        class="form-control"
                        value="{{ session('nama_operator', auth()->user()->name) }}"
                        placeholder="Masukkan nama operator"
                        maxlength="100"
                        required>
                </div>

                <div class="col-md-5">
                    <label class="form-label fw-semibold">
                        NIP Operator
                    </label>

                    <input
                        type="text"
                        name="nip_operator"
                        class="form-control"
                        value="{{ session('nip_operator', auth()->user()->nip ?? '') }}"
                        placeholder="Masukkan 18 digit NIP"
                        maxlength="18"
                        minlength="18"
                        pattern="[0-9]{18}"
                        inputmode="numeric"
                        oninput="this.value=this.value.replace(/[^0-9]/g,'').slice(0,18)"
                        required>

                    <small class="text-muted">
                        NIP harus terdiri dari 18 digit angka.
                    </small>
                </div>

                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary w-100">
                        <i class="bi bi-save me-1"></i>
                        Simpan
                    </button>
                </div>

            </div>

        </form>

    </div>

</div>

{{-- TABEL --}}
<div class="content-card">

    <div class="card-header d-flex justify-content-between align-items-center">

        <div>
            <i class="bi bi-file-earmark-text me-2"></i>
            Data Pengajuan
        </div>

        <span class="badge bg-primary fs-6">
            {{ $laporan->count() }} Data
        </span>

    </div>

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

        <div class="table-responsive">

            <table class="table table-modern table-hover align-middle mb-0">

                <thead>

                    <tr>

                        <th width="60">No</th>

                        <th>Nomor Pengajuan</th>

                        <th>Pemohon</th>

                        <th>Nama Bangunan</th>

                        <th>Tanggal Masuk</th>

                        <th>Status</th>

                        <th>Pemeriksa</th>

                    </tr>

                </thead>

                <tbody>

                @forelse($laporan as $p)

                    <tr>

                        <td>
                            {{ $loop->iteration }}
                        </td>

                        <td>
                            <strong>
                                {{ $p->nomor_pengajuan }}
                            </strong>
                        </td>

                        <td>

                            <strong>
                                {{ $p->pemohon->name ?? '-' }}
                            </strong>

                        </td>

                        <td>

                            {{ $p->nama_bangunan }}

                        </td>

                        <td>

                            {{ $p->created_at->format('d M Y') }}

                            <br>

                            <small class="text-muted">
                                {{ $p->created_at->format('H:i') }}
                            </small>

                        </td>

                        <td>

                            <span class="badge bg-{{ $p->status_color }}">
                                {{ $p->status_label }}
                            </span>

                        </td>

                        <td>

                            @if($p->pemeriksa)

                                <strong>
                                    {{ $p->pemeriksa->name }}
                                </strong>

                                <br>

                                <small class="text-muted">

                                    {{ strtoupper($p->pemeriksa->role) }}

                                </small>

                            @else

                                <span class="badge bg-secondary">
                                    Belum Ditugaskan
                                </span>

                            @endif

                        </td>

                    </tr>

                @empty

                    <tr>

                        <td colspan="7" class="text-center py-5 text-muted">

                            <i class="bi bi-inbox fs-1 d-block mb-3"></i>

                            Tidak ada data pengajuan.

                        </td>

                    </tr>

                @endforelse

                </tbody>

            </table>

        </div>

    </div>

</div>

@endsection