{{-- resources/views/admin/transfers/index.blade.php --}}
@extends('layouts.app')
@section('title', 'All Transfers')
@section('breadcrumb', 'Transfers — System Wide')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <h4 class="fw-bold mb-0" style="color:#0f3d23;">
        <i class="bi bi-arrow-left-right me-2" style="color:#c9a94d;"></i>All MCSS Transfers
    </h4>
</div>

<div class="card table-card mb-3">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-3">
                <select name="status" class="form-select form-select-sm">
                    <option value="">All Statuses</option>
                    @foreach(['pending','approved','completed','rejected'] as $s)
                    <option value="{{ $s }}" {{ request('status')==$s ? 'selected':'' }}>{{ ucfirst($s) }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-4">
                <select name="school_id" class="form-select form-select-sm">
                    <option value="">All Schools</option>
                    @foreach($schools as $s)
                    <option value="{{ $s->id }}" {{ request('school_id')==$s->id ? 'selected':'' }}>{{ $s->name }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-sm w-100" style="background:#1a6b3c; color:#fff; border-radius:7px;">Filter</button>
            </div>
        </form>
    </div>
</div>

<div class="card table-card">
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle" style="font-size:.83rem;">
            <thead>
                <tr><th>Ref</th><th>Student</th><th>From</th><th>To</th><th>Requested By</th><th>Date</th><th>Status</th><th></th></tr>
            </thead>
            <tbody>
                @forelse($transfers as $t)
                <tr>
                    <td><code style="font-size:.72rem;">{{ $t->transfer_ref }}</code></td>
                    <td>
                        <div class="fw-semibold">{{ $t->student->full_name }}</div>
                        <div class="text-muted" style="font-size:.72rem;">{{ $t->student->mcss_student_id }}</div>
                    </td>
                    <td>{{ $t->fromSchool->code }}</td>
                    <td>{{ $t->toSchool->code }}</td>
                    <td class="text-muted">{{ $t->requestedBy->name }}</td>
                    <td class="text-muted" style="font-size:.78rem;">{{ $t->requested_at->format('M d, Y') }}</td>
                    <td><span class="badge badge-status-{{ $t->status }}" style="font-size:.7rem;">{{ ucfirst($t->status) }}</span></td>
                    <td>
                        <a href="{{ route('school.transfers.show', $t) }}" class="btn btn-sm btn-outline-secondary">
                            <i class="bi bi-eye"></i>
                        </a>
                    </td>
                </tr>
                @empty
                <tr><td colspan="8" class="text-center py-4 text-muted">No transfers found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($transfers->hasPages())
    <div class="card-footer bg-white py-2">{{ $transfers->withQueryString()->links('pagination::bootstrap-5') }}</div>
    @endif
</div>
@endsection