@extends('layouts.app')
@section('title', 'Transfers')
@section('breadcrumb', 'Transfers')

@section('content')
<div class="d-flex justify-content-between align-items-center mb-4">
    <div>
        <h4 class="fw-bold mb-0" style="color:#0f3d23;">
            <i class="bi bi-arrow-left-right me-2" style="color:#c9a94d;"></i>Student Transfers
        </h4>
        <p class="text-muted mb-0" style="font-size:.85rem;">
            Outgoing and incoming transfers for {{ $school->name }}
        </p>
    </div>
</div>

{{-- Filter --}}
<div class="card table-card mb-4">
    <div class="card-body py-3">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-4">
                <label class="form-label fw-semibold" style="font-size:.8rem;">Status</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="">All Statuses</option>
                    <option value="pending"   {{ request('status')=='pending'   ? 'selected':'' }}>Pending</option>
                    <option value="approved"  {{ request('status')=='approved'  ? 'selected':'' }}>Approved</option>
                    <option value="completed" {{ request('status')=='completed' ? 'selected':'' }}>Completed</option>
                    <option value="rejected"  {{ request('status')=='rejected'  ? 'selected':'' }}>Rejected</option>
                </select>
            </div>
            <div class="col-md-2">
                <button type="submit" class="btn btn-sm w-100" style="background:#1a6b3c; color:#fff; border-radius:7px;">
                    <i class="bi bi-funnel me-1"></i>Filter
                </button>
            </div>
            <div class="col-md-2">
                <a href="{{ route('school.transfers.index') }}" class="btn btn-sm btn-outline-secondary w-100" style="border-radius:7px;">
                    <i class="bi bi-x-lg me-1"></i>Clear
                </a>
            </div>
        </form>
    </div>
</div>

<div class="card table-card">
    <div class="card-header bg-white py-3">
        <span class="fw-semibold">{{ $transfers->total() }} transfer record(s)</span>
    </div>
    <div class="table-responsive">
        <table class="table table-hover mb-0 align-middle" style="font-size:.85rem;">
            <thead>
                <tr>
                    <th>Ref</th>
                    <th>Student</th>
                    <th>Direction</th>
                    <th>From</th>
                    <th>To</th>
                    <th>Requested</th>
                    <th>Status</th>
                    <th>Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse($transfers as $transfer)
                @php
                    $isOutgoing = $transfer->from_school_id === $school->id;
                @endphp
                <tr>
                    <td><code style="font-size:.75rem;">{{ $transfer->transfer_ref }}</code></td>
                    <td>
                        <div class="fw-semibold">{{ $transfer->student->full_name }}</div>
                        <div class="text-muted" style="font-size:.75rem;">{{ $transfer->student->mcss_student_id }}</div>
                    </td>
                    <td>
                        <span class="badge {{ $isOutgoing ? 'bg-warning text-dark' : 'bg-success' }}" style="font-size:.72rem;">
                            <i class="bi bi-arrow-{{ $isOutgoing ? 'right' : 'left' }} me-1"></i>
                            {{ $isOutgoing ? 'Outgoing' : 'Incoming' }}
                        </span>
                    </td>
                    <td>{{ $transfer->fromSchool->code }}</td>
                    <td>{{ $transfer->toSchool->code }}</td>
                    <td class="text-muted" style="font-size:.78rem;">
                        {{ $transfer->requested_at->format('M d, Y') }}
                    </td>
                    <td>
                        <span class="badge badge-status-{{ $transfer->status }}" style="font-size:.72rem;">
                            {{ ucfirst($transfer->status) }}
                        </span>
                    </td>
                    <td>
                        <div class="d-flex gap-1">
                            <a href="{{ route('school.transfers.show', $transfer) }}"
                               class="btn btn-sm btn-outline-secondary">
                                <i class="bi bi-eye"></i>
                            </a>
                            @if($transfer->isPending() && !$isOutgoing && auth()->user()->isAdminLevel())
                            <a href="{{ route('school.transfers.review', $transfer) }}"
                               class="btn btn-sm btn-warning" title="Review">
                                <i class="bi bi-clipboard-check"></i>
                            </a>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr>
                    <td colspan="8" class="text-center py-5 text-muted">
                        <i class="bi bi-arrow-left-right fs-2 d-block mb-2"></i>
                        No transfer records 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