@extends('layouts.app')

@section('title', 'Recibo de Pago Procesado')

@section('content')
<div class="container-fluid">
    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h3 class="card-title">
                        <i class="fas fa-check-circle mr-2 text-success"></i>
                        Recibo de Pago #{{ $payment->payment_number }} Procesado Exitosamente
                    </h3>
                </div>
                <div class="card-body text-center">
                    <p class="lead">El pago ha sido registrado. ¿Qué deseas hacer a continuación?</p>

                    <div class="row justify-content-center mt-4">
                        <div class="col-md-4 mb-3">
                            <a href="{{ route('accounts_receivable_payment.print', ['id' => $payment->id, 'format' => 'carta']) }}"
                               target="_blank" class="btn btn-primary btn-lg btn-block">
                                <i class="fas fa-print mr-2"></i>Imprimir (Carta)
                            </a>
                        </div>
                        <div class="col-md-4 mb-3">
                            <a href="{{ route('accounts_receivable_payment.print', ['id' => $payment->id, 'format' => 'media_hoja']) }}"
                               target="_blank" class="btn btn-info btn-lg btn-block">
                                <i class="fas fa-print mr-2"></i>Imprimir (Media Hoja)
                            </a>
                        </div>
                        <div class="col-md-4 mb-3">
                            <a href="{{ route('accounts_receivable_payment.print', ['id' => $payment->id, 'format' => '80mm']) }}"
                               target="_blank" class="btn btn-secondary btn-lg btn-block">
                                <i class="fas fa-print mr-2"></i>Imprimir (Ticket 80mm)
                            </a>
                        </div>
                    </div>

                    <hr class="my-4">

                    <div class="d-flex justify-content-center">
                        <a href="{{ route('admin.sales.accounts-receivable.show', $payment->accountsReceivable->id) }}" class="btn btn-outline-secondary mr-2">
                            <i class="fas fa-list mr-1"></i>Volver a la Cuenta por Cobrar
                        </a>
                        <a href="{{ route('admin.sales.accounts-receivable.index') }}" class="btn btn-outline-info">
                            <i class="fas fa-eye mr-1"></i>Ver Listado de Cuentas
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection