@php
    $settings = $settings ?? settings();
@endphp

@if(($type ?? '') === 'product' && !empty($sale))
    <div class="bg-white receipt-preview-wrapper">
        <div id="receipt-for-print-journal" class="bg-white">
            <div class="text-center mb-4">
                <h2 class="text-2xl font-bold mb-1">{{ $settings->entreprise }}</h2>
                <p class="text-sm mb-0">Tel: {{ $settings->no_telephone . (in_array($sale->magasin_id, [4]) ? ' / 0576572433' : (in_array($sale->magasin_id, [5]) ? ' / 0506338182' : '')) }}</p>
                <p class="text-sm">{{ $settings->adresse }}</p>
                <hr class="my-2" style="color: black">
                <p class="text-sm mb-0">Reçu de vente</p>
                <p class="text-sm">{{ $sale->created_at->translatedFormat('d/m/Y à H:i:s') }}</p>
                <hr class="my-2" style="color: black">
            </div>
            <div class="border-t border-b py-2 my-2">
                <div class="d-flex justify-content-between">
                    <span>N° Facture:</span>
                    <span>{{ $sale->reference }}</span>
                </div>
                <div class="d-flex justify-content-between">
                    <span>Caissier:</span>
                    <span>{{ $sale->user->nom ?? '' }} {{ $sale->user->prenom ?? '' }}</span>
                </div>
                @if($sale->nomCl)
                    <div class="d-flex justify-content-between">
                        <span>Client:</span>
                        <span>{{ $sale->nomCl }}</span>
                    </div>
                @endif
            </div>
            <div class="my-4">
                <h3 class="font-bold mb-2">Désignations:</h3>
                @if($sale->details && $sale->details->isNotEmpty())
                    @foreach($sale->details as $item)
                        <div class="border-bottom py-1">
                            <div class="d-flex justify-content-between">
                                <span>{{ $item->product->name ?? ' ' }}</span>
                                <span>{{ $item->quantity }}X</span>
                            </div>
                            <div class="d-flex justify-content-between text-sm">
                                <span>PU: {{ number_format($item->price, 0, ' ', ' ') }} FCFA</span>
                                <span>{{ number_format($item->quantity * $item->price, 0, ' ', ' ') }} FCFA</span>
                            </div>
                        </div>
                    @endforeach
                @else
                    <div class="text-center text-sm">Aucun article trouvé</div>
                @endif
            </div>
            <div class="border-t py-2">
                <div class="d-flex justify-content-between font-weight-bold">
                    <span>Total:</span>
                    <span>{{ number_format($sale->montant_total, 0, ' ', ' ') }} FCFA</span>
                </div>
                <div class="d-flex justify-content-between">
                    <span>Montant payé:</span>
                    <span>{{ number_format($sale->montant_paiement, 0, ' ', ' ') }} FCFA</span>
                </div>
                <div class="d-flex justify-content-between">
                    <span>Montant dû:</span>
                    <span>{{ number_format(abs($sale->montant_due), 0, ' ', ' ') }} FCFA</span>
                </div>
            </div>
            <div class="text-center mt-3">
                <p class="text-sm mb-0">Merci pour votre achat!</p>
            </div>
        </div>
        <div class="d-flex justify-content-center gap-3 mt-4">
            <button type="button" onclick="captureJournalReceipt()" class="btn btn-primary">Imprimer le reçu</button>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
        </div>
    </div>
@elseif(($type ?? '') === 'service' && !empty($order))
    <div class="bg-white receipt-preview-wrapper">
        <div id="receipt-for-print-journal" class="bg-white">
            <div class="text-center mb-4">
                <h2 class="text-2xl font-bold mb-1">{{ $settings->entreprise }}</h2>
                <p class="text-sm mb-0">Tel: {{ $settings->no_telephone }}{{ $settings->no_telephone2 ? ' / ' . $settings->no_telephone2 : '' }}</p>
                <p class="text-sm">{{ $settings->adresse }}</p>
                <hr class="my-2" style="color: black">
                <p class="text-sm mb-0">Reçu Services</p>
                <p class="text-sm">{{ $order->created_at->translatedFormat('d/m/Y à H:i:s') }}</p>
                <hr class="my-2" style="color: black">
            </div>
            <div class="border-t border-b py-2 my-2">
                <div class="d-flex justify-content-between">
                    <span>N° Facture:</span>
                    <span>{{ $order->reference }}</span>
                </div>
                <div class="d-flex justify-content-between">
                    <span>Caissier:</span>
                    <span>{{ $order->user->nom ?? '' }} {{ $order->user->prenom ?? '' }}</span>
                </div>
                @if($order->nomCl)
                    <div class="d-flex justify-content-between">
                        <span>Client:</span>
                        <span>{{ $order->nomCl }}</span>
                    </div>
                @endif
            </div>
            <div class="my-4">
                <h3 class="font-bold mb-2">Désignations:</h3>
                @forelse($order->lines as $line)
                    @php $label = $line->metadata['unit_label'] ?? 'unité'; @endphp
                    <div class="border-bottom py-1">
                        <div class="d-flex justify-content-between">
                            <span>{{ $line->service_name }}</span>
                            <span>{{ number_format($line->line_total, 0, ' ', ' ') }} FCFA</span>
                        </div>
                        <div class="d-flex justify-content-between text-sm">
                            <span>{{ $line->quantity }} {{ $label }}</span>
                            <span></span>
                        </div>
                    </div>
                @empty
                    <div class="text-center text-sm">Aucune prestation</div>
                @endforelse
            </div>
            <div class="border-t py-2">
                <div class="d-flex justify-content-between font-weight-bold">
                    <span>Total:</span>
                    <span>{{ number_format($order->montant_total, 0, ' ', ' ') }} FCFA</span>
                </div>
                <div class="d-flex justify-content-between">
                    <span>Montant payé:</span>
                    <span>{{ number_format($order->montant_paiement, 0, ' ', ' ') }} FCFA</span>
                </div>
                <div class="d-flex justify-content-between">
                    <span>Montant dû:</span>
                    <span>{{ number_format(abs($order->montant_due), 0, ' ', ' ') }} FCFA</span>
                </div>
            </div>
            <div class="text-center mt-3">
                <p class="text-sm mb-0">{{ $settings->message ?? 'Merci et à bientôt!' }}</p>
            </div>
        </div>
        <div class="d-flex justify-content-center gap-3 mt-4">
            <button type="button" onclick="captureJournalReceipt()" class="btn btn-primary">Imprimer le reçu</button>
            <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fermer</button>
        </div>
    </div>
@endif