@extends('layouts.admin')

@section('content')
<div class="content-header p-0 mb-3">
    <div class="container-fluid">
        <div class="d-flex justify-content-between align-items-center">
            <div>
                <nav aria-label="breadcrumb">
                    <ol class="breadcrumb bg-transparent p-0 mb-1">
                        <li class="breadcrumb-item"><a href="{{ route('admin.farmacia.dashboard') }}">Farmacia</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Ventas y Dispensación</li>
                    </ol>
                </nav>
                <h1 class="m-0 font-weight-bold" style="font-size: 1.55rem; color: var(--dm-text-main, #0f172a);">
                    <i class="bi bi-receipt text-primary mr-2"></i> Historial de Ventas y Dispensaciones
                </h1>
                <p class="text-muted mb-0 small">Registro de comprobantes emitidos, salidas de medicamentos y recaudación de farmacia.</p>
            </div>
            <div>
                <a href="{{ route('admin.farmacia.reportes') }}" class="btn btn-outline-danger font-weight-bold mr-1">
                    <i class="bi bi-file-earmark-pdf-fill mr-1"></i> Reportes de Ventas
                </a>
                <a href="{{ route('admin.farmacia.ventas.create') }}" class="btn btn-primary font-weight-bold">
                    <i class="bi bi-cart-plus-fill mr-1"></i> Nueva Dispensación
                </a>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    <!-- Barra de Filtros -->
    <div class="card shadow-sm mb-3">
        <div class="card-body p-3">
            <form method="GET" action="{{ route('admin.farmacia.ventas.index') }}" class="row align-items-end">
                <div class="col-md-3 mb-2 mb-md-0">
                    <label class="small font-weight-bold text-muted mb-1">Desde Fecha:</label>
                    <input type="date" name="fecha_desde" class="form-control form-control-sm" value="{{ request('fecha_desde') }}">
                </div>
                <div class="col-md-3 mb-2 mb-md-0">
                    <label class="small font-weight-bold text-muted mb-1">Hasta Fecha:</label>
                    <input type="date" name="fecha_hasta" class="form-control form-control-sm" value="{{ request('fecha_hasta') }}">
                </div>
                <div class="col-md-3 mb-2 mb-md-0">
                    <label class="small font-weight-bold text-muted mb-1">Estado:</label>
                    <select name="estado" class="form-control form-control-sm">
                        <option value="">-- Todos los estados --</option>
                        <option value="COMPLETADA" {{ request('estado') == 'COMPLETADA' ? 'selected' : '' }}>Completadas</option>
                        <option value="ANULADA" {{ request('estado') == 'ANULADA' ? 'selected' : '' }}>Anuladas</option>
                    </select>
                </div>
                <div class="col-md-3 d-flex gap-2">
                    <button type="submit" class="btn btn-sm btn-primary flex-grow-1 mr-1">
                        <i class="bi bi-funnel mr-1"></i> Filtrar
                    </button>
                    <a href="{{ route('admin.farmacia.ventas.index') }}" class="btn btn-sm btn-outline-secondary">
                        Limpiar
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Tabla de Ventas -->
    <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">
                Comprobantes de Farmacia
            </h3>
            <div class="card-tools">
                <span class="badge badge-success px-3 py-2 font-weight-bold" style="font-size: 0.9rem;">
                    Recaudación Total: ${{ number_format($totalVentasMonto, 2) }}
                </span>
            </div>
        </div>
        <div class="card-body p-0">
            @if($ventas->isEmpty())
                <div class="p-5 text-center text-muted">
                    <i class="bi bi-cart-x" style="font-size: 3rem;"></i>
                    <h5 class="font-weight-bold mt-2">No se encontraron ventas registradas</h5>
                    <p class="small mb-3">Comience registrando una nueva dispensación de medicamentos.</p>
                    <a href="{{ route('admin.farmacia.ventas.create') }}" class="btn btn-primary font-weight-bold">
                        <i class="bi bi-cart-plus-fill mr-1"></i> Nueva Dispensación
                    </a>
                </div>
            @else
                <div class="table-responsive">
                    <table class="table table-bordered table-hover table-striped mb-0">
                        <thead>
                            <tr>
                                <th class="text-center" style="width: 130px;">Comprobante</th>
                                <th>Fecha y Hora</th>
                                <th>Paciente / Cliente</th>
                                <th>Documento</th>
                                <th>Método de Pago</th>
                                <th class="text-center">Medicamentos</th>
                                <th class="text-right">Total</th>
                                <th class="text-center">Estado</th>
                                <th>Atendido Por</th>
                                <th class="text-center" style="width: 120px;">Acciones</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($ventas as $v)
                                <tr>
                                    <td class="text-center align-middle font-weight-bold">
                                        <a href="{{ route('admin.farmacia.ventas.show', $v->id) }}" class="text-primary">
                                            {{ $v->nro_comprobante }}
                                        </a>
                                    </td>
                                    <td class="align-middle small">
                                        {{ $v->created_at->format('d/m/Y') }}<br>
                                        <span class="text-muted">{{ $v->created_at->format('H:i') }}</span>
                                    </td>
                                    <td class="align-middle">
                                        <strong>{{ $v->cliente_nombre }}</strong>
                                        @if($v->paciente)
                                            <span class="badge badge-light border ml-1">Paciente Clínica</span>
                                        @endif
                                    </td>
                                    <td class="align-middle small text-muted">
                                        {{ $v->cliente_documento ?: 'Consumidor Final' }}
                                    </td>
                                    <td class="align-middle small font-weight-bold">
                                        <i class="bi bi-credit-card-2-front text-muted mr-1"></i> {{ $v->metodo_pago }}
                                    </td>
                                    <td class="text-center align-middle font-weight-bold">
                                        {{ $v->detalles->count() }} ítems
                                    </td>
                                    <td class="text-right align-middle font-weight-bold text-success" style="font-size: 1rem;">
                                        ${{ number_format($v->total, 2) }}
                                    </td>
                                    <td class="text-center align-middle">
                                        @if($v->estado == 'COMPLETADA')
                                            <span class="badge badge-success px-2 py-1"><i class="bi bi-check-circle mr-1"></i> Completada</span>
                                        @else
                                            <span class="badge badge-danger px-2 py-1"><i class="bi bi-x-circle mr-1"></i> Anulada</span>
                                        @endif
                                    </td>
                                    <td class="align-middle small text-muted">
                                        {{ $v->user ? $v->user->name : 'N/A' }}
                                    </td>
                                    <td class="text-center align-middle">
                                        <div class="btn-group" role="group">
                                            <a href="{{ route('admin.farmacia.ventas.show', $v->id) }}" class="btn btn-info btn-sm" title="Ver Detalle">
                                                <i class="bi bi-eye"></i>
                                            </a>
                                            <a href="{{ route('admin.farmacia.ventas.pdf', $v->id) }}" target="_blank" class="btn btn-success btn-sm" title="Imprimir PDF">
                                                <i class="bi bi-printer"></i>
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="p-3 d-flex justify-content-between align-items-center">
                    <div class="small text-muted">
                        Mostrando {{ $ventas->firstItem() }} a {{ $ventas->lastItem() }} de {{ $ventas->total() }} ventas registradas
                    </div>
                    <div>
                        {{ $ventas->links() }}
                    </div>
                </div>
            @endif
        </div>
    </div>
</div>
@endsection