first

src/resources/views/staff/applications-index.blade.php

@@ -0,0 +1,76 @@
+@extends('layouts.app')
+
+@section('title', 'Permohonan Staff')
+@section('page-title', 'Permohonan Ansuran')
+@section('page-label', 'Modul Staff')
+
+@section('page-actions')
+    <a href="{{ route('staff.applications.export') }}" class="btn btn-outline-primary">Eksport Excel</a>
+@endsection
+
+@section('content')
+    <div class="card surface-card p-4 mb-4">
+        <div class="alert alert-secondary mb-4">
+            Hanya akaun berstatus <strong>diproses</strong> dan <strong>aktif</strong> dipaparkan untuk semakan staff. Akaun <strong>batal</strong>, <strong>gagal</strong>, dan <strong>selesai</strong> kekal dalam sejarah, database, dan kemas kini Excel.
+        </div>
+        <form class="row g-3">
+            <div class="col-md-4">
+                <label class="form-label">Carian</label>
+                <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="No permohonan / pemohon / akaun">
+            </div>
+            <div class="col-md-3">
+                <label class="form-label">Status</label>
+                <select name="status" class="form-select">
+                    <option value="">Diproses + Aktif</option>
+                    @foreach ($allowedStatuses as $status)
+                        <option value="{{ $status }}" @selected(request('status') === $status)>{{ ucfirst($status) }}</option>
+                    @endforeach
+                </select>
+            </div>
+            <div class="col-md-2">
+                <label class="form-label">Dari Tarikh</label>
+                <input type="date" name="date_from" class="form-control" value="{{ request('date_from') }}">
+            </div>
+            <div class="col-md-2">
+                <label class="form-label">Hingga Tarikh</label>
+                <input type="date" name="date_to" class="form-control" value="{{ request('date_to') }}">
+            </div>
+            <div class="col-md-1 d-flex align-items-end">
+                <button class="btn btn-primary w-100">Tapis</button>
+            </div>
+        </form>
+    </div>
+    <div class="card surface-card p-4">
+        <div class="table-responsive">
+            <table class="table align-middle">
+                <thead>
+                    <tr>
+                        <th>No Permohonan</th>
+                        <th>Pemohon</th>
+                        <th>No Akaun Tunggakan</th>
+                        <th>Kategori</th>
+                        <th>Tempoh</th>
+                        <th>Status</th>
+                        <th></th>
+                    </tr>
+                </thead>
+                <tbody>
+                    @forelse ($applications as $application)
+                        <tr>
+                            <td>{{ $application->application_no }}</td>
+                            <td>{{ $application->user->displayName() }}</td>
+                            <td>{{ $application->no_akaun_tunggakan }}</td>
+                            <td>{{ $application->category }}</td>
+                            <td>{{ $application->installment_months }} bulan</td>
+                            <td>@include('components.status-badge', ['status' => $application->status])</td>
+                            <td class="text-end"><a href="{{ route('staff.applications.show', $application) }}" class="btn btn-outline-secondary btn-sm">Semak Detail</a></td>
+                        </tr>
+                    @empty
+                        <tr><td colspan="7" class="text-center text-muted py-4">Tiada rekod ditemui.</td></tr>
+                    @endforelse
+                </tbody>
+            </table>
+        </div>
+        <div class="mt-3">{{ $applications->links() }}</div>
+    </div>
+@endsection