@extends('layouts.admin')

@section('title','Volunteers')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h4>Volunteer Applications</h4>
        <a class="btn btn-sm btn-outline-primary" href="{{ route('admin.volunteers.export') }}">Export CSV</a>
    </div>
    <table class="table table-sm">
        <thead>
            <tr>
                <th>Name</th>
                <th>Phone</th>
                <th>Status</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @foreach($volunteers as $volunteer)
                <tr>
                    <td>{{ $volunteer->name }}</td>
                    <td>{{ $volunteer->phone }}</td>
                    <td>{{ $volunteer->status }}</td>
                    <td>
                        <form action="{{ route('admin.volunteers.update', $volunteer) }}" method="POST" class="d-flex gap-2">
                            @csrf
                            @method('PATCH')
                            <select class="form-select form-select-sm" name="status">
                                <option value="pending" {{ $volunteer->status === 'pending' ? 'selected' : '' }}>Pending</option>
                                <option value="approved" {{ $volunteer->status === 'approved' ? 'selected' : '' }}>Approved</option>
                                <option value="rejected" {{ $volunteer->status === 'rejected' ? 'selected' : '' }}>Rejected</option>
                            </select>
                            <button class="btn btn-sm btn-outline-primary">Save</button>
                        </form>
                    </td>
                </tr>
            @endforeach
        </tbody>
    </table>
    {{ $volunteers->links() }}
@endsection