@extends('layouts.finance')

@section('title', 'Student Fees')
@section('subtitle', 'Monthly tuition invoices — received via a bank credit in Transactions')

@section('content')
    @php
        $monthNames = collect(range(1, 12))->mapWithKeys(fn ($m) => [$m => \Illuminate\Support\Carbon::create(2000, $m, 1)->format('F')]);
    @endphp

    <section class="card mb">
        <div class="section-head"><h2>Add a Fee</h2></div>
        <div class="card-pad">
            @if($enrollments->isEmpty())
                <p class="muted">
                    No active enrollments yet. <a href="{{ route('students') }}">Enroll a student in a course</a> first.
                </p>
            @else
                <form method="POST" action="{{ route('students.fees.store') }}" class="row-form">
                    @csrf
                    <div>
                        <label class="label">Student &amp; Course <span style="color:#ef4444">*</span></label>
                        <select class="field" name="student_enrollment_id" id="feeEnrollment" required>
                            <option value="">Select an enrollment</option>
                            @foreach($enrollments as $enrollment)
                                <option value="{{ $enrollment->id }}"
                                        data-fee="{{ (float) $enrollment->monthly_fee }}"
                                        @selected(old('student_enrollment_id') == $enrollment->id)>
                                    {{ $enrollment->student?->name }} — {{ $enrollment->course?->name }}
                                    ({{ $enrollment->currency }} {{ number_format((float) $enrollment->monthly_fee, 2) }}/mo)
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label class="label">Month <span style="color:#ef4444">*</span></label>
                        <select class="field" name="fee_period_month" required>
                            @foreach($monthNames as $number => $name)
                                <option value="{{ $number }}" @selected(old('fee_period_month', $filters['month'] ?? now()->month) == $number)>{{ $name }}</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                        <label class="label">Year <span style="color:#ef4444">*</span></label>
                        <input class="field" type="number" min="2000" max="2100" name="fee_period_year"
                               value="{{ old('fee_period_year', $filters['year']) }}" required>
                    </div>
                    <div>
                        <label class="label">Amount</label>
                        <input class="field" type="number" step="0.01" min="0" name="amount" id="feeAmount" value="{{ old('amount') }}">
                        <div class="text-xs muted">Leave blank to bill the enrollment's monthly fee.</div>
                    </div>
                    <div>
                        <label class="label">Due Date</label>
                        <input class="field" type="date" name="due_date" value="{{ old('due_date') }}">
                    </div>
                    <button class="btn btn-primary">+ Add Fee</button>
                </form>

                <form method="POST" action="{{ route('students.fees.generate') }}" class="row-form mt"
                      onsubmit="return confirm('Raise this month\'s fee for every active enrollment that has not been billed yet?')">
                    @csrf
                    <input type="hidden" name="fee_period_year" value="{{ $filters['year'] }}">
                    <input type="hidden" name="fee_period_month" value="{{ $filters['month'] ?? now()->month }}">
                    <div class="muted">
                        Bulk: raise fees for every active enrollment for
                        <strong>{{ $monthNames[$filters['month'] ?? now()->month] }} {{ $filters['year'] }}</strong>.
                        Already-billed enrollments are skipped.
                    </div>
                    <button class="btn">Generate Month's Fees</button>
                </form>

                <script>
                    (function () {
                        var enrollment = document.getElementById('feeEnrollment');
                        var amount = document.getElementById('feeAmount');
                        if (!enrollment) return;

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

    @if($summary->isNotEmpty())
        <section class="card mb">
            <div class="section-head"><h2>Totals</h2></div>
            <div class="card-pad row-form">
                @foreach($summary as $row)
                    <div>
                        <span class="label">{{ $row->currency }} Collected</span>
                        <div>{{ number_format((float) $row->collected, 2) }}</div>
                    </div>
                    <div>
                        <span class="label">{{ $row->currency }} Outstanding</span>
                        <div>{{ number_format((float) $row->outstanding, 2) }}</div>
                    </div>
                @endforeach
            </div>
        </section>
    @endif

    <section class="card">
        <div class="section-head"><h2>Fee Invoices</h2></div>
        <div class="card-pad">
            <form method="GET" action="{{ route('students.fees') }}" class="row-form">
                <div>
                    <label class="label">Year</label>
                    <input class="field" type="number" min="2000" max="2100" name="year" value="{{ $filters['year'] }}">
                </div>
                <div>
                    <label class="label">Month</label>
                    <select class="field" name="month">
                        <option value="">All</option>
                        @foreach($monthNames as $number => $name)
                            <option value="{{ $number }}" @selected($filters['month'] == $number)>{{ $name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="label">Student</label>
                    <select class="field" name="student_id">
                        <option value="">All</option>
                        @foreach($students as $student)
                            <option value="{{ $student->id }}" @selected($filters['student_id'] == $student->id)>{{ $student->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div>
                    <label class="label">Status</label>
                    <select class="field" name="status">
                        <option value="">All</option>
                        <option value="pending" @selected($filters['status'] === 'pending')>Unpaid</option>
                        <option value="paid" @selected($filters['status'] === 'paid')>Paid</option>
                    </select>
                </div>
                <button class="btn">Filter</button>
            </form>
        </div>
        <table>
            <thead>
            <tr>
                <th>Invoice</th>
                <th>Student</th>
                <th>Course</th>
                <th>Period</th>
                <th class="right">Amount</th>
                <th>Status</th>
                <th></th>
            </tr>
            </thead>
            <tbody>
            @forelse($fees as $fee)
                <tr>
                    <td>{{ $fee->invoice_number }}</td>
                    <td>
                        @if($fee->student)
                            <a href="{{ route('students.show', $fee->student) }}">{{ $fee->student->name }}</a>
                        @else
                            {{ $fee->client_name }}
                        @endif
                    </td>
                    <td>{{ $fee->course?->name ?? $fee->product_name }}</td>
                    <td>{{ $fee->feePeriodLabel() ?? '—' }}</td>
                    <td class="right">{{ $fee->currency }} {{ number_format($fee->total(), 2) }}</td>
                    <td>
                        @if($fee->status === 'paid')
                            Paid <span class="muted text-xs">{{ optional($fee->paid_at)->format('d M Y') }}</span>
                        @else
                            Unpaid
                        @endif
                    </td>
                    <td class="actions">
                        @if($fee->status !== 'paid')
                            <form method="POST" action="{{ route('students.fees.destroy', $fee) }}"
                                  onsubmit="return confirm('Delete this unpaid fee invoice?')">
                                @csrf @method('DELETE')
                                <button class="btn btn-sm btn-danger">Delete</button>
                            </form>
                        @endif
                    </td>
                </tr>
            @empty
                <tr><td colspan="7" class="muted">No fee invoices for this period.</td></tr>
            @endforelse
            </tbody>
        </table>
        <div class="card-pad">
            <p class="muted text-xs">
                To receive a fee: go to Transactions → pick the bank account → Credit → category
                <strong>Student Fee</strong>, then select the invoice. The amount is credited to the
                account and the fee is marked paid.
            </p>
            {{ $fees->links() }}
        </div>
    </section>
@endsection