@extends('layouts.admin')

@section('title', 'Riders')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <form method="GET" class="d-flex gap-2">
            <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Search name/email/phone" style="width:220px;">
            <select name="status" class="form-select">
                <option value="">All statuses</option>
                @foreach (['pending','approved','rejected','blocked','banned'] as $status)
                    <option value="{{ $status }}" @selected(request('status') === $status)>{{ ucfirst($status) }}</option>
                @endforeach
            </select>
            <select name="city_id" class="form-select">
                <option value="">All cities</option>
                @foreach ($cities as $city)
                    <option value="{{ $city->id }}" @selected(request('city_id') == $city->id)>{{ $city->name }}</option>
                @endforeach
            </select>
            <button class="btn btn-outline-secondary" type="submit">Filter</button>
        </form>
        <a href="{{ route('admin.riders.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Add Rider</a>
    </div>

    <div class="stat-card p-0">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Name</th>
                    <th>Phone</th>
                    <th>City</th>
                    <th>Vehicle</th>
                    <th>Online</th>
                    <th>Wallet</th>
                    <th>Status</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($riders as $rider)
                    <tr>
                        <td>{{ $rider->name }}</td>
                        <td>{{ $rider->phone }}</td>
                        <td>{{ $rider->city->name ?? '-' }}</td>
                        <td>{{ ucfirst($rider->vehicle_type) }} ({{ $rider->vehicle_number }})</td>
                        <td>
                            @if ($rider->is_online)
                                <span class="badge bg-success">Online</span>
                            @else
                                <span class="badge bg-secondary">Offline</span>
                            @endif
                        </td>
                        <td>₹{{ number_format($rider->wallet_balance, 2) }}</td>
                        <td>
                            <span class="badge bg-{{ match($rider->status) {
                                'approved' => 'success',
                                'pending' => 'warning',
                                'rejected', 'blocked', 'banned' => 'danger',
                                default => 'secondary',
                            } }}">{{ ucfirst($rider->status) }}</span>
                        </td>
                        <td class="text-end">
                            <a href="{{ route('admin.riders.edit', $rider) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                            @if ($rider->status === 'pending')
                                <form action="{{ route('admin.riders.approve', $rider) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button class="btn btn-sm btn-outline-success">Approve</button>
                                </form>
                                <form action="{{ route('admin.riders.reject', $rider) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button class="btn btn-sm btn-outline-danger">Reject</button>
                                </form>
                            @elseif ($rider->status === 'approved')
                                <form action="{{ route('admin.riders.block', $rider) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button class="btn btn-sm btn-outline-warning">Block</button>
                                </form>
                            @elseif ($rider->status === 'blocked')
                                <form action="{{ route('admin.riders.unblock', $rider) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button class="btn btn-sm btn-outline-success">Unblock</button>
                                </form>
                            @endif
                            @if ($rider->status !== 'banned')
                                <form action="{{ route('admin.riders.ban', $rider) }}" method="POST" class="d-inline">
                                    @csrf
                                    <button class="btn btn-sm btn-outline-dark" onclick="return confirm('Ban this rider permanently?')">Ban</button>
                                </form>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="text-center text-muted py-4">No riders found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-3">{{ $riders->links() }}</div>
@endsection