@extends('payment-receipts.layout')
@section('content')
<dialog open class="card" aria-labelledby="historical-title" aria-describedby="historical-description" id="historical-choice" style="width:calc(100% - 32px);max-width:660px;margin:auto;max-height:90vh;overflow:auto;color:inherit">
    <p class="eyebrow">Recibo histórico</p>
    <h1 id="historical-title">Este recibo no cuenta con sello digital</h1>
    <p id="historical-description">¿Deseas agregar el sello digital y el QR de verificación antes de abrir el PDF?</p>
    <p class="muted">La firma se realizará con la fecha actual y los datos registrados. Se conservará la fecha original del pago; no se registrará otro cobro.</p>
    <div class="actions">
        <form method="POST" action="{{ $signUrl }}">@csrf<input type="hidden" name="confirm" value="1"><button type="submit">Sí, agregar sello digital</button></form>
        <a class="button secondary" href="{{ $unsignedUrl }}">No, abrir PDF sin sello</a>
    </div>
</dialog>
@endsection
@push('scripts')<script src="{{ asset('js/historical-receipt-choice.js') }}" defer></script>@endpush