@extends('layouts.finance')

@section('title', $student->name)
@section('subtitle', 'Enrollments and monthly fee history')

@section('content')
    <section class="card mb">
        <div class="section-head">
            <h2>{{ $student->name }}</h2>
            <div>
                <a class="btn btn-sm" href="{{ route('students.edit', $student) }}">Edit</a>
                <a class="btn btn-sm" href="{{ route('students') }}">All Students</a>
            </div>
        </div>
        <div class="card-pad">
            <div class="row-form">
                <div><span class="label">Code</span><div>{{ $student->student_code ?: '—' }}</div></div>
                <div><span class="label">Phone</span><div>{{ $student->phone ?: '—' }}</div></div>
                <div><span class="label">Email</span><div>{{ $student->email ?: '—' }}</div></div>
                <div><span class="label">Status</span><div>{{ ucfirst($student->status) }}</div></div>
                <div><span class="label">Joined</span><div>{{ optional($student->joined_on)->format('d M Y') ?: '—' }}</div></div>
            </div>
            @if($student->guardian_name || $student->address)
                <div class="row-form mt">
                    <div><span class="label">Guardian</span><div>{{ $student->guardian_name ?: '—' }} {{ $student->guardian_phone ? '· '.$student->guardian_phone : '' }}</div></div>
                    <div><span class="label">Address</span><div>{{ $student->address ?: '—' }}</div></div>
                </div>
            @endif
        </div>
    </section>

    <section class="card mb">
        <div class="section-head"><h2>Enroll in a Course</h2></div>
        <div class="card-pad">
            @if($courses->isEmpty())
                <p class="muted">
                    No active courses yet. <a href="{{ route('students.courses') }}">Add a course</a> before enrolling this student.
                </p>
            @else
                <form method="POST" action="{{ route('students.enrollments.store', $student) }}" class="row-form">
                    @csrf
                    <div>
                        <label class="label">Course <span style="color:#ef4444">*</span></label>
                        <select class="field" name="course_id" id="enrollCourse" required>
                            <option value="">Select a course</option>
                            @foreach($courses as $course)
                                <option value="{{ $course->id }}"
                                        data-fee="{{ (float) $course->monthly_fee }}"
                                        data-currency="{{ $course->currency }}"
                                        @selected(old('course_id') == $course->id)>
                                    {{ $course->name }} ({{ $course->currency }} {{ number_format((float) $course->monthly_fee, 2) }}/mo)
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label class="label">Monthly Fee</label>
                        <input class="field" type="number" step="0.01" min="0" name="monthly_fee" id="enrollFee" value="{{ old('monthly_fee') }}">
                        <div class="text-xs muted">Leave blank to use the course fee.</div>
                    </div>
                    <div>
                        <label class="label">Currency</label>
                        <select class="field" name="currency" id="enrollCurrency">
                            @foreach($currencies as $currency)
                                <option value="{{ $currency }}" @selected(old('currency') === $currency)>{{ $currency }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label class="label">Start Date <span style="color:#ef4444">*</span></label>
                        <input class="field" type="date" name="start_date" value="{{ old('start_date', now()->format('Y-m-d')) }}" required>
                    </div>
                    <div>
                        <label class="label">End Date</label>
                        <input class="field" type="date" name="end_date" value="{{ old('end_date') }}">
                    </div>
                    <button class="btn btn-primary">+ Enroll</button>
                </form>

                <script>
                    // Prefill the fee and currency from the chosen course; the user can
                    // still override either for this particular student.
                    (function () {
                        var course = document.getElementById('enrollCourse');
                        var fee = document.getElementById('enrollFee');
                        var currency = document.getElementById('enrollCurrency');
                        if (!course) return;

                        course.addEventListener('change', function () {
                            var option = course.options[course.selectedIndex];
                            if (!option || !option.value) return;
                            if (!fee.value) fee.value = option.dataset.fee || '';
                            if (option.dataset.currency) currency.value = option.dataset.currency;
                        });
                    })();
                </script>
            @endif
        </div>
    </section>

    <section class="card mb">
        <div class="section-head"><h2>Enrollments</h2></div>
        <table>
            <thead>
            <tr>
                <th>Course</th>
                <th class="right">Monthly Fee</th>
                <th>Start</th>
                <th>End</th>
                <th>Status</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @forelse($student->enrollments as $enrollment)
                <tr>
                    <form id="enrollment-{{ $enrollment->id }}" method="POST"
                          action="{{ route('students.enrollments.update', [$student, $enrollment]) }}">@csrf @method('PUT')</form>
                    <td>{{ $enrollment->course?->name ?? '—' }}</td>
                    <td class="right">
                        <input form="enrollment-{{ $enrollment->id }}" class="field right" type="number" step="0.01" min="0"
                               name="monthly_fee" value="{{ (float) $enrollment->monthly_fee }}" required>
                        <select form="enrollment-{{ $enrollment->id }}" class="field" name="currency">
                            @foreach($currencies as $currency)
                                <option value="{{ $currency }}" @selected($enrollment->currency === $currency)>{{ $currency }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td><input form="enrollment-{{ $enrollment->id }}" class="field" type="date" name="start_date"
                               value="{{ optional($enrollment->start_date)->format('Y-m-d') }}" required></td>
                    <td><input form="enrollment-{{ $enrollment->id }}" class="field" type="date" name="end_date"
                               value="{{ optional($enrollment->end_date)->format('Y-m-d') }}"></td>
                    <td>
                        <select form="enrollment-{{ $enrollment->id }}" class="field" name="status">
                            @foreach(['active', 'completed', 'cancelled'] as $status)
                                <option value="{{ $status }}" @selected($enrollment->status === $status)>{{ ucfirst($status) }}</option>
                            @endforeach
                        </select>
                    </td>
                    <td class="actions">
                        <button form="enrollment-{{ $enrollment->id }}" class="btn btn-sm">Save</button>
                        <form method="POST" action="{{ route('students.enrollments.destroy', [$student, $enrollment]) }}"
                              onsubmit="return confirm('Remove this enrollment?')">
                            @csrf @method('DELETE')
                            <button class="btn btn-sm btn-danger">Remove</button>
                        </form>
                    </td>
                </tr>
            @empty
                <tr><td colspan="6" class="muted">Not enrolled in any course yet.</td></tr>
            @endforelse
            </tbody>
        </table>
    </section>

    <section class="card">
        <div class="section-head">
            <h2>Fee History</h2>
            <a class="btn btn-sm" href="{{ route('students.fees', ['student_id' => $student->id]) }}">Add / Manage Fees</a>
        </div>
        <table>
            <thead>
            <tr>
                <th>Invoice</th>
                <th>Period</th>
                <th>Course</th>
                <th class="right">Amount</th>
                <th>Status</th>
                <th>Received</th>
            </tr>
            </thead>
            <tbody>
            @forelse($feeInvoices as $fee)
                <tr>
                    <td>{{ $fee->invoice_number }}</td>
                    <td>{{ $fee->feePeriodLabel() ?? '—' }}</td>
                    <td>{{ $fee->course?->name ?? $fee->product_name }}</td>
                    <td class="right">{{ $fee->currency }} {{ number_format($fee->total(), 2) }}</td>
                    <td>{{ $fee->status === 'paid' ? 'Paid' : 'Unpaid' }}</td>
                    <td>{{ optional($fee->paid_at)->format('d M Y') ?: '—' }}</td>
                </tr>
            @empty
                <tr><td colspan="6" class="muted">No fees raised yet.</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="card-pad">{{ $feeInvoices->links() }}</div>
    </section>
@endsection