@extends('app')
@section('content')
    <div class="app-content">
        <div class="content-wrapper">

            <div class="page-heading">
                <div>
                    <h1 class="page-title">Data Permintaan</h1>
                    <p class="page-subtitle">Kelola semua permintaan alat medis <strong>ruangan Anda</strong></p>
                </div>
                <a href="{{ route('perawat.permintaan.create') }}" class="btn-app-primary">
                    <i class="fa-solid fa-plus me-2"></i>Tambah Permintaan
                </a>
            </div>

            @if (session('success'))
                <div class="alert alert-success">
                    <i class="fa-solid fa-circle-check me-2"></i>{{ session('success') }}
                </div>
            @endif
            @if (session('error'))
                <div class="alert alert-danger">
                    <i class="fa-solid fa-circle-exclamation me-2"></i>{{ session('error') }}
                </div>
            @endif

            <div class="app-card">
                <div class="app-card-header">
                    <span class="app-card-title">
                        <i class="fa-solid fa-file-medical me-2"></i>Daftar Permintaan
                    </span>
                </div>

                {{-- Filter Form --}}
                <form method="GET" action="{{ route('perawat.permintaan.index') }}">
                    <div class="table-toolbar flex-wrap gap-2">

                        {{-- Search --}}
                        <div class="table-search-wrap">
                            <i class="fa-solid fa-magnifying-glass table-search-icon"></i>
                            <input type="text" name="search" value="{{ request('search') }}" class="table-search-input"
                                placeholder="Cari kode, ruangan..." autocomplete="off">
                        </div>

                        <div class="table-filters flex-wrap gap-2">

                            {{-- Status --}}
                            <select name="status" class="table-filter-select" onchange="this.form.submit()">
                                <option value="">Semua Status</option>
                                @foreach ([
            'DIAJUKAN' => 'Diajukan',
            'DISETUJUI_KARU' => 'Disetujui Karu',
            'DITOLAK_KARU' => 'Ditolak Karu',
            'DISETUJUI_LOGISTIK' => 'Disetujui Logistik',
            'DITOLAK_LOGISTIK' => 'Ditolak Logistik',
        ] as $val => $label)
                                    <option value="{{ $val }}" {{ request('status') === $val ? 'selected' : '' }}>
                                        {{ $label }}
                                    </option>
                                @endforeach
                            </select>

                            {{-- Tanggal Dari --}}
                            <div class="d-flex align-items-center gap-2">
                                <label class="td-muted mb-0" style="font-size:12px; white-space:nowrap">
                                    <i class="fa-regular fa-calendar me-1"></i>Dari
                                </label>
                                <input type="date" name="dari" value="{{ request('dari') }}" max="{{ date('Y-m-d') }}"
                                    class="table-filter-select" style="width:150px">
                            </div>

                            {{-- Tanggal Ke --}}
                            <div class="d-flex align-items-center gap-2">
                                <label class="td-muted mb-0" style="font-size:12px; white-space:nowrap">
                                    <i class="fa-regular fa-calendar me-1"></i>Ke
                                </label>
                                <input type="date" name="ke" value="{{ request('ke', date('Y-m-d')) }}" max="{{ date('Y-m-d') }}"
                                    class="table-filter-select" style="width:150px">
                            </div>

                            {{-- Submit --}}
                            <button type="submit" class="btn-app-primary" style="padding:7px 14px; font-size:13px">
                                <i class="fa-solid fa-magnifying-glass me-1"></i>Cari
                            </button>

                            {{-- Reset --}}
                            @if (request()->hasAny(['search', 'status', 'dari', 'ke']))
                                <a href="{{ route('perawat.permintaan.index') }}" class="btn-app-ghost"
                                    style="padding:7px 14px; font-size:13px">
                                    <i class="fa-solid fa-xmark me-1"></i>Reset
                                </a>
                            @endif

                        </div>
                    </div>
                </form>

                {{-- Active filter badges --}}
                @if (request()->hasAny(['search', 'status', 'dari', 'ke']))
                    <div class="d-flex align-items-center gap-2 flex-wrap px-3 pb-3">
                        <span class="td-muted" style="font-size:12px">
                            <i class="fa-solid fa-filter me-1"></i>Filter aktif:
                        </span>
                        @if (request('search'))
                            <span class="badge text-bg-secondary">Kata kunci: "{{ request('search') }}"</span>
                        @endif
                        @if (request('status'))
                            @php
                                $statusLabels = [
                                    'DIAJUKAN' => 'Diajukan',
                                    'DISETUJUI_KARU' => 'Disetujui Karu',
                                    'DITOLAK_KARU' => 'Ditolak Karu',
                                    'DISETUJUI_LOGISTIK' => 'Disetujui Logistik',
                                    'DITOLAK_LOGISTIK' => 'Ditolak Logistik',
                                ];
                            @endphp
                            <span class="badge text-bg-info">Status:
                                {{ $statusLabels[request('status')] ?? request('status') }}</span>
                        @endif
                        @if (request('dari'))
                            <span class="badge text-bg-secondary">Dari:
                                {{ \Carbon\Carbon::parse(request('dari'))->format('d M Y') }}</span>
                        @endif
                        @if (request('ke'))
                            <span class="badge text-bg-secondary">Ke:
                                {{ \Carbon\Carbon::parse(request('ke'))->format('d M Y') }}</span>
                        @endif
                    </div>
                @endif

                <div class="app-card-body p-0">
                    <div class="table-responsive">
                        <table class="app-table" id="permintaanTable">
                            <thead>
                                <tr>
                                    <th>No</th>
                                    <th>Kode</th>
                                    <th>Tanggal</th>
                                    <th>Ruangan</th>
                                    <th>Item</th>
                                    <th>Status</th>
                                    <th>Catatan Karu</th>
                                    <th>Catatan Logistik</th>
                                    <th>Aksi</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($data as $p)
                                    @php
                                        $statusClass = match ($p->status) {
                                            'DIAJUKAN' => 'status-pending',
                                            'DISETUJUI_KARU', 'DISETUJUI_LOGISTIK' => 'status-approved',
                                            'DITOLAK_KARU', 'DITOLAK_LOGISTIK' => 'status-rejected',
                                            default => 'status-pending',
                                        };
                                        $statusIcon = match ($p->status) {
                                            'DIAJUKAN' => 'fa-hourglass-half',
                                            'DISETUJUI_KARU' => 'fa-circle-check',
                                            'DITOLAK_KARU' => 'fa-circle-xmark',
                                            'DISETUJUI_LOGISTIK' => 'fa-circle-check',
                                            'DITOLAK_LOGISTIK' => 'fa-circle-xmark',
                                            default => 'fa-circle-question',
                                        };
                                        $statusLabel = match ($p->status) {
                                            'DIAJUKAN' => 'Diajukan',
                                            'DISETUJUI_KARU' => 'Disetujui Karu',
                                            'DITOLAK_KARU' => 'Ditolak Karu',
                                            'DISETUJUI_LOGISTIK' => 'Disetujui Logistik',
                                            'DITOLAK_LOGISTIK' => 'Ditolak Logistik',
                                            default => $p->status,
                                        };
                                    @endphp
                                    <tr>
                                        <td class="td-muted">{{ $loop->iteration }}</td>
                                        <td><span class="code-badge">{{ $p->kode_permintaan }}</span></td>
                                        <td class="td-muted">
                                            <i class="fa-regular fa-calendar me-1"></i>
                                            {{ \Carbon\Carbon::parse($p->tanggal_permintaan)->format('d M Y') }}
                                        </td>
                                        <td><span class="room-tag">{{ $p->ruangan->nama_ruangan ?? '-' }}</span></td>
                                        <td class="td-muted text-center">{{ $p->details->count() }} item</td>
                                        <td>
                                            <span class="status-pill {{ $statusClass }}">
                                                <i class="fa-solid {{ $statusIcon }} me-1"></i>{{ $statusLabel }}
                                            </span>
                                        </td>
                                        <td class="td-muted" style="max-width:140px">
                                            @if ($p->catatan_karu)
                                                <span class="text-truncate d-block" style="max-width:130px"
                                                    title="{{ $p->catatan_karu }}">{{ $p->catatan_karu }}</span>
                                            @else
                                                —
                                            @endif
                                        </td>
                                        <td class="td-muted" style="max-width:140px">
                                            @if ($p->catatan_logistik)
                                                <span class="text-truncate d-block" style="max-width:130px"
                                                    title="{{ $p->catatan_logistik }}">{{ $p->catatan_logistik }}</span>
                                            @else
                                                —
                                            @endif
                                        </td>
                                        <td>
                                            <div class="action-btns">
                                                <a href="{{ route('perawat.permintaan.show', $p->id) }}"
                                                    class="action-btn action-btn-view" title="Detail">
                                                    <i class="fa-solid fa-eye"></i>
                                                </a>
                                                @if ($p->status == 'DIAJUKAN')
                                                    <a href="{{ route('perawat.permintaan.edit', $p->id) }}"
                                                        class="action-btn action-btn-edit" title="Edit">
                                                        <i class="fa-solid fa-pen-to-square"></i>
                                                    </a>
                                                    <form action="{{ route('perawat.permintaan.destroy', $p->id) }}"
                                                        method="POST" style="display:inline"
                                                        onsubmit="return confirm('Yakin ingin menghapus permintaan ini?')">
                                                        @csrf
                                                        @method('DELETE')
                                                        <button type="submit" class="action-btn action-btn-delete"
                                                            title="Hapus">
                                                            <i class="fa-solid fa-trash"></i>
                                                        </button>
                                                    </form>
                                                @endif
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="9" class="text-center py-5 td-muted">
                                            <i class="fa-regular fa-folder-open d-block mb-2 fs-3"></i>
                                            Belum ada data permintaan
                                        </td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection