@extends('layouts.admin')

@section('content')
    <div class="row mb-3 align-items-center">
        <div class="col-md-6">
            <h1 class="m-0 font-weight-bold text-dark" style="font-size: 1.8rem;">
                <i class="bi bi-file-earmark-check text-success mr-2"></i> Factura Electrónica: {{ $factura->numero_factura }}
            </h1>
            <p class="text-muted mb-0">RIDE - Representación Impresa de Documento Electrónico</p>
        </div>
        <div class="col-md-6 text-md-right mt-3 mt-md-0">
            <!-- Botón PDF -->
            <a href="{{ route('admin.facturas.pdf', $factura->id) }}" target="_blank" class="btn btn-success shadow-sm mr-2 font-weight-bold">
                <i class="fas fa-file-pdf mr-1"></i> Imprimir RIDE PDF
            </a>

            <!-- Botón XML -->
            <a href="{{ route('admin.facturas.xml', $factura->id) }}" class="btn btn-secondary shadow-sm mr-2">
                <i class="fas fa-file-code mr-1"></i> Descargar XML
            </a>

            <!-- Botón Reenviar SRI -->
            @if($factura->estado !== 'ANULADA')
                <form action="{{ route('admin.facturas.autorizar', $factura->id) }}" method="POST" class="d-inline" onsubmit="return confirm('¿Desea reenviar y autorizar esta factura en el SRI?');">
                    @csrf
                    <button type="submit" class="btn btn-primary shadow-sm mr-2 font-weight-bold">
                        <i class="fas fa-paper-plane mr-1"></i> Reenviar SRI
                    </button>
                </form>
            @endif

            <!-- Volver -->
            <a href="{{ route('admin.facturas.index') }}" class="btn btn-outline-secondary shadow-sm">
                <i class="fas fa-arrow-left mr-1"></i> Volver
            </a>
        </div>
    </div>

    <!-- Barra de Alertas / Estado -->
    @if($factura->estado === 'AUTORIZADA')
        <div class="alert alert-success d-flex align-items-center shadow-sm" role="alert">
            <i class="fas fa-check-circle fa-2x mr-3"></i>
            <div>
                <h6 class="font-weight-bold mb-0">COMPROBANTE AUTORIZADO POR EL SERVICIO DE RENTAS INTERNAS (SRI)</h6>
                <small>Fecha y Hora de Autorización: {{ $factura->fecha_autorizacion ? $factura->fecha_autorizacion->format('d/m/Y H:i:s') : 'N/A' }} | N° Autorización: {{ $factura->numero_autorizacion }}</small>
            </div>
        </div>
    @elseif($factura->estado === 'BORRADOR')
        <div class="alert alert-warning d-flex justify-content-between align-items-center shadow-sm" role="alert">
            <div class="d-flex align-items-center">
                <i class="fas fa-exclamation-triangle fa-2x mr-3 text-dark"></i>
                <div>
                    <h6 class="font-weight-bold mb-0 text-dark">ESTADO: BORRADOR / PENDIENTE DE AUTORIZACIÓN</h6>
                    <small class="text-dark">La factura ha sido registrada pero aún no ha sido emitida formalmente ante el WebService del SRI.</small>
                </div>
            </div>
            <form action="{{ route('admin.facturas.autorizar', $factura->id) }}" method="POST" onsubmit="return confirm('¿Desea autorizar esta factura en el SRI ahora?');">
                @csrf
                <button type="submit" class="btn btn-dark font-weight-bold">
                    <i class="fas fa-paper-plane mr-1"></i> Enviar y Autorizar SRI
                </button>
            </form>
        </div>
    @elseif($factura->estado === 'ANULADA')
        <div class="alert alert-danger d-flex align-items-center shadow-sm" role="alert">
            <i class="fas fa-ban fa-2x mr-3"></i>
            <div>
                <h6 class="font-weight-bold mb-0">ESTA FACTURA HA SIDO ANULADA</h6>
                <small>{{ $factura->observacion }}</small>
            </div>
        </div>
    @endif

    <!-- CONTENEDOR RIDE PRINCIPAL -->
    <div class="card shadow-sm border-0 mb-4" style="background: #ffffff;">
        <div class="card-body p-4">
            
            <!-- ENCABEZADO FISCAL (2 COLUMNAS OFICIALES) -->
            <div class="row mb-4">
                <!-- Columna Izquierda: Emisor -->
                <div class="col-md-6 pr-md-4 border-right">
                    <div class="text-center mb-3">
                        @if($clinica && $clinica->logo)
                            <img src="{{ url('storage/' . $clinica->logo) }}" alt="Logo Clínica" class="img-fluid" style="max-height: 90px; object-fit: contain;">
                        @else
                            <div class="font-weight-bold text-primary" style="font-size: 1.5rem;">
                                <i class="bi bi-hospital mr-2"></i> {{ $config->razon_social }}
                            </div>
                        @endif
                    </div>

                    <div class="border rounded p-3 bg-light">
                        <h5 class="font-weight-bold text-dark mb-1">{{ $config->razon_social }}</h5>
                        @if($config->nombre_comercial)
                            <p class="text-muted small mb-2 font-weight-bold">{{ $config->nombre_comercial }}</p>
                        @endif

                        <div class="small text-muted mb-1">
                            <b>Matriz:</b> {{ $config->dir_matriz }}
                        </div>
                        <div class="small text-muted mb-1">
                            <b>Sucursal / Establecimiento:</b> {{ $config->dir_establecimiento ?: $config->dir_matriz }}
                        </div>
                        <div class="small text-muted mb-1">
                            <b>Obligado a llevar contabilidad:</b> <span class="font-weight-bold">{{ $config->obligado_contabilidad }}</span>
                        </div>
                        @if($config->contribuyente_especial)
                            <div class="small text-muted mb-1">
                                <b>Contribuyente Especial N°:</b> {{ $config->contribuyente_especial }}
                            </div>
                        @endif
                        <div class="small text-muted">
                            <b>Régimen Tributario:</b> 
                            <span class="badge badge-info px-2 py-1">{{ str_replace('_', ' ', $config->regimen) }}</span>
                        </div>
                    </div>
                </div>

                <!-- Columna Derecha: Recuadro Oficial SRI -->
                <div class="col-md-6 pl-md-4 mt-3 mt-md-0">
                    <div class="border rounded p-3 h-100 d-flex flex-column justify-content-between" style="border: 2px solid #2563eb !important; background-color: #f8fafc;">
                        <div>
                            <div class="d-flex justify-content-between align-items-center mb-2 border-bottom pb-2">
                                <span class="text-muted small font-weight-bold">R.U.C.:</span>
                                <h5 class="font-weight-bold text-dark m-0">{{ $config->ruc }}</h5>
                            </div>

                            <div class="mb-2">
                                <h4 class="font-weight-bold text-primary m-0">FACTURA</h4>
                                <span class="font-weight-bold" style="font-size: 1.25rem; letter-spacing: 1px;">No. {{ $factura->numero_factura }}</span>
                            </div>

                            <div class="small mb-1">
                                <span class="text-muted font-weight-bold">NÚMERO DE AUTORIZACIÓN:</span><br>
                                <span class="font-family-monospace" style="font-size: 0.8rem; word-break: break-all;">
                                    {{ $factura->numero_autorizacion ?: 'PENDIENTE DE AUTORIZACIÓN' }}
                                </span>
                            </div>

                            <div class="row small mb-2">
                                <div class="col-6">
                                    <span class="text-muted font-weight-bold">FECHA AUTORIZACIÓN:</span><br>
                                    <span>{{ $factura->fecha_autorizacion ? $factura->fecha_autorizacion->format('d/m/Y H:i:s') : 'N/A' }}</span>
                                </div>
                                <div class="col-6">
                                    <span class="text-muted font-weight-bold">AMBIENTE:</span><br>
                                    <span class="badge {{ $factura->ambiente == '1' ? 'badge-warning' : 'badge-success' }}">
                                        {{ $factura->ambiente == '1' ? 'PRUEBAS' : 'PRODUCCIÓN' }}
                                    </span>
                                </div>
                            </div>

                            <div class="row small mb-2">
                                <div class="col-6">
                                    <span class="text-muted font-weight-bold">EMISIÓN:</span><br>
                                    <span>NORMAL</span>
                                </div>
                                <div class="col-6">
                                    <span class="text-muted font-weight-bold">ESTADO SRI:</span><br>
                                    {!! $factura->estado_badge !!}
                                </div>
                            </div>
                        </div>

                        <!-- Código de Barras y Clave de Acceso -->
                        <div class="mt-2 pt-2 border-top text-center">
                            <span class="text-muted font-weight-bold small d-block mb-1">CLAVE DE ACCESO:</span>
                            <div class="p-1 bg-white rounded border mb-1">
                                {!! $barcodeSvg !!}
                            </div>
                            <span class="font-family-monospace small font-weight-bold text-dark d-block" style="letter-spacing: 1px; font-size: 0.78rem;">
                                {{ $factura->clave_acceso }}
                            </span>
                        </div>
                    </div>
                </div>
            </div>

            <!-- DATOS DEL COMPRADOR -->
            <div class="card bg-light border shadow-none mb-4">
                <div class="card-body p-3">
                    <div class="row small">
                        <div class="col-md-7 mb-2">
                            <span class="text-muted font-weight-bold">Razón Social / Nombres y Apellidos:</span><br>
                            <span class="font-weight-bold text-dark" style="font-size: 1.05rem;">{{ $factura->razon_social_comprador }}</span>
                        </div>
                        <div class="col-md-5 mb-2">
                            <span class="text-muted font-weight-bold">Identificación ({{ $factura->tipo_identificacion_texto }}):</span><br>
                            <span class="font-weight-bold text-dark" style="font-size: 1.05rem;">{{ $factura->identificacion_comprador }}</span>
                        </div>

                        <div class="col-md-4 mb-1">
                            <span class="text-muted font-weight-bold">Fecha de Emisión:</span><br>
                            <span>{{ $factura->fecha_emision->format('d/m/Y') }}</span>
                        </div>
                        <div class="col-md-5 mb-1">
                            <span class="text-muted font-weight-bold">Dirección:</span><br>
                            <span>{{ $factura->direccion_comprador ?: 'S/N' }}</span>
                        </div>
                        <div class="col-md-3 mb-1">
                            <span class="text-muted font-weight-bold">Teléfono:</span><br>
                            <span>{{ $factura->telefono_comprador ?: 'N/A' }}</span>
                        </div>

                        @if($factura->email_comprador)
                            <div class="col-md-7 mt-1">
                                <span class="text-muted font-weight-bold">Correo Electrónico:</span>
                                <span class="text-primary">{{ $factura->email_comprador }}</span>
                            </div>
                        @endif

                        @if($factura->paciente)
                            <div class="col-md-5 mt-1">
                                <span class="text-muted font-weight-bold">Historial Clínico Asociado:</span>
                                <a href="{{ route('admin.pacientes.show', $factura->paciente->id) }}" class="badge badge-info">
                                    <i class="fas fa-external-link-alt mr-1"></i> Paciente: {{ $factura->paciente->nombres }} {{ $factura->paciente->apellidos }}
                                </a>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- TABLA DE DETALLES / ÍTEMS -->
            <div class="table-responsive mb-4">
                <table class="table table-bordered table-striped align-middle mb-0">
                    <thead style="background-color: #1e293b; color: #ffffff;">
                        <tr>
                            <th class="text-center" style="width: 100px;">Cod. Principal</th>
                            <th class="text-center" style="width: 80px;">Cant.</th>
                            <th>Descripción</th>
                            <th class="text-right" style="width: 130px;">Precio Unitario</th>
                            <th class="text-right" style="width: 110px;">Descuento</th>
                            <th class="text-right" style="width: 130px;">Precio Total</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($factura->detalles as $detalle)
                            <tr>
                                <td class="text-center small font-family-monospace text-muted">{{ $detalle->codigo_principal }}</td>
                                <td class="text-center font-weight-bold">{{ number_format($detalle->cantidad, 2) }}</td>
                                <td>
                                    {{ $detalle->descripcion }}
                                    @if($detalle->aplica_iva)
                                        <span class="badge badge-primary font-weight-normal ml-1" style="font-size: 0.65rem;">IVA {{ number_format($detalle->porcentaje_iva, 0) }}%</span>
                                    @else
                                        <span class="badge badge-secondary font-weight-normal ml-1" style="font-size: 0.65rem;">Tarifa 0%</span>
                                    @endif
                                </td>
                                <td class="text-right">${{ number_format($detalle->precio_unitario, 2) }}</td>
                                <td class="text-right text-muted">${{ number_format($detalle->descuento, 2) }}</td>
                                <td class="text-right font-weight-bold">${{ number_format($detalle->precio_total_sin_impuesto, 2) }}</td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <!-- PARTE INFERIOR: FORMAS DE PAGO Y TOTALES -->
            <div class="row">
                <!-- Columna Izquierda: Información Adicional y Pagos -->
                <div class="col-md-7">
                    <!-- Formas de pago -->
                    <div class="card border shadow-none mb-3">
                        <div class="card-header bg-light py-2">
                            <h6 class="font-weight-bold m-0 small text-uppercase text-muted">Forma de Pago</h6>
                        </div>
                        <div class="card-body p-0">
                            <table class="table table-sm mb-0">
                                <thead class="thead-light">
                                    <tr class="small">
                                        <th>Forma de Pago</th>
                                        <th class="text-right">Total</th>
                                        <th class="text-center">Plazo</th>
                                        <th class="text-center">Tiempo</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr class="small">
                                        <td>{{ $factura->forma_pago_texto }}</td>
                                        <td class="text-right font-weight-bold">${{ number_format($factura->importe_total, 2) }}</td>
                                        <td class="text-center">{{ $factura->plazo ?: '0' }}</td>
                                        <td class="text-center">{{ $factura->unidad_tiempo ?: 'Días' }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    <!-- Información adicional / Leyendas -->
                    <div class="card border shadow-none mb-0">
                        <div class="card-header bg-light py-2">
                            <h6 class="font-weight-bold m-0 small text-uppercase text-muted">Información Adicional</h6>
                        </div>
                        <div class="card-body p-3 small text-muted">
                            @if($factura->email_comprador)
                                <p class="mb-1"><b>Email:</b> {{ $factura->email_comprador }}</p>
                            @endif
                            @if($factura->telefono_comprador)
                                <p class="mb-1"><b>Teléfono:</b> {{ $factura->telefono_comprador }}</p>
                            @endif
                            @if($factura->observacion)
                                <p class="mb-1"><b>Observación:</b> {{ $factura->observacion }}</p>
                            @endif
                            @if($config->leyenda)
                                <p class="mb-0"><b>Leyenda Tributaria:</b> {{ $config->leyenda }}</p>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Columna Derecha: Tabla de Totales Oficial -->
                <div class="col-md-5">
                    <div class="border rounded p-0 overflow-hidden">
                        <table class="table table-bordered mb-0">
                            <tbody class="small">
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">SUBTOTAL 15%:</td>
                                    <td class="text-right font-weight-bold">${{ number_format($factura->subtotal_15, 2) }}</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">SUBTOTAL 0%:</td>
                                    <td class="text-right font-weight-bold">${{ number_format($factura->subtotal_0, 2) }}</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">SUBTOTAL NO OBJETO DE IVA:</td>
                                    <td class="text-right">$0.00</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">SUBTOTAL EXENTO DE IVA:</td>
                                    <td class="text-right">$0.00</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">SUBTOTAL SIN IMPUESTOS:</td>
                                    <td class="text-right font-weight-bold text-dark">${{ number_format($factura->subtotal_sin_impuestos, 2) }}</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">TOTAL DESCUENTO:</td>
                                    <td class="text-right text-danger font-weight-bold">-${{ number_format($factura->total_descuento, 2) }}</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">ICE:</td>
                                    <td class="text-right">$0.00</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">IVA {{ number_format($factura->iva_porcentaje, 0) }}%:</td>
                                    <td class="text-right font-weight-bold text-primary">${{ number_format($factura->iva_valor, 2) }}</td>
                                </tr>
                                <tr>
                                    <td class="font-weight-bold text-muted bg-light">PROPINA:</td>
                                    <td class="text-right">${{ number_format($factura->propina, 2) }}</td>
                                </tr>
                                <tr style="background-color: #eff6ff; border-top: 2px solid #2563eb;">
                                    <td class="font-weight-bold text-dark py-3" style="font-size: 1.1rem;">VALOR TOTAL:</td>
                                    <td class="text-right font-weight-bold text-success py-3" style="font-size: 1.3rem;">
                                        ${{ number_format($factura->importe_total, 2) }}
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>
    </div>
@endsection