@extends('layouts.admin')

@section('title', 'Release Student Results')

@section('content')
<x-ui.page-header
    title="Release Student Results"
    subtitle="Manage financial holds and release results for individual students."
    :breadcrumbs="[
        ['label' => 'Home', 'href' => route('dashboard')],
        ['label' => 'Student Finance', 'href' => route('finance.dashboard')],
        ['label' => 'Release Student Results'],
    ]"
/>

@include('institution.partials.flash')

<div class="row g-4 mb-4">
    <div class="col-lg-6">
        <x-ui.card title="Place hold">
            <form method="POST" action="#" onsubmit="this.action='{{ url('finance/release-student-results') }}/'+document.getElementById('hold_student_id').value+'/hold';">
                @csrf
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-person"></i>
                                <div class="form-floating">
                                    <input type="number" id="hold_student_id" name="student_id" class="form-control bv-form-control" required placeholder="Student ID">
                                    <label for="hold_student_id">Student ID</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-flag"></i>
                                <div class="form-floating">
                                    <select name="hold_type" class="form-select bv-form-control">
                                        <option value="financial">Financial</option>
                                        <option value="disciplinary">Disciplinary</option>
                                        <option value="admin">Admin</option>
                                    </select>
                                    <label>Hold type</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-chat-left-text"></i>
                                <div class="form-floating">
                                    <input type="text" name="reason" class="form-control bv-form-control" placeholder="Reason">
                                    <label>Reason</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-3">
                    <x-ui.button type="submit" variant="ghost" icon="bi-pause-circle">Place hold</x-ui.button>
                </div>
            </form>
        </x-ui.card>
    </div>
    <div class="col-lg-6">
        <x-ui.card title="Release student">
            <form method="POST" action="#" onsubmit="this.action='{{ url('finance/release-student-results') }}/'+document.getElementById('release_student_id').value+'/release';">
                @csrf
                <div class="row g-3">
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-person"></i>
                                <div class="form-floating">
                                    <input type="number" id="release_student_id" name="student_id" class="form-control bv-form-control" required placeholder="Student ID">
                                    <label for="release_student_id">Student ID</label>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="bv-form-group">
                            <div class="bv-form-group__field">
                                <i class="bv-form-group__icon bi bi-calendar3"></i>
                                <div class="form-floating">
                                    <input type="number" name="academic_session_id" class="form-control bv-form-control" placeholder="Session ID">
                                    <label>Academic session ID</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="mt-3">
                    <x-ui.button type="submit" variant="primary" icon="bi-unlock">Release holds</x-ui.button>
                </div>
            </form>
        </x-ui.card>
    </div>
</div>

<x-ui.card title="Active holds">
    <div class="table-responsive">
        <table class="table bv-table mb-0">
            <thead>
                <tr>
                    <th>Student</th>
                    <th>Type</th>
                    <th>Reason</th>
                    <th>Session</th>
                    <th></th>
                </tr>
            </thead>
            <tbody>
                @forelse(($records ?? []) as $hold)
                    <tr>
                        <td>{{ $hold->student ? trim($hold->student->fullName()) : ('#'.$hold->student_id) }}</td>
                        <td>{{ $hold->hold_type ?? '—' }}</td>
                        <td>{{ $hold->reason ?? '—' }}</td>
                        <td>{{ $hold->academic_session_id ?? '—' }}</td>
                        <td class="text-end">
                            <form method="POST" action="{{ route('finance.release-student-results.release-hold', $hold) }}" class="d-inline">
                                @csrf
                                <x-ui.button type="submit" variant="ghost" icon="bi-unlock" size="sm">Release</x-ui.button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="5" class="text-muted-bv">No active holds.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if(isset($records) && method_exists($records, 'links'))
        <div class="mt-3">{{ $records->withQueryString()->links() }}</div>
    @endif
</x-ui.card>
@endsection