@extends('layouts.admin')

@section('title', 'Service Requests')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <h3 class="m-0 fw-bold">Service Requests</h3>
    <form method="GET" class="d-flex gap-2">
        <input type="text" name="q" value="{{ request('q') }}" class="form-control form-control-sm" placeholder="Request No">
        <select name="status" class="form-select form-select-sm">
            <option value="">All</option>
            <option value="pending" @selected(request('status')=='pending')>Pending</option>
            <option value="processing" @selected(request('status')=='processing')>Processing</option>
            <option value="success" @selected(request('status')=='success')>Success</option>
            <option value="rejected" @selected(request('status')=='rejected')>Rejected</option>
            <option value="refunded" @selected(request('status')=='refunded')>Refunded</option>
        </select>
        <button class="btn btn-sm btn-primary">Filter</button>
    </form>
</div>

<div class="card">
    <div class="card-body p-0">
        <table class="table table-hover mb-0">
            <thead class="table-dark">
                <tr>
                    <th>Request No</th>
                    <th>User</th>
                    <th>Service</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th>Date</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($requests as $r)
                    <tr>
                        <td><strong>{{ $r->request_no }}</strong></td>
                        <td>{{ $r->user->name }}<br><small class="text-muted">{{ $r->user->mobile }}</small></td>
                        <td>{{ $r->service->name }}</td>
                        <td>₹{{ number_format($r->charge, 2) }}</td>
                        <td><span class="badge bg-{{ $r->status_color }}">{{ ucfirst($r->status) }}</span></td>
                        <td><small>{{ $r->created_at->format('d M Y h:i A') }}</small></td>
                        <td><a href="{{ route('admin.requests.show', $r) }}" class="btn btn-sm btn-primary"><i class="fas fa-eye"></i> View</a></td>
                    </tr>
                @empty
                    <tr><td colspan="7" class="text-center text-muted p-4">No requests yet.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    <div class="card-footer">{{ $requests->links() }}</div>
</div>
@endsection