{{-- Facturar la reserva: el TOTAL (pagada al 100 %) o CADA ABONO (App\Services\ReservationInvoicer). Si faltan datos del
     cliente, primero se abre la ventana "Datos para facturar" (sin recargar) y al guardarla se emite la factura.
     $reservation, $invoices, $invoice_options, $billing_missing, $formas_pago, $v3 (diseño moderno) --}}
@php
    $r = $reservation;
    $v3 = $v3 ?? false;
    $btn = $v3 ? 'v3-btn' : 'btn btn-sm btn-outline-primary';
    $btnMain = $v3 ? 'v3-btn v3-btn-primary' : 'btn btn-primary';
    $c = $r->customer && !\App\Reservation::isGenericCustomer($r->customer) ? $r->customer : null;
    $sriPill = function ($estado) use ($v3) {
        $ok = $estado === 'autorizado';
        return $v3 ? '<span class="v3-pill ' . ($ok ? 'v3-pill-green' : 'v3-pill-orange') . '">' . e($ok ? 'Autorizada' : 'Sin autorizar') . '</span>'
            : '<span class="badge badge-' . ($ok ? 'success' : 'warning') . '">' . e($ok ? 'Autorizada' : 'Sin autorizar') . '</span>';
    };
    $abonos = $r->payments->sortBy('id')->values();
@endphp
<div class="{{ $v3 ? 'v3-card' : 'card mb-3' }} no-print" id="invoicing">
<div class="{{ $v3 ? '' : 'card-body' }}">
    <h2 @if(!$v3) class="h5" @endif>Facturación</h2>
    @if($invoices->isNotEmpty())
    <div class="d-flex flex-column mb-2" style="gap:6px">
        @foreach($invoices as $inv)
        <div class="{{ $v3 ? 'v3-item' : 'd-flex justify-content-between border rounded p-2' }}">
            <span><strong>{{ $inv->tipo == 'total' ? 'Factura del total' : 'Factura de abono' }}</strong> · {{ $inv->numero_documento }}
                <span class="{{ $v3 ? 'v3-muted d-block' : 'text-muted' }}">${{ number_format($inv->grand_total ?? $inv->amount, 2) }} · {{ \Carbon\Carbon::parse($inv->created_at)->format('d/m/Y H:i') }}</span></span>
            <span>{!! $sriPill($inv->estado_fact_sri) !!}</span>
        </div>
        @endforeach
    </div>
    @if($invoices->contains(function ($i) { return $i->estado_fact_sri !== 'autorizado'; }))
    <p class="{{ $v3 ? 'v3-muted' : 'text-muted small' }} mb-2">Las facturas sin autorizar se reintentan en <a href="{{ route('sri.pendientes') }}">Facturas pendientes del SRI</a>.</p>
    @endif
    @endif

    @if($invoice_options['total'] || $invoice_options['abonos'])
        @if($billing_missing)
        <p class="mb-2"><span class="{{ $v3 ? 'v3-pill v3-pill-orange' : 'badge badge-warning' }}">Faltan datos para facturar</span>
            <span class="{{ $v3 ? 'v3-muted d-block mt-1' : 'text-muted small d-block' }}">{{ ucfirst(implode(', ', $billing_missing)) }}. Al facturar se te pedirán.</span></p>
        @endif
        @if($invoice_options['total'])
        {!! Form::open(['route' => ['reservations.invoice', $r->id], 'method' => 'post', 'class' => 'invoice-form mb-2']) !!}
            <input type="hidden" name="tipo" value="total">
            <button class="{{ $btnMain }} w-100" data-confirm="¿Emitir la factura del TOTAL de la reserva por ${{ number_format($r->total, 2) }}? Se envía al SRI.">
                <i class="fa fa-file-text-o"></i> Facturar total (${{ number_format($r->total, 2) }})</button>
        {!! Form::close() !!}
        @endif
        @if($invoice_options['abonos'])
        <p class="{{ $v3 ? 'v3-muted' : 'text-muted small' }} mb-1 mt-2">{{ $invoice_options['total'] ? 'O factura cada abono por separado:' : 'Facturar abonos:' }}</p>
        @foreach($abonos as $i => $p)
            @if(in_array($p->id, $invoice_options['abonos']))
            {!! Form::open(['route' => ['reservations.invoice', $r->id], 'method' => 'post', 'class' => 'invoice-form mb-1']) !!}
                <input type="hidden" name="tipo" value="abono"><input type="hidden" name="payment_id" value="{{ $p->id }}">
                <button class="{{ $btn }} w-100" data-confirm="¿Emitir la factura del abono {{ $i + 1 }} por ${{ number_format($p->amount, 2) }}? Se envía al SRI.">
                    Facturar abono {{ $i + 1 }} · ${{ number_format($p->amount, 2) }} · {{ $formas_pago[$p->forma_pago] ?? $p->forma_pago }}</button>
            {!! Form::close() !!}
            @endif
        @endforeach
        <p class="{{ $v3 ? 'v3-muted' : 'text-muted small' }} mt-2 mb-0">Si facturas un abono, el resto se factura por abonos (no se puede facturar el total encima). Confírmalo con tu contador.</p>
        @endif
    @elseif($invoices->isEmpty())
        <p class="{{ $v3 ? 'v3-muted' : 'text-muted' }} mb-0">{{ $invoice_options['why'] ?: 'Todavía no se puede facturar.' }}</p>
    @endif
