@extends('layouts.admin')

@section('content')
<div class="content-header p-0 mb-3">
    <div class="container-fluid">
        <!-- Hero Banner Farmacia -->
        <div class="welcome-hero-banner" style="background: linear-gradient(135deg, #0284c7 0%, #0d9488 50%, #1e40af 100%);">
            <div>
                <h2 class="hero-title">
                    <i class="bi bi-capsule-pill mr-2"></i>
                    Farmacia y Botiquín Clínico DevMedic
                </h2>
                <div class="hero-subtitle">
                    <span>Gestión integral de medicamentos, control de inventario, stock crítico y dispensación.</span>
                    <span class="role-badge-pill">
                        <i class="bi bi-shield-check mr-1"></i> Módulo Activo
                    </span>
                </div>
            </div>
            <div class="d-none d-lg-flex align-items-center">
                <a href="{{ route('admin.farmacia.ventas.create') }}" class="btn btn-light text-primary font-weight-bold shadow-sm mr-2" style="border-radius: 10px;">
                    <i class="bi bi-cart-plus-fill mr-1"></i> Nueva Dispensación
                </a>
                <a href="{{ route('admin.farmacia.medicamentos.create') }}" class="btn btn-outline-light font-weight-bold" style="border-radius: 10px;">
                    <i class="bi bi-plus-circle-fill mr-1"></i> Registrar Medicamento
                </a>
            </div>
        </div>

        <!-- Tarjetas KPI Farmacia -->
        <div class="row">
            <div class="col-xl-3 col-lg-6 col-sm-6">
                <div class="small-box" style="background: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);">
                    <div class="inner">
                        <h3>{{ $totalMedicamentos }}</h3>
                        <p>Medicamentos en Catálogo</p>
                    </div>
                    <div class="icon">
                        <i class="bi bi-prescription2"></i>
                    </div>
                    <a href="{{ route('admin.farmacia.medicamentos.index') }}" class="small-box-footer">
                        Ver Inventario <i class="fas fa-arrow-circle-right ml-1"></i>
                    </a>
                </div>
            </div>

            <div class="col-xl-3 col-lg-6 col-sm-6">
                <div class="small-box" style="background: linear-gradient(135deg, #0d9488 0%, #0f766e 100%);">
                    <div class="inner">
                        <h3>{{ number_format($totalUnidades) }}</h3>
                        <p>Unidades Físicas en Stock</p>
                    </div>
                    <div class="icon">
                        <i class="bi bi-box-seam-fill"></i>
                    </div>
                    <a href="{{ route('admin.farmacia.medicamentos.index') }}" class="small-box-footer">
                        Valor: ${{ number_format($valorInventario, 2) }} <i class="fas fa-arrow-circle-right ml-1"></i>
                    </a>
                </div>
            </div>

            <div class="col-xl-3 col-lg-6 col-sm-6">
                <div class="small-box" style="background: {{ $stockBajoCount > 0 ? 'linear-gradient(135deg, #f59e0b 0%, #d97706 100%)' : 'linear-gradient(135deg, #10b981 0%, #059669 100%)' }};">
                    <div class="inner">
                        <h3>{{ $stockBajoCount }}</h3>
                        <p>{{ $stockBajoCount > 0 ? 'Medicamentos en Stock Bajo' : 'Stock en Nivel Óptimo' }}</p>
                    </div>
                    <div class="icon">
                        <i class="bi bi-exclamation-triangle-fill"></i>
                    </div>
                    <a href="{{ route('admin.farmacia.medicamentos.index', ['filtro_stock' => 'bajo']) }}" class="small-box-footer">
                        Filtrar Críticos <i class="fas fa-arrow-circle-right ml-1"></i>
                    </a>
                </div>
            </div>

            <div class="col-xl-3 col-lg-6 col-sm-6">
                <div class="small-box" style="background: {{ $vencidosCount > 0 ? 'linear-gradient(135deg, #ef4444 0%, #dc2626 100%)' : ($proximosVencerCount > 0 ? 'linear-gradient(135deg, #f43f5e 0%, #e11d48 100%)' : 'linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%)') }};">
                    <div class="inner">
                        <h3>{{ $proximosVencerCount + $vencidosCount }}</h3>
                        <p>{{ $vencidosCount > 0 ? $vencidosCount . ' Vencidos / ' . $proximosVencerCount . ' Por Vencer' : 'Por Vencer (≤ 60 días)' }}</p>
                    </div>
                    <div class="icon">
                        <i class="bi bi-calendar-x-fill"></i>
                    </div>
                    <a href="{{ route('admin.farmacia.medicamentos.index', ['filtro_vencimiento' => 'por_vencer']) }}" class="small-box-footer">
                        Ver Alertas de Fecha <i class="fas fa-arrow-circle-right ml-1"></i>
                    </a>
                </div>
            </div>
        </div>

        <!-- Fila de Alertas y Accesos Rápidos -->
        <div class="row">
            <!-- Alertas de Stock Bajo -->
            <div class="col-lg-6">
                <div class="card card-outline card-warning shadow-sm">
                    <div class="card-header">
                        <h3 class="card-title text-warning font-weight-bold">
                            <i class="bi bi-exclamation-octagon-fill mr-1"></i> Alertas de Stock Bajo o Agotado
                        </h3>
                        <div class="card-tools">
                            <a href="{{ route('admin.farmacia.medicamentos.index', ['filtro_stock' => 'bajo']) }}" class="btn btn-sm btn-warning">
                                Ver Todos
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        @if($medicamentosStockBajo->isEmpty())
                            <div class="p-4 text-center text-muted">
                                <i class="bi bi-check-circle-fill text-success" style="font-size: 2.5rem;"></i>
                                <h6 class="font-weight-bold mt-2">Inventario en buen nivel</h6>
                                <p class="mb-0 small">No hay medicamentos por debajo del stock mínimo.</p>
                            </div>
                        @else
                            <div class="table-responsive">
                                <table class="table table-hover table-sm mb-0">
                                    <thead>
                                        <tr>
                                            <th>Medicamento</th>
                                            <th>Laboratorio</th>
                                            <th class="text-center">Stock</th>
                                            <th class="text-center">Mínimo</th>
                                            <th class="text-center">Acción</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($medicamentosStockBajo as $med)
                                            <tr>
                                                <td>
                                                    <strong>{{ $med->nombre_comercial }}</strong><br>
                                                    <small class="text-muted">{{ $med->concentracion }} - {{ $med->forma_farmaceutica }}</small>
                                                </td>
                                                <td>{{ $med->laboratorio ?: 'No especificado' }}</td>
                                                <td class="text-center">
                                                    @if($med->stock <= 0)
                                                        <span class="badge badge-danger px-2 py-1">AGOTADO (0)</span>
                                                    @else
                                                        <span class="badge badge-warning px-2 py-1">{{ $med->stock }} unids.</span>
                                                    @endif
                                                </td>
                                                <td class="text-center text-muted">{{ $med->stock_minimo }}</td>
                                                <td class="text-center">
                                                    <button type="button" class="btn btn-xs btn-primary" data-toggle="modal" data-target="#modalAjuste{{ $med->id }}" title="Ingresar Stock">
                                                        <i class="bi bi-plus-lg"></i> Abastecer
                                                    </button>
                                                </td>
                                            </tr>

                                            <!-- Modal Ajuste Rápido -->
                                            <div class="modal fade" id="modalAjuste{{ $med->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                                                <div class="modal-dialog modal-dialog-centered" role="document">
                                                    <div class="modal-content">
                                                        <form action="{{ route('admin.farmacia.medicamentos.ajusteStock', $med->id) }}" method="POST">
                                                            @csrf
                                                            <div class="modal-header">
                                                                <h5 class="modal-title font-weight-bold text-primary">
                                                                    <i class="bi bi-box-arrow-in-down mr-1"></i> Abastecer Stock: {{ $med->nombre_comercial }}
                                                                </h5>
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                                                    <span aria-hidden="true">&times;</span>
                                                                </button>
                                                            </div>
                                                            <div class="modal-body">
                                                                <div class="alert alert-light border">
                                                                    <div class="d-flex justify-content-between">
                                                                        <span>Stock Actual: <strong>{{ $med->stock }} unidades</strong></span>
                                                                        <span>Stock Mínimo: <strong>{{ $med->stock_minimo }} unidades</strong></span>
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>Tipo de Operación <b>*</b></label>
                                                                    <select name="tipo_ajuste" class="form-control" required>
                                                                        <option value="INGRESO" selected>Ingreso / Abastecimiento (Sumar al stock actual)</option>
                                                                        <option value="AJUSTE">Ajuste Directo (Establecer stock exacto)</option>
                                                                        <option value="EGRESO">Egreso / Merma (Restar del stock actual)</option>
                                                                    </select>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>Cantidad <b>*</b></label>
                                                                    <input type="number" name="cantidad" class="form-control" min="1" required placeholder="Ej: 50">
                                                                </div>
                                                                <div class="form-group">
                                                                    <label>Motivo del Movimiento <b>*</b></label>
                                                                    <input type="text" name="motivo" class="form-control" required placeholder="Ej: Compra a distribuidor / Factura #1234">
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
                                                                <button type="submit" class="btn btn-primary">Registrar en Kardex</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Alertas de Medicamentos por Vencer -->
            <div class="col-lg-6">
                <div class="card card-outline card-danger shadow-sm">
                    <div class="card-header">
                        <h3 class="card-title text-danger font-weight-bold">
                            <i class="bi bi-clock-history mr-1"></i> Próximos a Vencer (Dentro de 60 días)
                        </h3>
                        <div class="card-tools">
                            <a href="{{ route('admin.farmacia.medicamentos.index', ['filtro_vencimiento' => 'por_vencer']) }}" class="btn btn-sm btn-danger">
                                Ver Todos
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        @if($medicamentosProximosVencer->isEmpty())
                            <div class="p-4 text-center text-muted">
                                <i class="bi bi-shield-check text-success" style="font-size: 2.5rem;"></i>
                                <h6 class="font-weight-bold mt-2">Sin alertas de caducidad</h6>
                                <p class="mb-0 small">No hay medicamentos próximos a vencer en los próximos 60 días.</p>
                            </div>
                        @else
                            <div class="table-responsive">
                                <table class="table table-hover table-sm mb-0">
                                    <thead>
                                        <tr>
                                            <th>Medicamento</th>
                                            <th>Lote</th>
                                            <th class="text-center">F. Vencimiento</th>
                                            <th class="text-center">Días Restantes</th>
                                            <th class="text-center">Stock</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($medicamentosProximosVencer as $med)
                                            @php
                                                $dias = \Carbon\Carbon::today()->diffInDays($med->fecha_vencimiento, false);
                                            @endphp
                                            <tr>
                                                <td>
                                                    <strong>{{ $med->nombre_comercial }}</strong><br>
                                                    <small class="text-muted">{{ $med->concentracion }}</small>
                                                </td>
                                                <td><code>{{ $med->lote ?: 'S/L' }}</code></td>
                                                <td class="text-center font-weight-bold text-danger">
                                                    {{ $med->fecha_vencimiento ? $med->fecha_vencimiento->format('d/m/Y') : 'N/A' }}
                                                </td>
                                                <td class="text-center">
                                                    @if($dias <= 0)
                                                        <span class="badge badge-danger px-2 py-1">¡VENCIDO!</span>
                                                    @elseif($dias <= 30)
                                                        <span class="badge badge-danger px-2 py-1">{{ $dias }} días</span>
                                                    @else
                                                        <span class="badge badge-warning px-2 py-1">{{ $dias }} días</span>
                                                    @endif
                                                </td>
                                                <td class="text-center font-weight-bold">{{ $med->stock }} unids.</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

        <!-- Fila de Últimas Ventas y Movimientos de Kardex -->
        <div class="row">
            <!-- Últimas Ventas -->
            <div class="col-lg-6">
                <div class="card shadow-sm">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3 class="card-title font-weight-bold text-primary">
                            <i class="bi bi-receipt mr-1"></i> Últimas Ventas Realizadas
                        </h3>
                        <div class="card-tools">
                            <a href="{{ route('admin.farmacia.ventas.index') }}" class="btn btn-sm btn-outline-primary">
                                Historial Completo
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        @if($ultimasVentas->isEmpty())
                            <div class="p-4 text-center text-muted">
                                <i class="bi bi-cart-x" style="font-size: 2.5rem;"></i>
                                <h6 class="font-weight-bold mt-2">No hay ventas registradas aún</h6>
                                <a href="{{ route('admin.farmacia.ventas.create') }}" class="btn btn-sm btn-primary mt-2">
                                    Registrar Primera Venta
                                </a>
                            </div>
                        @else
                            <div class="table-responsive">
                                <table class="table table-hover table-sm mb-0">
                                    <thead>
                                        <tr>
                                            <th>Comprobante</th>
                                            <th>Cliente / Paciente</th>
                                            <th class="text-center">Fecha</th>
                                            <th class="text-right">Total</th>
                                            <th class="text-center">Acción</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($ultimasVentas as $v)
                                            <tr>
                                                <td>
                                                    <strong>{{ $v->nro_comprobante }}</strong>
                                                    @if($v->estado == 'ANULADA')
                                                        <span class="badge badge-danger ml-1">Anulada</span>
                                                    @endif
                                                </td>
                                                <td>{{ $v->cliente_nombre }}</td>
                                                <td class="text-center small text-muted">{{ $v->created_at->format('d/m/Y H:i') }}</td>
                                                <td class="text-right font-weight-bold text-success">${{ number_format($v->total, 2) }}</td>
                                                <td class="text-center">
                                                    <a href="{{ route('admin.farmacia.ventas.show', $v->id) }}" class="btn btn-xs btn-info" title="Ver Venta">
                                                        <i class="bi bi-eye"></i>
                                                    </a>
                                                    <a href="{{ route('admin.farmacia.ventas.pdf', $v->id) }}" target="_blank" class="btn btn-xs btn-success" title="Imprimir PDF">
                                                        <i class="bi bi-printer"></i>
                                                    </a>
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>

            <!-- Últimos Movimientos Kardex -->
            <div class="col-lg-6">
                <div class="card shadow-sm">
                    <div class="card-header d-flex justify-content-between align-items-center">
                        <h3 class="card-title font-weight-bold text-primary">
                            <i class="bi bi-arrow-left-right mr-1"></i> Movimientos Recientes de Kardex
                        </h3>
                        <div class="card-tools">
                            <a href="{{ route('admin.farmacia.medicamentos.index') }}" class="btn btn-sm btn-outline-secondary">
                                Ver Inventario
                            </a>
                        </div>
                    </div>
                    <div class="card-body p-0">
                        @if($ultimosMovimientos->isEmpty())
                            <div class="p-4 text-center text-muted">
                                <i class="bi bi-inbox" style="font-size: 2.5rem;"></i>
                                <p class="mb-0 mt-2">Sin movimientos recientes.</p>
                            </div>
                        @else
                            <div class="table-responsive">
                                <table class="table table-hover table-sm mb-0">
                                    <thead>
                                        <tr>
                                            <th>Fecha</th>
                                            <th>Medicamento</th>
                                            <th class="text-center">Tipo</th>
                                            <th class="text-center">Cantidad</th>
                                            <th class="text-center">Stock Resultante</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($ultimosMovimientos as $mov)
                                            <tr>
                                                <td class="small text-muted">{{ $mov->created_at->format('d/m/Y H:i') }}</td>
                                                <td>
                                                    <strong>{{ $mov->medicamento ? $mov->medicamento->nombre_comercial : 'Medicamento Eliminado' }}</strong><br>
                                                    <small class="text-muted">{{ $mov->motivo ?: 'Sin motivo' }}</small>
                                                </td>
                                                <td class="text-center">
                                                    @if($mov->tipo == 'INGRESO')
                                                        <span class="badge badge-success px-2 py-1"><i class="bi bi-arrow-down-left"></i> INGRESO</span>
                                                    @elseif($mov->tipo == 'VENTA')
                                                        <span class="badge badge-primary px-2 py-1"><i class="bi bi-cart-check"></i> VENTA</span>
                                                    @elseif($mov->tipo == 'EGRESO' || $mov->tipo == 'MERMA_VENCIMIENTO')
                                                        <span class="badge badge-danger px-2 py-1"><i class="bi bi-arrow-up-right"></i> EGRESO</span>
                                                    @else
                                                        <span class="badge badge-info px-2 py-1"><i class="bi bi-sliders"></i> AJUSTE</span>
                                                    @endif
                                                </td>
                                                <td class="text-center font-weight-bold">
                                                    {{ in_array($mov->tipo, ['VENTA', 'EGRESO', 'MERMA_VENCIMIENTO']) ? '-' : '+' }}{{ $mov->cantidad }}
                                                </td>
                                                <td class="text-center font-weight-bold text-primary">{{ $mov->stock_posterior }}</td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
@endsection