@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 mb-2">
            <div>
                <h1 class="m-0 font-weight-bold" style="font-size: 1.55rem; color: var(--dm-text-main, #0f172a);">
                    <i class="bi bi-capsule-pill text-primary mr-2"></i> Inventario de Medicamentos
                </h1>
                <p class="text-muted mb-0 small">Catálogo de productos farmacéuticos, control de existencias, lotes y fechas de vencimiento.</p>
            </div>
            <div>
                <a href="{{ route('admin.farmacia.reportes.inventarioPdf') }}" target="_blank" class="btn btn-outline-danger font-weight-bold mr-1">
                    <i class="bi bi-file-earmark-pdf-fill mr-1"></i> Exportar PDF
                </a>
                <a href="{{ route('admin.farmacia.categorias.index') }}" class="btn btn-outline-secondary font-weight-bold mr-1">
                    <i class="bi bi-tags-fill mr-1"></i> Categorías
                </a>
                <a href="{{ route('admin.farmacia.medicamentos.create') }}" class="btn btn-primary font-weight-bold">
                    <i class="bi bi-plus-circle-fill mr-1"></i> Nuevo Medicamento
                </a>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    <!-- Barra de Filtros Rápidos -->
    <div class="card shadow-sm mb-3">
        <div class="card-body p-3">
            <form method="GET" action="{{ route('admin.farmacia.medicamentos.index') }}" class="row align-items-center">
                <div class="col-md-4 mb-2 mb-md-0">
                    <label class="small font-weight-bold text-muted mb-1">Filtrar por Categoría:</label>
                    <select name="categoria_id" class="form-control form-control-sm" onchange="this.form.submit()">
                        <option value="">-- Todas las Categorías --</option>
                        @foreach($categorias as $cat)
                            <option value="{{ $cat->id }}" {{ request('categoria_id') == $cat->id ? 'selected' : '' }}>
                                {{ $cat->nombre }}
                            </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3 mb-2 mb-md-0">
                    <label class="small font-weight-bold text-muted mb-1">Estado de Stock:</label>
                    <select name="filtro_stock" class="form-control form-control-sm" onchange="this.form.submit()">
                        <option value="">-- Todos los niveles --</option>
                        <option value="normal" {{ request('filtro_stock') == 'normal' ? 'selected' : '' }}>Stock Normal</option>
                        <option value="bajo" {{ request('filtro_stock') == 'bajo' ? 'selected' : '' }}>Stock Bajo (Alerta)</option>
                        <option value="agotado" {{ request('filtro_stock') == 'agotado' ? 'selected' : '' }}>Agotados (0)</option>
                    </select>
                </div>
                <div class="col-md-3 mb-2 mb-md-0">
                    <label class="small font-weight-bold text-muted mb-1">Estado de Vencimiento:</label>
                    <select name="filtro_vencimiento" class="form-control form-control-sm" onchange="this.form.submit()">
                        <option value="">-- Todas las fechas --</option>
                        <option value="por_vencer" {{ request('filtro_vencimiento') == 'por_vencer' ? 'selected' : '' }}>Por Vencer (≤ 60 días)</option>
                        <option value="vencido" {{ request('filtro_vencimiento') == 'vencido' ? 'selected' : '' }}>Vencidos</option>
                    </select>
                </div>
                <div class="col-md-2 text-right mt-md-4">
                    <a href="{{ route('admin.farmacia.medicamentos.index') }}" class="btn btn-sm btn-outline-secondary btn-block">
                        <i class="bi bi-x-circle mr-1"></i> Limpiar Filtros
                    </a>
                </div>
            </form>
        </div>
    </div>

    <!-- Tabla de Medicamentos -->
    <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">
                Listado General de Medicamentos ({{ $medicamentos->count() }} registrados)
            </h3>
        </div>
        <div class="card-body">
            <div class="table-responsive">
                <table id="tablaMedicamentos" class="table table-bordered table-hover table-striped">
                    <thead>
                        <tr>
                            <th class="text-center" style="width: 70px;">Código</th>
                            <th>Medicamento</th>
                            <th>Categoría</th>
                            <th>Forma / Presentación</th>
                            <th>Lote y Vence</th>
                            <th class="text-center">Stock</th>
                            <th class="text-right">P. Venta</th>
                            <th class="text-center" style="width: 140px;">Acciones</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($medicamentos as $med)
                            <tr>
                                <td class="text-center align-middle">
                                    <span class="badge badge-light border font-weight-bold">{{ $med->codigo }}</span>
                                </td>
                                <td class="align-middle">
                                    <div class="font-weight-bold text-primary" style="font-size: 0.95rem;">
                                        {{ $med->nombre_comercial }}
                                    </div>
                                    @if($med->nombre_generico)
                                        <div class="small text-muted font-italic">
                                            Principio Activo: {{ $med->nombre_generico }}
                                        </div>
                                    @endif
                                    @if($med->requiere_receta)
                                        <span class="badge badge-warning text-dark px-1 py-0 small mt-1" style="font-size: 0.7rem;">
                                            <i class="bi bi-prescription2"></i> Requiere Receta
                                        </span>
                                    @endif
                                </td>
                                <td class="align-middle">
                                    <span class="badge badge-info px-2 py-1">
                                        {{ $med->categoria ? $med->categoria->nombre : 'Sin Categoría' }}
                                    </span>
                                    @if($med->laboratorio)
                                        <div class="small text-muted mt-1">{{ $med->laboratorio }}</div>
                                    @endif
                                </td>
                                <td class="align-middle">
                                    <div class="font-weight-bold">{{ $med->forma_farmaceutica ?: 'No especificada' }}</div>
                                    <div class="small text-muted">{{ $med->concentracion }} {{ $med->presentacion ? ' - ' . $med->presentacion : '' }}</div>
                                </td>
                                <td class="align-middle">
                                    <div><strong>Lote:</strong> <code>{{ $med->lote ?: 'S/L' }}</code></div>
                                    @if($med->fecha_vencimiento)
                                        @php
                                            $estadoVence = $med->estado_vencimiento;
                                        @endphp
                                        <div class="small mt-1">
                                            @if($estadoVence == 'VENCIDO')
                                                <span class="badge badge-danger font-weight-bold">
                                                    <i class="bi bi-x-circle"></i> Vencido: {{ $med->fecha_vencimiento->format('d/m/Y') }}
                                                </span>
                                            @elseif($estadoVence == 'POR_VENCER')
                                                <span class="badge badge-warning text-dark font-weight-bold">
                                                    <i class="bi bi-exclamation-triangle"></i> Vence: {{ $med->fecha_vencimiento->format('d/m/Y') }}
                                                </span>
                                            @else
                                                <span class="text-muted">Vence: {{ $med->fecha_vencimiento->format('d/m/Y') }}</span>
                                            @endif
                                        </div>
                                    @else
                                        <span class="text-muted small">Sin fecha registrada</span>
                                    @endif
                                </td>
                                <td class="text-center align-middle">
                                    @if($med->stock <= 0)
                                        <span class="badge badge-danger px-2 py-1" style="font-size: 0.85rem;">AGOTADO (0)</span>
                                    @elseif($med->stock <= $med->stock_minimo)
                                        <span class="badge badge-warning text-dark px-2 py-1 font-weight-bold" style="font-size: 0.85rem;">
                                            <i class="bi bi-exclamation-triangle-fill"></i> {{ $med->stock }} unids.
                                        </span>
                                    @else
                                        <span class="badge badge-success px-2 py-1" style="font-size: 0.85rem;">
                                            {{ $med->stock }} unids.
                                        </span>
                                    @endif
                                    <div class="small text-muted mt-1">Mínimo: {{ $med->stock_minimo }}</div>
                                </td>
                                <td class="text-right align-middle font-weight-bold text-success" style="font-size: 1rem;">
                                    ${{ number_format($med->precio_venta, 2) }}
                                </td>
                                <td class="text-center align-middle">
                                    <div class="btn-group" role="group">
                                        <!-- Ver Ficha y Kardex -->
                                        <a href="{{ route('admin.farmacia.medicamentos.show', $med->id) }}" class="btn btn-info btn-sm" title="Ficha Técnica y Kardex">
                                            <i class="bi bi-journal-text"></i>
                                        </a>

                                        <!-- Ajustar Stock Modal -->
                                        <button type="button" class="btn btn-success btn-sm" data-toggle="modal" data-target="#modalAjusteMed{{ $med->id }}" title="Ingresar / Ajustar Stock">
                                            <i class="bi bi-plus-slash-minus"></i>
                                        </button>

                                        <!-- Editar -->
                                        <a href="{{ route('admin.farmacia.medicamentos.edit', $med->id) }}" class="btn btn-primary btn-sm" title="Editar Medicamento">
                                            <i class="bi bi-pencil-fill"></i>
                                        </a>

                                        <!-- Eliminar -->
                                        <button type="button" class="btn btn-danger btn-sm" data-toggle="modal" data-target="#modalDelete{{ $med->id }}" title="Eliminar">
                                            <i class="bi bi-trash-fill"></i>
                                        </button>
                                    </div>

                                    <!-- Modal Ajuste Stock -->
                                    <div class="modal fade" id="modalAjusteMed{{ $med->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content text-left">
                                                <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> Movimiento de Kardex: {{ $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>Precio Venta: <strong>${{ number_format($med->precio_venta, 2) }}</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 unidades)</option>
                                                                <option value="AJUSTE">Ajuste Directo (Establecer stock exacto)</option>
                                                                <option value="EGRESO">Egreso / Merma (Restar unidades)</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: 20">
                                                        </div>
                                                        <div class="form-group">
                                                            <label>Motivo del Movimiento <b>*</b></label>
                                                            <input type="text" name="motivo" class="form-control" required placeholder="Ej: Abastecimiento semanal / Factura #...">
                                                        </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>

                                    <!-- Modal Confirmar Eliminación -->
                                    <div class="modal fade" id="modalDelete{{ $med->id }}" tabindex="-1" role="dialog" aria-hidden="true">
                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                            <div class="modal-content text-left">
                                                <form action="{{ route('admin.farmacia.medicamentos.destroy', $med->id) }}" method="POST">
                                                    @csrf
                                                    @method('DELETE')
                                                    <div class="modal-header bg-danger text-white">
                                                        <h5 class="modal-title font-weight-bold">
                                                            <i class="bi bi-exclamation-triangle-fill mr-1"></i> Confirmar Eliminación
                                                        </h5>
                                                        <button type="button" class="close text-white" data-dismiss="modal" aria-label="Close">
                                                            <span aria-hidden="true">&times;</span>
                                                        </button>
                                                    </div>
                                                    <div class="modal-body">
                                                        <p>¿Está seguro de eliminar o desactivar el medicamento <strong>{{ $med->nombre_comercial }}</strong>?</p>
                                                        <p class="text-muted small mb-0">Si el medicamento tiene ventas registradas, se desactivará del inventario para proteger la integridad de los reportes contables.</p>
                                                    </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">Eliminar / Desactivar</button>
                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>

                                </td>
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        $('#tablaMedicamentos').DataTable({
            responsive: true,
            autoWidth: false,
            pageLength: 25,
            language: {
                search: "Buscar medicamento:",
                searchPlaceholder: "Nombre, código, genérico...",
                lengthMenu: "Mostrar _MENU_ registros por página",
                info: "Mostrando _START_ a _END_ de _TOTAL_ medicamentos",
                paginate: {
                    previous: "Anterior",
                    next: "Siguiente"
                }
            }
        });
    });
</script>
@endsection