@extends('layouts.app')
@section('title', $comprobante->numero_completo)

@section('content')
    <div class="page-head">
        <h1>{{ $comprobante->numero_completo }}
            <span class="badge {{ $comprobante->estado->color() }}">{{ $comprobante->estado->label() }}</span>
        </h1>
        <div style="display:flex;gap:8px;flex-wrap:wrap">
            <a href="{{ route('comprobantes.pdf', $comprobante) }}" target="_blank" class="btn">📄 PDF A4</a>
            <a href="{{ route('comprobantes.ticket', $comprobante) }}" target="_blank" class="btn btn-primary">🖨️ Ticket 80mm</a>
            <a href="{{ route('comprobantes.ticket-pdf', $comprobante) }}" target="_blank" class="btn">⬇ Ticket PDF</a>
            <a href="{{ route('comprobantes.xml', $comprobante) }}" class="btn">⬇ XML</a>
            <a href="{{ route('comprobantes.index') }}" class="btn btn-ghost">Volver</a>
        </div>
    </div>

    @php($estado = $comprobante->estado)
    <div class="card" style="margin-bottom:16px">
        <div class="card-body flex-between" style="flex-wrap:wrap;gap:12px">
            <div>
                <strong>Estado SUNAT:</strong>
                <span class="badge {{ $estado->color() }}">{{ $estado->label() }}</span>
                @if($comprobante->sunat_codigo || $comprobante->sunat_descripcion)
                    <div class="muted" style="font-size:13px;margin-top:6px">
                        [{{ $comprobante->sunat_codigo }}] {{ $comprobante->sunat_descripcion }}
                    </div>
                @endif
                @if(!empty($comprobante->sunat_observaciones))
                    <ul style="margin:6px 0 0 16px;font-size:13px;color:#92400e">
                        @foreach($comprobante->sunat_observaciones as $obs)<li>{{ $obs }}</li>@endforeach
                    </ul>
                @endif
            </div>
            <div style="display:flex;gap:8px">
                @if($comprobante->cdr_path)
                    <a href="{{ route('comprobantes.cdr', $comprobante) }}" class="btn btn-sm">⬇ CDR</a>
                @endif
                @if($comprobante->puedeEnviarse())
                    <form method="POST" action="{{ route('comprobantes.enviar', $comprobante) }}"
                          onsubmit="this.querySelector('button').disabled=true;this.querySelector('button').textContent='Enviando...';">
                        @csrf
                        <button class="btn btn-success">📤 Enviar a SUNAT ({{ $comprobante->empresa->ambiente() }})</button>
                    </form>
                @endif
            </div>
        </div>
        @if($comprobante->tipo_comprobante === \App\Enums\TipoComprobante::BOLETA && $comprobante->puedeEnviarse())
            <div class="card-body" style="border-top:1px solid var(--gris-borde);padding-top:12px">
                <span class="muted" style="font-size:13px">ℹ️ En producción, las boletas se reportan por <strong>Resumen Diario</strong> (Fase 5), no de forma individual. El envío individual sirve para pruebas en BETA.</span>
            </div>
        @endif
    </div>

    @if($comprobante->tipo_comprobante === \App\Enums\TipoComprobante::FACTURA && ($estado === \App\Enums\EstadoComprobante::ACEPTADO || $estado === \App\Enums\EstadoComprobante::BAJA))
        <div class="card" style="margin-bottom:16px">
            <div class="card-body">
                <strong>Comunicación de Baja (anulación)</strong>
                @if($baja)
                    <div style="margin-top:8px">
                        <span class="muted">{{ $baja->identificador }}</span> ·
                        <span class="badge {{ $baja->estado === 'aceptado' ? 'green' : ($baja->estado === 'rechazado' ? 'red' : 'yellow') }}">{{ ucfirst($baja->estado) }}</span>
                        @if($baja->sunat_codigo)<span class="muted" style="font-size:13px"> — [{{ $baja->sunat_codigo }}] {{ $baja->sunat_descripcion }}</span>@endif
                        <div class="muted" style="font-size:13px;margin-top:4px">Motivo: {{ $baja->motivo }}</div>
                    </div>
                    @if($baja->puedeConsultarse())
                        <form method="POST" action="{{ route('bajas.consultar', $baja) }}" style="margin-top:10px">
                            @csrf
                            <button class="btn btn-sm btn-primary">🔄 Consultar estado de la baja</button>
                        </form>
                    @endif
                @elseif($estado === \App\Enums\EstadoComprobante::ACEPTADO)
                    <form method="POST" action="{{ route('comprobantes.baja', $comprobante) }}" style="margin-top:10px"
                          onsubmit="return confirm('¿Dar de baja esta factura ante SUNAT?')">
                        @csrf
                        <div class="field" style="max-width:420px">
                            <label>Motivo de la baja *</label>
                            <input name="motivo" placeholder="Ej. ERROR EN EL MONTO" required>
                        </div>
                        <button class="btn btn-danger" style="margin-top:10px">Dar de baja</button>
                    </form>
                @endif
            </div>
        </div>
    @endif

    <table style="width:100%"><tr>
        <td style="vertical-align:top;width:65%;padding-right:16px">
            <div class="card" style="margin-bottom:16px">
                <div class="card-body">
                    <table class="tabla">
                        <tr><td class="muted" style="width:160px">Tipo</td><td>{{ $comprobante->tipo_comprobante->label() }}</td></tr>
                        <tr><td class="muted">Fecha de emisión</td><td>{{ $comprobante->fecha_emision->format('d/m/Y') }}</td></tr>
                        <tr><td class="muted">Cliente</td><td>{{ $comprobante->cliente_razon_social }}</td></tr>
                        <tr><td class="muted">Documento</td><td>{{ $comprobante->cliente_tipo_documento->label() }} {{ $comprobante->cliente_numero_documento }}</td></tr>
                        <tr><td class="muted">Moneda</td><td>{{ $comprobante->moneda->label() }}</td></tr>
                    </table>
                </div>
            </div>

            <div class="card table-wrap">
                <table class="tabla">
                    <thead><tr><th>Cant.</th><th>Descripción</th><th class="text-right">V. Unit.</th><th class="text-right">IGV</th><th class="text-right">Importe</th></tr></thead>
                    <tbody>
                        @foreach($comprobante->detalles as $d)
                            <tr>
                                <td>{{ rtrim(rtrim(number_format((float)$d->cantidad,4),'0'),'.') }} {{ $d->unidad }}</td>
                                <td>{{ $d->descripcion }}</td>
                                <td class="text-right">{{ number_format((float)$d->valor_unitario,2) }}</td>
                                <td class="text-right">{{ number_format((float)$d->igv,2) }}</td>
                                <td class="text-right">{{ number_format((float)$d->importe_total,2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </td>
        <td style="vertical-align:top;width:35%">
            <div class="card">
                <div class="card-body">
                    <table class="tabla">
                        <tr><td>Op. Gravada</td><td class="text-right mono">{{ number_format((float)$comprobante->total_gravado,2) }}</td></tr>
                        @if((float)$comprobante->total_exonerado>0)<tr><td>Op. Exonerada</td><td class="text-right mono">{{ number_format((float)$comprobante->total_exonerado,2) }}</td></tr>@endif
                        @if((float)$comprobante->total_inafecto>0)<tr><td>Op. Inafecta</td><td class="text-right mono">{{ number_format((float)$comprobante->total_inafecto,2) }}</td></tr>@endif
                        <tr><td>IGV (18%)</td><td class="text-right mono">{{ number_format((float)$comprobante->total_igv,2) }}</td></tr>
                        <tr><td><strong>TOTAL</strong></td><td class="text-right mono"><strong>{{ $comprobante->moneda->simbolo() }} {{ number_format((float)$comprobante->importe_total,2) }}</strong></td></tr>
                    </table>
                    @if($comprobante->hash)
                        <p class="muted" style="font-size:12px;margin-top:14px;word-break:break-all"><strong>Hash:</strong><br>{{ $comprobante->hash }}</p>
                    @endif
                </div>
            </div>
        </td>
    </tr></table>
@endsection