@extends('layouts.app')

@section('title', 'Monitor Semua Request')

@section('content')
    <div class="container-fluid">
        <h4 class="mb-4">Monitor Semua Request</h4>

        <div class="card shadow-sm mb-4 border-0 bg-light">
            <div class="card-body">
                <form action="{{ route('dashboard.requests.index') }}" method="GET" class="row g-3">
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">Status</label>
                        <select name="status" class="form-select form-select-sm">
                            <option value="">Semua Status</option>
                            <option value="draft" {{ request('status') == 'draft' ? 'selected' : '' }}>Draft</option>
                            <option value="pending" {{ request('status') == 'pending' ? 'selected' : '' }}>Pending</option>
                            <option value="approved" {{ request('status') == 'approved' ? 'selected' : '' }}>Approved
                            </option>
                            <option value="diproses" {{ request('status') == 'diproses' ? 'selected' : '' }}>Diproses
                            </option>
                            <option value="dikirim" {{ request('status') == 'dikirim' ? 'selected' : '' }}>Dikirim</option>
                            <option value="diterima" {{ request('status') == 'diterima' ? 'selected' : '' }}>Diterima /
                                Selesai</option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">Sales</label>
                        <select name="sales_id" class="form-select form-select-sm">
                            <option value="">Semua Sales</option>
                            @foreach ($salesList as $sales)
                                <option value="{{ $sales->id }}"
                                    {{ request('sales_id') == $sales->id ? 'selected' : '' }}>
                                    {{ $sales->name }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">Jenis Produk</label>
                        <select name="product_type" class="form-select form-select-sm">
                            <option value="">Semua Produk</option>
                            @foreach ($productTypes as $type)
                                <option value="{{ $type }}"
                                    {{ request('product_type') == $type ? 'selected' : '' }}>
                                    {{ $type }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">Tanggal Mulai</label>
                        <input type="date" name="date_start" class="form-control form-control-sm"
                            value="{{ request('date_start') }}">
                    </div>
                    <div class="col-md-2">
                        <label class="form-label small fw-bold">Tanggal Akhir</label>
                        <input type="date" name="date_end" class="form-control form-control-sm"
                            value="{{ request('date_end') }}">
                    </div>
                    <div class="col-md-2 d-flex align-items-end">
                        <button type="submit" class="btn btn-primary btn-sm w-100 me-1">Cari</button>
                        <a href="{{ route('dashboard.requests.index') }}"
                            class="btn btn-outline-secondary btn-sm">Reset</a>
                    </div>
                    <div class="col-md-2 d-flex align-items-end gap-1">
                        <button type="submit" class="btn btn-primary btn-sm flex-fill">Cari</button>

                        <button type="submit" formaction="{{ route('dashboard.requests.export') }}"
                            class="btn btn-success btn-sm flex-fill">
                            <i class="bi bi-file-earmark-excel"></i> Export
                        </button>
                    </div>
                </form>
            </div>
        </div>

        <div class="card shadow-sm">
            <div class="card-body p-0">
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0 text-nowrap">
                        <thead class="bg-white">
                            <tr>
                                <th>No. Request</th>
                                <th>Sales</th>
                                <th>Customer</th>
                                <th>Jenis Produk</th>
                                <th>Status Terakhir</th>
                                <th>Tgl Pengajuan</th>
                                <th class="text-center">Aksi</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($requests as $req)
                                <tr>
                                    <td class="fw-bold text-primary">{{ $req->request_number }}</td>
                                    <td>{{ $req->user->name }}</td>
                                    <td>{{ Str::limit($req->customer->company_name, 25) }}</td>
                                    <td>{{ $req->product_type }}</td>
                                    <td>
                                        @php
                                            $badgeColor = match ($req->status) {
                                                'draft' => 'secondary',
                                                'pending' => 'warning',
                                                'approved' => 'primary',
                                                'diproses' => 'info',
                                                'dikirim', 'diterima', 'selesai' => 'success',
                                                'revisi', 'tolak' => 'danger',
                                                default => 'secondary',
                                            };
                                        @endphp
                                        <span class="badge bg-{{ $badgeColor }}">{{ strtoupper($req->status) }}</span>
                                    </td>
                                    <td>{{ $req->created_at->format('d/m/Y') }}</td>
                                    <td class="text-center">
                                        <a href="{{ route('dashboard.requests.show', $req->id) }}"
                                            class="btn btn-sm btn-outline-dark">
                                            Lihat Detail
                                        </a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="7" class="text-center py-4 text-muted">Data request tidak ditemukan
                                        dengan filter tersebut.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-end mt-3">
            {{ $requests->links() }}
        </div>
    </div>
@endsection