@extends('layouts.app')

@section('title', 'All Mentorship Activities')

@section('content')
<div class="container py-4">
    <h2 class="fw-bold text-success mb-3">Mentorship Activities</h2>

    <!-- Filters -->
    <form method="GET" class="row g-2 mb-3">
        <div class="col-md-3">
            <select name="mentor_id" class="form-select">
                <option value="">All Mentors</option>
                @foreach($mentors ?? [] as $mentor)
                    <option value="{{ $mentor->id }}" {{ request('mentor_id') == $mentor->id ? 'selected' : '' }}>
                        {{ $mentor->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <select name="trainee_id" class="form-select">
                <option value="">All Trainees</option>
                @foreach($trainees ?? [] as $trainee)
                    <option value="{{ $trainee->id }}" {{ request('trainee_id') == $trainee->id ? 'selected' : '' }}>
                        {{ $trainee->name }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="col-md-3">
            <input type="date" name="date" class="form-control" value="{{ request('date') }}">
        </div>
        <div class="col-md-3">
            <button class="btn btn-success w-100">Filter</button>
        </div>
    </form>

    <!-- Optional: Bulk CSV Export -->
    <div class="mb-3">
        <a href="{{ route('admin.mentorship.export') }}" class="btn btn-primary">
            Export All CSV
        </a>
    </div>

    <!-- Activities Table -->
    <div class="card shadow-sm border-0">
        <div class="card-body table-responsive">
            <table class="table table-hover align-middle">
                <thead class="table-success">
                    <tr>
                        <th>#</th>
                        <th>Mentor</th>
                        <th>Trainee</th>
                        <th>Session Date</th>
                        <th>Session #</th>
                        <th>Total Payable (KSH)</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($activities as $index => $activity)
                        <tr>
                            <td>{{ $activities->firstItem() + $index }}</td>
                            <td>{{ $activity->mentor->name ?? '-' }}</td>
                            <td>{{ $activity->trainee->name ?? '-' }}</td>
                            <td>{{ $activity->date?->format('d-m-Y') ?? '-' }}</td>
                            <td>{{ $activity->session_number }}</td>
                            <td>{{ number_format($activity->payments->sum('total_payable') ?? 0, 2) }}</td>
                            <td>
                                <a href="{{ route('admin.mentorship.pdf', $activity->id) }}" 
                                   class="btn btn-sm btn-success">
                                   PDF
                                </a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="7" class="text-center">No mentorship activities found.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>

            <!-- Pagination -->
            <div class="d-flex justify-content-center">
                {{ $activities->links() }}
            </div>
        </div>
    </div>
</div>
@endsection