</div>
</div>

@if($invoice_options['total'] || $invoice_options['abonos'])
{{-- Ventana "Datos para facturar": completa el cliente sin salir de la reserva y luego emite la factura pendiente. --}}
<div id="billing-modal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form id="billing-form">
                <div class="modal-header"><h5 class="modal-title">Datos para facturar</h5><button type="button" class="close" data-dismiss="modal" aria-label="Cerrar">&times;</button></div>
                <div class="modal-body">
                    <div class="alert alert-danger d-none" id="billing-error" data-avisos="aqui"></div>
                    <div class="form-group"><label><strong>Nombre o razón social *</strong></label><input name="name" required maxlength="191" class="form-control" value="{{ $c->name ?? '' }}"></div>
                    <div class="form-row">
                        <div class="form-group col-5"><label><strong>Tipo *</strong></label>
                            <select name="tipo_identificacion" class="form-control">
                                @foreach(['05' => 'Cédula', '04' => 'RUC', '06' => 'Pasaporte'] as $k => $v)<option value="{{ $k }}" @if(($c->tipo_identificacion ?? '05') == $k) selected @endif>{{ $v }}</option>@endforeach
                            </select></div>
                        <div class="form-group col-7"><label><strong>Número *</strong></label><input name="tax_no" required maxlength="20" inputmode="numeric" class="form-control" value="{{ $c->tax_no ?? '' }}"></div>
                    </div>
                    <div class="form-row">
                        <div class="form-group col-6"><label><strong>Correo *</strong></label><input name="email" type="email" required maxlength="191" class="form-control" value="{{ $c->email ?? '' }}"></div>
                        <div class="form-group col-6"><label><strong>Teléfono *</strong></label><input name="phone_number" required maxlength="20" inputmode="tel" class="form-control" value="{{ $c->phone_number ?? '' }}"></div>
                    </div>
                    <div class="form-group mb-0"><label><strong>Dirección *</strong></label><input name="address" required maxlength="191" class="form-control" value="{{ $c->address ?? '' }}"></div>
                    <small class="text-muted d-block mt-2">Se guardan en el cliente de la reserva. Si la cédula ya existe, se usa ese cliente.</small>
                </div>
                <div class="modal-footer"><button type="submit" class="btn btn-primary">Guardar y facturar</button></div>
            </form>
        </div>
    </div>
</div>
<script>
    (function () {
        var missing = {{ $billing_missing ? 'true' : 'false' }}, pending = null;
        $('.invoice-form').on('submit', function (e) {
            var form = this, msg = $(form).find('button').data('confirm');
            if (missing) { e.preventDefault(); pending = form; $('#billing-error').addClass('d-none'); $('#billing-modal').modal('show'); return; }
            if (!confirm(msg)) { e.preventDefault(); return; }
            $(form).find('button').prop('disabled', true).append(' <i class="fa fa-spinner fa-spin"></i>');
        });
        $('#billing-form').on('submit', function (e) {
            e.preventDefault();
            var btn = $(this).find('button[type=submit]').prop('disabled', true);
            $.ajax({ url: "{{ route('reservations.billing-data', $r->id) }}", method: 'POST', data: $(this).serialize() + '&_token={{ csrf_token() }}', headers: { Accept: 'application/json' } })
                .done(function (res) {
                    if (res.missing && res.missing.length) { $('#billing-error').text('Todavía falta: ' + res.missing.join(', ') + '.').removeClass('d-none'); btn.prop('disabled', false); return; }
                    missing = false;
                    var c = res.customer;
                    $('[data-billing-name]').text(c.name + ' (' + c.tax_no + ')' + (c.phone ? ' · ' + c.phone : '')).closest('[data-billing]').find('[data-billing-pending]').remove();
                    $('#billing-modal').modal('hide');
                    if (pending) $(pending).trigger('submit');
                })
                .fail(function (xhr) {
                    var r = xhr.responseJSON || {}, m = r.message || 'No se pudieron guardar los datos.';
                    if (r.errors) m = Object.values(r.errors).map(function (v) { return v[0]; }).join(' ');
                    $('#billing-error').text(m).removeClass('d-none'); btn.prop('disabled', false);
                });
        });
    })();
</script>
@endif