@php use Carbon\Carbon; @endphp
<x-layout.export-layout title="Facture">
    @push('styles')
        <style>
            .body {
                text-align: left;
            }

            .pageFooter {

            }


            .title {
                font-size: 18px;
                text-align: center; /* Center-align content */
                text-transform: uppercase;
            }

            .content {
                margin-top: 30px;
            }

            .table-body {

            }

            .header-title {
                font-weight: bold;
                display: inline;
            }

            .header-title, .header-value {
                font-size: 15px;
            }

            .tr-body {
                margin-bottom: 109px;
            }

            .table-body {
                width: 100%;
                padding: 0 20px;
                border-collapse: separate;
                border-spacing: 0 8px;
                margin-bottom: 3rem;
            }

            .table-body td {
                padding-bottom: 8px; /* Adds space at the bottom of each cell */
            }

            .table-medication {
                width: 100%;
                border: 1px solid #000;
            }

            .text-medication {

            }

            .text-underline {
                text-align: left;
            }

            .table-medication {
                width: 100%;
                border-collapse: collapse; /* Ensure borders are collapsed */
                margin-top: 20px; /* Add some space above the table */
            }

            .table-medication th, .table-medication td {
                border: 1px solid #000; /* Add border to cells */
                padding: 8px; /* Add padding for cell spacing */
                text-align: left; /* Align text to the left */
            }

            .text-underline {
                text-align: left;
                font-weight: bold;
                text-decoration: underline;
            }
        </style>
    @endpush
    <div class="content">
        <table class="table-body">
            <tr class="tr-body">
                <td>
                    <span class="header-title">Matricule : </span>
                    <span class="header-value">{{$patient->matricule}}</span>
                </td>
                <td>
                    <span class="header-title">N<sup>o</sup> enregistrement : </span>
                    <span
                        class="header-value">{{ $invoice->registered_number ?? '-' }}</span>
                </td>
            </tr>
            <tr>
                <td>
                    <span class="header-title">NOM(S) : </span>
                    <span class="header-value">{{ $patient->birth_name }}</span>
                </td>

                <td>
                    <span class="header-title">PRÉNOM(S) : </span>
                    <span class="header-value">{{ $patient->first_name }}</span>
                </td>


                {{-- <td>
                     <span class="header-title">NEP : </span>
                     <span class="header-value">NEP</span>
                 </td>--}}
            </tr>
            <tr>
                <td>
                    <span class="header-title">Age : </span>
                    <span class="header-value">{{ $patient->age  ?? ''}}</span>
                </td>
                <td>
                    <span class="header-title">Sexe : </span>
                    <span
                        class="header-value">{{ $patient->gender === 'M' ? 'Masculin': 'Féminin' }}</span>
                </td>

            </tr>
            <tr>

                <td>
                    <span class="header-title">Assuré(e) : </span>
                    <span
                        class="header-value">{{$patient->insurances()->exists() ? 'Oui' : 'Non' }}</span>
                </td>
                <td>
                    <span class="header-title">Assureurs : </span>
                    <span class="header-value">
                        @if($patient->insurances()->exists())
                            {{ Str::limit($patient->insurances()->with('insuranceProvider')->first()->insuranceProvider->name, 15)  }}
                        @endif
                    </span>
                </td>
            </tr>
            <tr>
                <td>
                    <span class="header-title">Cassier(e) : </span>
                    <span
                        class="header-value">{{ $cashier_profile->first_name . ' ' . $cashier_profile->last_name }}</span>
                </td>
                <td>
                    <span class="header-title">N<sup>o</sup> reçu : </span>
                    <span class="header-value">{{ $invoice->receipt_number }}</span>
                </td>
            </tr>
        </table>

        <table class="table-medication">
            <tr>
                <th>Date/Heure</th>
                <th>Montant</th>
                <th>Type</th>
                <th>Méthode de paiement</th>
                <th>Status</th>
            </tr>
            <tr>
                <td>{{$payment->created_at->format("d-m-Y H:i") ?? '-' }}</td>
                <td>{{ $payment->amount }} {{ $invoice->currency }}</td>
                <td>{{ $formattedPaymentType }}</td>
                <td>{{ $formattedMethodOfPayment }}</td>
                <td>{{ $formattedPaymentStatus }}</td>
            </tr>
        </table>
    </div>
        
    <div class="pageFooter">
        <p class="uppercase text-center" style="margin-top: 20px;font-size: 11px">imprimé
            le {{ Carbon::now()->format('d/m/Y à H:i') }}
            par {{ $cashier_profile->first_name . ' ' . $cashier_profile->last_name }}</p>
    </div>
    @section('qr')
        <div class="qr" style="position: absolute;right: 10px; top: 15px">
            <img alt="QR"
                 src="data:image/png;base64,{{ base64_encode(QrCode::format('png')->size(50)->errorCorrection('H')->generate("
             Table Facture, " . "Identifiant :" . $invoice->id)) }}">
        </div>
    @endsection
</x-layout.export-layout>