@extends('layouts.app')
@section('title', 'Review Transfer')
@section('breadcrumb', 'Transfers › Review › ' . $transfer->transfer_ref)

@section('content')
<div class="row justify-content-center">
<div class="col-lg-7">

<div class="card table-card">
    <div class="card-header py-3" style="background:#fff3cd; border-bottom:2px solid #c9a94d;">
        <h5 class="mb-0 fw-bold">
            <i class="bi bi-clipboard-check me-2" style="color:#c9a94d;"></i>
            Review Incoming Transfer Request
        </h5>
        <small class="text-muted">{{ $transfer->transfer_ref }}</small>
    </div>

    <div class="card-body p-4">

        {{-- Student summary --}}
        <div class="alert mb-4" style="background:#e8f5ee; border-left:4px solid #1a6b3c; border-radius:8px;">
            <div class="fw-bold">{{ $transfer->student->full_name }}</div>
            <div class="text-muted" style="font-size:.82rem;">
                MCSS ID: {{ $transfer->student->mcss_student_id }} &bull;
                Coming from: <strong>{{ $transfer->fromSchool->name }}</strong>
            </div>
            <div class="mt-1" style="font-size:.82rem;">
                <strong>Reason:</strong> {{ $transfer->reason }}
            </div>
        </div>

        {{-- Approve form --}}
        <div class="mb-4">
            <h6 class="fw-bold" style="color:#1a6b3c; border-bottom:1px solid #e0e0e0; padding-bottom:.5rem;">
                <i class="bi bi-check-circle me-1"></i>Approve Transfer
            </h6>
            <form action="{{ route('school.transfers.approve', $transfer) }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label class="form-label fw-semibold">
                        Assign to Class / Arm <span class="text-danger">*</span>
                    </label>
                    <select name="to_class_arm_id" class="form-select" required>
                        <option value="">— Select a class —</option>
                        @foreach($classArms as $classArm)
                        <option value="{{ $classArm->id }}"
                            {{ $transfer->to_class_arm_id == $classArm->id ? 'selected' : '' }}>
                            {{ $classArm->full_name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="mb-3">
                    <label class="form-label fw-semibold">Notes (optional)</label>
                    <textarea name="notes" class="form-control" rows="2"
                        placeholder="e.g. Student placed in Grade 10A as requested…"></textarea>
                </div>
                <button type="submit" class="btn w-100"
                        style="background:#1a6b3c; color:#fff; border-radius:8px;"
                        onclick="return confirm('Approve this transfer? The student will be immediately enrolled at your school.')">
                    <i class="bi bi-check-circle me-2"></i>Approve & Complete Transfer
                </button>
            </form>
        </div>

        <hr>

        {{-- Reject form --}}
        <div>
            <h6 class="fw-bold text-danger" style="border-bottom:1px solid #e0e0e0; padding-bottom:.5rem;">
                <i class="bi bi-x-circle me-1"></i>Reject Transfer
            </h6>
            <form action="{{ route('school.transfers.reject', $transfer) }}" method="POST">
                @csrf
                <div class="mb-3">
                    <label class="form-label fw-semibold">Reason for Rejection <span class="text-danger">*</span></label>
                    <textarea name="reason" class="form-control" rows="3" required
                        placeholder="e.g. School is at full capacity for this grade level…"></textarea>
                </div>
                <button type="submit" class="btn btn-outline-danger w-100" style="border-radius:8px;"
                        onclick="return confirm('Reject this transfer request?')">
                    <i class="bi bi-x-circle me-2"></i>Reject Transfer Request
                </button>
            </form>
        </div>

    </div>
</div>

</div>
</div>
@endsection