@extends('layouts.app')

@section('title', 'Reçu ' . $payment->receipt_number)
@section('heading', 'Reçu ' . $payment->receipt_number)

@section('content')
    @php
        $school = $payment->school;
        $student = $payment->enrollment->student;
    @endphp

    <div class="mb-3 no-print d-flex gap-2 flex-wrap">
        <a href="{{ route('students.show', $payment->enrollment) }}" class="btn btn-sm btn-outline-secondary">
            <i class="bi bi-arrow-left me-1"></i>Dossier de l'élève
        </a>
        <button type="button" class="btn btn-sm btn-primary" onclick="window.print()">
            <i class="bi bi-printer me-1"></i>Imprimer
        </button>
        @can('cancel', $payment)
            <button type="button" class="btn btn-sm btn-outline-danger ms-auto"
                    data-bs-toggle="modal" data-bs-target="#annulation">
                <i class="bi bi-x-circle me-1"></i>Annuler ce reçu
            </button>
        @endcan
    </div>

    @if ($payment->is_cancelled)
        <div class="alert alert-danger no-print">
            <strong>Reçu annulé</strong> le {{ $payment->cancelled_at->format('d/m/Y à H:i') }}
            par {{ $payment->cancelledBy?->fullName() }}.
            <div class="small mt-1">Motif : {{ $payment->cancellation_reason }}</div>
        </div>
    @endif

    {{-- Le reçu lui-même. Mis en page pour l'impression A4 : c'est le document
         que le parent emporte, et sa forme fait foi au guichet. --}}
    <div class="card mx-auto" style="max-width: 46rem;">
        <div class="card-body p-4">
            <div class="d-flex justify-content-between align-items-start border-bottom pb-3 mb-3">
                <div>
                    <div class="h5 mb-0">{{ $school->name }}</div>
                    <div class="small text-secondary">
                        {{ $school->address }}@if ($school->city), {{ $school->city }}@endif<br>
                        Tél. {{ $school->phone }}
                        @if ($school->menfp_code) · Code MENFP {{ $school->menfp_code }} @endif
                    </div>
                    @if ($school->motto)
                        <div class="small fst-italic text-secondary">« {{ $school->motto }} »</div>
                    @endif
                </div>
                <div class="text-end">
                    <div class="badge text-bg-dark fs-6">REÇU</div>
                    <div class="text-matricule fw-bold mt-1">{{ $payment->receipt_number }}</div>
                    <div class="small text-secondary">{{ $payment->payment_date->format('d/m/Y') }}</div>
                </div>
            </div>

            @if ($payment->is_cancelled)
                <div class="text-center my-3">
                    <span class="badge text-bg-danger fs-5 px-4 py-2">ANNULÉ</span>
                </div>
            @endif

            <dl class="row small mb-3">
                <dt class="col-4 fw-normal text-secondary">Élève</dt>
                <dd class="col-8 fw-semibold">
                    {{ $student->last_name }}, {{ $student->first_name }}
                    <span class="text-matricule text-secondary">({{ $student->student_id }})</span>
                </dd>

                <dt class="col-4 fw-normal text-secondary">Classe</dt>
                <dd class="col-8">
                    {{ $payment->enrollment->schoolClass->name }} —
                    Année {{ $payment->enrollment->academicYear->name }}
                </dd>

                <dt class="col-4 fw-normal text-secondary">Versé par</dt>
                <dd class="col-8">{{ $payment->paid_by ?: '—' }}</dd>

                <dt class="col-4 fw-normal text-secondary">Mode de paiement</dt>
                <dd class="col-8">
                    {{ $payment->payment_method->label() }}
                    @if ($payment->reference)
                        <span class="text-secondary">— réf. {{ $payment->reference }}</span>
                    @endif
                </dd>
            </dl>

            <table class="table table-sm border">
                <thead class="table-light">
                    <tr>
                        <th>Imputation</th>
                        <th class="text-end">Montant</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($payment->allocations as $allocation)
                        <tr>
                            <td class="small">{{ $allocation->studentFee->label }}</td>
                            <td class="text-end">{{ number_format($allocation->amount, 2, ',', ' ') }}</td>
                        </tr>
                    @endforeach
                </tbody>
                <tfoot>
                    <tr class="table-light">
                        <th>TOTAL {{ $payment->currency }}</th>
                        <th class="text-end">{{ number_format($payment->amount, 2, ',', ' ') }}</th>
                    </tr>
                    @if ($payment->currency !== 'HTG')
                        <tr>
                            <td class="small text-secondary">
                                Équivalent en gourdes (taux {{ number_format($payment->exchange_rate, 4, ',', ' ') }})
                            </td>
                            <td class="text-end small">
                                {{ number_format($payment->amount_htg, 2, ',', ' ') }} HTG
                            </td>
                        </tr>
                    @endif
                </tfoot>
            </table>

            {{-- Montant en lettres : usage constant sur les reçus scolaires
                 haïtiens, et protection contre la retouche d'un chiffre. --}}
            <p class="small mb-4">
                <span class="text-secondary">Arrêté la présente quittance à la somme de</span><br>
                <strong>{{ \App\Support\Money::inWords((float) $payment->amount, $payment->currency) }}</strong>.
            </p>

            <div class="d-flex justify-content-between small border-top pt-3">
                <div>
                    <div class="text-secondary">Nouveau solde de l'élève</div>
                    <div class="fw-bold {{ $balanceAfter <= 0 ? 'balance-ok' : 'balance-due' }}">
                        {{ number_format($balanceAfter, 2, ',', ' ') }} HTG
                    </div>
                </div>
                <div class="text-end">
                    <div class="text-secondary">Encaissé par</div>
                    <div class="fw-semibold">{{ $payment->receivedBy?->fullName() ?? '—' }}</div>
                    <div class="mt-4 border-top pt-1" style="min-width: 12rem;">
                        <span class="text-secondary">Cachet et signature</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @can('cancel', $payment)
        <div class="modal fade" id="annulation" tabindex="-1" aria-hidden="true">
            <div class="modal-dialog">
                <form method="POST" action="{{ route('payments.cancel', $payment) }}" class="modal-content">
                    @csrf
                    <div class="modal-header">
                        <h2 class="modal-title h6">Annuler le reçu {{ $payment->receipt_number }}</h2>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fermer"></button>
                    </div>
                    <div class="modal-body">
                        <p class="small text-secondary">
                            L'encaissement ne sera pas supprimé : il restera visible, marqué comme
                            annulé, et les échéances qu'il soldait redeviendront dues.
                        </p>
                        <label for="reason" class="form-label">Motif de l'annulation</label>
                        <textarea id="reason" name="reason" rows="3" class="form-control" required
                                  placeholder="Ex. erreur de montant, chèque sans provision…"></textarea>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Fermer</button>
                        <button type="submit" class="btn btn-danger">Confirmer l'annulation</button>
                    </div>
                </form>
            </div>
        </div>
    @endcan
@endsection