@extends('layouts.app')

@section('title', 'Invoices')

@section('crumbs')
    <a href="{{ route('dashboard') }}">Dashboard</a><span class="sep">/</span><span>Invoices</span>
@endsection

@section('content')
    <div class="page-header">
        <div>
            <h1>Invoices</h1>
            <p class="page-header__subtitle">
                {{ $invoices->total() }} invoice(s)
                @if ($filteredStudent)
                    &middot; Filtered to <strong>{{ $filteredStudent->full_name }}</strong>
                    (<span class="mono">{{ $filteredStudent->admission_no }}</span>)
                @endif
            </p>
        </div>
        <div class="flex-between">
            <a href="{{ route('fees.index') }}" class="btn btn--ghost">Fee structures</a>
            <a href="{{ route('payments.index') }}" class="btn btn--secondary">Payments</a>
        </div>
    </div>

    <div class="card">
        <div class="card__header">
            <form method="GET" action="{{ route('invoices.index') }}" class="filters">
                @if (!empty($filters['student']))
                    <input type="hidden" name="student" value="{{ $filters['student'] }}">
                @endif

                <div class="form-group">
                    <label for="status">Status</label>
                    <select id="status" name="status">
                        <option value="">All statuses</option>
                        @foreach (['unpaid', 'partial', 'paid', 'void'] as $status)
                            <option value="{{ $status }}" @selected(($filters['status'] ?? '') === $status)>
                                {{ ucfirst($status) }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label for="class">Class</label>
                    <select id="class" name="class">
                        <option value="">All classes</option>
                        @foreach ($classes as $class)
                            <option value="{{ $class->id }}" @selected(($filters['class'] ?? '') === $class->id)>
                                {{ $class->name }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="form-group">
                    <label for="q">Student</label>
                    <input type="search" id="q" name="q" value="{{ $filters['q'] ?? '' }}"
                           placeholder="Name or admission no.">
                </div>

                <button type="submit" class="btn btn--secondary">Filter</button>
                <a href="{{ route('invoices.index') }}" class="btn btn--ghost">Reset</a>
            </form>
        </div>

        <div class="card__body card__body--flush">
            <div class="table-wrap">
                <table class="table">
                    <thead>
                    <tr>
                        <th>Invoice</th>
                        <th>Student</th>
                        <th>Issued</th>
                        <th>Due</th>
                        <th class="num">Total</th>
                        <th class="num">Paid</th>
                        <th class="num">Balance</th>
                        <th>Status</th>
                        <th class="actions">Actions</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($invoices as $invoice)
                        <tr>
                            <td class="mono">
                                <a href="{{ route('invoices.show', $invoice) }}">{{ $invoice->invoice_no }}</a>
                            </td>
                            <td>
                                <a href="{{ route('students.show', $invoice->student) }}">
                                    <strong>{{ $invoice->student?->full_name ?? '—' }}</strong>
                                </a>
                                <div class="form-hint mono">{{ $invoice->student?->admission_no }}</div>
                            </td>
                            <td>{{ $invoice->issue_date?->format('d M Y') }}</td>
                            <td>{{ $invoice->due_date?->format('d M Y') }}</td>
                            <td class="num">GH&#8373; {{ number_format($invoice->total, 2) }}</td>
                            <td class="num">GH&#8373; {{ number_format($invoice->amount_paid, 2) }}</td>
                            <td class="num"><strong>GH&#8373; {{ number_format($invoice->balance, 2) }}</strong></td>
                            <td>
                                <span class="badge badge--{{ ['paid' => 'green', 'partial' => 'amber', 'unpaid' => 'red', 'void' => 'gray'][$invoice->status] ?? 'gray' }}">
                                    {{ ucfirst($invoice->status) }}
                                </span>
                            </td>
                            <td class="actions">
                                <a class="btn btn--ghost btn--sm" href="{{ route('invoices.show', $invoice) }}">View</a>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="table-empty">No invoices match your filters.</td>
                        </tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>

        <div class="card__header" style="border-top:1px solid var(--border);border-bottom:0;">
            {{ $invoices->links() }}
        </div>
    </div>

    @perm('fees.manage')
        <div class="card">
            <div class="card__header"><h3 class="mb-0">New invoice</h3></div>
            <div class="card__body">
                @if ($structures->isEmpty())
                    <div class="alert alert--warning">
                        No active fee structures are available. Add a
                        <a href="{{ route('fees.index') }}">fee structure</a> first.
                    </div>
                @endif

                <form method="POST" action="{{ route('invoices.store') }}">
                    @csrf
                    <div class="form-grid">
                        <div class="form-group">
                            <label for="student_id">Student <span class="req">*</span></label>
                            <select id="student_id" name="student_id" required>
                                <option value="">Select student</option>
                                @foreach ($students as $student)
                                    <option value="{{ $student->id }}"
                                            @selected(old('student_id', $filters['student'] ?? '') === $student->id)>
                                        {{ $student->full_name }} ({{ $student->admission_no }})
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="academic_year_id">Academic year <span class="req">*</span></label>
                            <select id="academic_year_id" name="academic_year_id" required>
                                @foreach ($years as $year)
                                    <option value="{{ $year->id }}"
                                            @selected(old('academic_year_id', $currentYear?->id) === $year->id)>
                                        {{ $year->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="academic_term_id">Academic term</label>
                            <select id="academic_term_id" name="academic_term_id">
                                <option value="">No term</option>
                                @foreach ($terms as $term)
                                    <option value="{{ $term->id }}"
                                            @selected(old('academic_term_id', $currentTerm?->id) === $term->id)>
                                        {{ $term->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>

                        <div class="form-group">
                            <label for="issue_date">Issue date <span class="req">*</span></label>
                            <input type="date" id="issue_date" name="issue_date" required
                                   value="{{ old('issue_date', now()->format('Y-m-d')) }}">
                        </div>

                        <div class="form-group">
                            <label for="due_date">Due date <span class="req">*</span></label>
                            <input type="date" id="due_date" name="due_date" required
                                   value="{{ old('due_date', now()->addDays(14)->format('Y-m-d')) }}">
                        </div>

                        <div class="form-group">
                            <label for="discount">Discount (GH&#8373;)</label>
                            <input type="number" id="discount" name="discount" min="0" step="0.01"
                                   value="{{ old('discount', '0') }}">
                        </div>
                    </div>

                    <div class="form-group" style="margin-top:1rem;">
                        <label>Fee structures <span class="req">*</span></label>
                        <div class="form-grid">
                            @foreach ($structures as $structure)
                                <label style="display:flex;align-items:flex-start;gap:.5rem;border:1px solid var(--border);border-radius:8px;padding:.6rem .7rem;font-weight:500;cursor:pointer;">
                                    <input type="checkbox" name="fee_structure_id[]"
                                           value="{{ $structure->id }}"
                                           @checked(in_array($structure->id, (array) old('fee_structure_id', [])))>
                                    <span>
                                        {{ $structure->name }}
                                        <span class="form-hint" style="display:block;">
                                            {{ $structure->feeCategory?->name ?? '—' }}
                                            &middot; {{ $structure->schoolClass?->name ?? 'All classes' }}
                                            &middot; GH&#8373; {{ number_format($structure->amount, 2) }}
                                        </span>
                                    </span>
                                </label>
                            @endforeach
                        </div>
                    </div>

                    <div class="form-group" style="margin-top:.6rem;">
                        <label for="notes">Notes</label>
                        <textarea id="notes" name="notes" rows="2">{{ old('notes') }}</textarea>
                    </div>

                    <div class="form-row" style="justify-content:flex-end;">
                        <button type="submit" class="btn" @disabled($structures->isEmpty())>Issue invoice</button>
                    </div>
                </form>
            </div>
        </div>
    @endperm
@endsection