@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-receipt-cutoff text-primary mr-2"></i> Facturación Electrónica
            </h1>
            <p class="text-muted mb-0">Gestión de comprobantes electrónicos, emisión y autorización SRI</p>
        </div>
        <div class="col-md-6 text-md-right mt-3 mt-md-0">
            <a href="{{ route('admin.facturas.create') }}" class="btn btn-primary shadow-sm mr-2 font-weight-bold">
                <i class="fas fa-plus-circle mr-1"></i> Nueva Factura
            </a>
            <a href="{{ route('admin.puntos_emision.index') }}" class="btn btn-outline-secondary shadow-sm mr-2">
                <i class="bi bi-geo-alt-fill mr-1"></i> Puntos de Emisión
            </a>
            <a href="{{ route('admin.facturacion.configuracion') }}" class="btn btn-outline-info shadow-sm">
                <i class="bi bi-gear-fill mr-1"></i> Configuración
            </a>
        </div>
    </div>

    <!-- Tarjetas de Métricas / KPIs -->
    <div class="row">
        <div class="col-lg-3 col-6">
            <div class="small-box bg-gradient-primary shadow-sm">
                <div class="inner">
                    <h3>${{ number_format($totalFacturado, 2) }}</h3>
                    <p class="font-weight-bold">Total Facturado</p>
                </div>
                <div class="icon">
                    <i class="fas fa-dollar-sign"></i>
                </div>
                <span class="small-box-footer py-1">Ventas totales acumuladas</span>
            </div>
        </div>

        <div class="col-lg-3 col-6">
            <div class="small-box bg-gradient-success shadow-sm">
                <div class="inner">
                    <h3>{{ $totalAutorizadas }}</h3>
                    <p class="font-weight-bold">Facturas Autorizadas</p>
                </div>
                <div class="icon">
                    <i class="fas fa-check-circle"></i>
                </div>
                <span class="small-box-footer py-1">Comprobantes válidos SRI</span>
            </div>
        </div>

        <div class="col-lg-3 col-6">
            <div class="small-box bg-gradient-warning shadow-sm">
                <div class="inner">
                    <h3 class="text-white">{{ $totalBorradores }}</h3>
                    <p class="text-white font-weight-bold">Borradores / Pendientes</p>
                </div>
                <div class="icon">
                    <i class="fas fa-edit"></i>
                </div>
                <span class="small-box-footer text-white py-1">Listas para autorizar</span>
            </div>
        </div>

        <div class="col-lg-3 col-6">
            <div class="small-box bg-gradient-danger shadow-sm">
                <div class="inner">
                    <h3>{{ $totalAnuladas }}</h3>
                    <p class="font-weight-bold">Facturas Anuladas</p>
                </div>
                <div class="icon">
                    <i class="fas fa-ban"></i>
                </div>
                <span class="small-box-footer py-1">Comprobantes cancelados</span>
            </div>
        </div>
    </div>

    <!-- Filtros de Búsqueda -->
    <div class="card card-outline card-secondary shadow-sm mb-4">
        <div class="card-header py-2">
            <h3 class="card-title font-weight-bold text-muted" style="font-size: 0.95rem;">
                <i class="fas fa-filter mr-1"></i> Filtros de búsqueda
            </h3>
            <div class="card-tools">
                <button type="button" class="btn btn-tool" data-card-widget="collapse">
                    <i class="fas fa-minus"></i>
                </button>
            </div>
        </div>
        <div class="card-body py-3">
            <form action="{{ route('admin.facturas.index') }}" method="GET">
                <div class="row align-items-end">
                    <div class="col-md-4 mb-2">
                        <label class="small font-weight-bold text-muted">Buscar por N° Factura, Cliente o Cédula/RUC:</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-search"></i></span>
                            </div>
                            <input type="text" name="buscar" value="{{ request('buscar') }}" class="form-control" placeholder="Ej: 001-001-000000001, Juan Pérez, 17234...">
                        </div>
                    </div>

                    <div class="col-md-2 mb-2">
                        <label class="small font-weight-bold text-muted">Estado SRI:</label>
                        <select name="estado" class="form-control">
                            <option value="">Todos los Estados</option>
                            <option value="AUTORIZADA" {{ request('estado') == 'AUTORIZADA' ? 'selected' : '' }}>Autorizada</option>
                            <option value="BORRADOR" {{ request('estado') == 'BORRADOR' ? 'selected' : '' }}>Borrador</option>
                            <option value="ANULADA" {{ request('estado') == 'ANULADA' ? 'selected' : '' }}>Anulada</option>
                        </select>
                    </div>

                    <div class="col-md-2 mb-2">
                        <label class="small font-weight-bold text-muted">Fecha Desde:</label>
                        <input type="date" name="fecha_desde" value="{{ request('fecha_desde') }}" class="form-control">
                    </div>

                    <div class="col-md-2 mb-2">
                        <label class="small font-weight-bold text-muted">Fecha Hasta:</label>
                        <input type="date" name="fecha_hasta" value="{{ request('fecha_hasta') }}" class="form-control">
                    </div>

                    <div class="col-md-2 mb-2">
                        <button type="submit" class="btn btn-primary btn-block">
                            <i class="fas fa-filter mr-1"></i> Filtrar
                        </button>
                        @if(request()->anyFilled(['buscar', 'estado', 'fecha_desde', 'fecha_hasta']))
                            <a href="{{ route('admin.facturas.index') }}" class="btn btn-outline-secondary btn-block btn-sm mt-1">
                                <i class="fas fa-undo mr-1"></i> Limpiar
                            </a>
                        @endif
                    </div>
                </div>
            </form>
        </div>
    </div>

    <!-- Tabla de Facturas -->
    <div class="card card-outline card-primary shadow-sm">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title font-weight-bold">
                <i class="fas fa-list-alt mr-1"></i> Listado de Facturas Emitidas
            </h3>
            <span class="badge badge-light border text-muted">
                Total: {{ $facturas->total() }} registros
            </span>
        </div>

        <div class="card-body table-responsive p-0">
            <table class="table table-hover table-striped align-middle text-nowrap mb-0">
                <thead class="thead-light">
                    <tr>
                        <th class="text-center" style="width: 150px;">N° Factura</th>
                        <th>Fecha y Hora</th>
                        <th>Cliente / Paciente</th>
                        <th>Identificación</th>
                        <th class="text-center">Punto Emisión</th>
                        <th>Forma de Pago</th>
                        <th class="text-right">Total ($)</th>
                        <th class="text-center">Estado SRI</th>
                        <th class="text-center" style="width: 170px;">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($facturas as $factura)
                        <tr>
                            <td class="text-center">
                                <a href="{{ route('admin.facturas.show', $factura->id) }}" class="font-weight-bold text-primary" style="font-size: 0.95rem;">
                                    {{ $factura->numero_factura }}
                                </a>
                                @if($factura->ambiente == '1')
                                    <br><span class="badge badge-warning text-dark" style="font-size: 0.65rem;">PRUEBAS</span>
                                @else
                                    <br><span class="badge badge-success" style="font-size: 0.65rem;">PRODUCCIÓN</span>
                                @endif
                            </td>
                            <td>
                                <i class="far fa-calendar-alt text-muted mr-1"></i>
                                {{ \Carbon\Carbon::parse($factura->fecha_emision)->format('d/m/Y') }}
                                @if($factura->hora_emision)
                                    <br><small class="text-muted"><i class="far fa-clock mr-1"></i>{{ $factura->hora_emision }}</small>
                                @endif
                            </td>
                            <td>
                                <div class="font-weight-bold">{{ $factura->razon_social_comprador }}</div>
                                @if($factura->paciente)
                                    <small class="text-muted"><i class="fas fa-user-injured text-info mr-1"></i>Paciente: {{ $factura->paciente->nombres }} {{ $factura->paciente->apellidos }}</small>
                                @endif
                            </td>
                            <td>
                                <span class="badge badge-light border px-2 py-1">
                                    <small class="text-muted">{{ $factura->tipo_identificacion_texto }}:</small>
                                    <b>{{ $factura->identificacion_comprador }}</b>
                                </span>
                            </td>
                            <td class="text-center">
                                <span class="badge badge-secondary px-2 py-1 font-weight-normal">
                                    {{ $factura->establecimiento }}-{{ $factura->punto_emision }}
                                </span>
                            </td>
                            <td>
                                <small class="text-muted text-uppercase">
                                    {{ $factura->forma_pago_texto }}
                                </small>
                            </td>
                            <td class="text-right font-weight-bold text-success" style="font-size: 1.05rem;">
                                ${{ number_format($factura->importe_total, 2) }}
                            </td>
                            <td class="text-center">
                                {!! $factura->estado_badge !!}
                            </td>
                            <td class="text-center">
                                <div class="btn-group shadow-sm" role="group">
                                    <!-- Ver Detalle / RIDE -->
                                    <a href="{{ route('admin.facturas.show', $factura->id) }}" class="btn btn-sm btn-info" title="Ver Detalle RIDE">
                                        <i class="fas fa-eye"></i>
                                    </a>

                                    <!-- Imprimir PDF -->
                                    <a href="{{ route('admin.facturas.pdf', $factura->id) }}" target="_blank" class="btn btn-sm btn-success" title="Imprimir / Descargar RIDE PDF">
                                        <i class="fas fa-file-pdf"></i>
                                    </a>

                                    <!-- Descargar XML -->
                                    <a href="{{ route('admin.facturas.xml', $factura->id) }}" class="btn btn-sm btn-secondary" title="Descargar XML SRI">
                                        <i class="fas fa-file-code"></i>
                                    </a>

                                    <!-- Enviar / Reenviar al 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 la factura {{ $factura->numero_factura }} en el SRI?');">
                                            @csrf
                                            <button type="submit" class="btn btn-sm btn-primary font-weight-bold" title="Reenviar comprobante al SRI">
                                                <i class="fas fa-paper-plane mr-1"></i> Reenviar SRI
                                            </button>
                                        </form>
                                    @endif

                                    <!-- Anular -->
                                    @if($factura->estado !== 'ANULADA')
                                        <button type="button" class="btn btn-sm btn-danger" data-toggle="modal" data-target="#anularModal{{ $factura->id }}" title="Anular Factura">
                                            <i class="fas fa-ban"></i>
                                        </button>
                                    @endif
                                </div>

                                <!-- Modal de Anulación -->
                                @if($factura->estado !== 'ANULADA')
                                    <div class="modal fade" id="anularModal{{ $factura->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog" role="document">
                                            <div class="modal-content text-left">
                                                <form action="{{ route('admin.facturas.anular', $factura->id) }}" method="POST">
                                                    @csrf
                                                    <div class="modal-header bg-danger text-white">
                                                        <h5 class="modal-title font-weight-bold">
                                                            <i class="fas fa-exclamation-triangle mr-2"></i> Anular Factura {{ $factura->numero_factura }}
                                                        </h5>
                                                        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Cerrar">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p>¿Está seguro de que desea anular esta factura electrónica?</p>
                                                        <div class="alert alert-warning py-2">
                                                            <small><b>Atención:</b> Esta acción cambiará el estado de la factura a <b>ANULADA</b> y no podrá ser revertida.</small>
                                                        </div>
                                                        <div class="form-group">
                                                            <label class="font-weight-bold">Motivo de Anulación: <span class="text-danger">*</span></label>
                                                            <textarea name="motivo_anulacion" class="form-control" rows="3" required placeholder="Escriba el motivo de la anulación (ej. Error en datos del cliente, devolución, etc.)..."></textarea>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                                        <button type="submit" class="btn btn-danger font-weight-bold">
                                                            <i class="fas fa-ban mr-1"></i> Confirmar Anulación
                                                        </button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="text-center py-5">
                                <div class="text-muted">
                                    <i class="bi bi-receipt-cutoff" style="font-size: 3rem; color: #cbd5e1;"></i>
                                    <h5 class="mt-2 font-weight-bold">No se encontraron facturas registradas</h5>
                                    <p class="mb-3">Comience emitiendo su primera factura electrónica para sus pacientes o clientes.</p>
                                    <a href="{{ route('admin.facturas.create') }}" class="btn btn-primary font-weight-bold">
                                        <i class="fas fa-plus mr-1"></i> Emitir Primera Factura
                                    </a>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        @if($facturas->hasPages())
            <div class="card-footer py-2 d-flex justify-content-between align-items-center">
                <small class="text-muted">Mostrando {{ $facturas->firstItem() }} a {{ $facturas->lastItem() }} de {{ $facturas->total() }} registros</small>
                {{ $facturas->links() }}
            </div>
        @endif
    </div>
@endsection