@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"><a href="{{ route('admin.farmacia.medicamentos.index') }}">Medicamentos</a></li>
                        <li class="breadcrumb-item active" aria-current="page">Editar Medicamento</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-pencil-square text-primary mr-2"></i> Editar: {{ $medicamento->nombre_comercial }}
                </h1>
            </div>
            <div>
                <a href="{{ route('admin.farmacia.medicamentos.show', $medicamento->id) }}" class="btn btn-outline-info font-weight-bold mr-1">
                    <i class="bi bi-journal-text mr-1"></i> Ver Ficha & Kardex
                </a>
                <a href="{{ route('admin.farmacia.medicamentos.index') }}" class="btn btn-outline-secondary font-weight-bold">
                    <i class="bi bi-arrow-left mr-1"></i> Volver al Catálogo
                </a>
            </div>
        </div>
    </div>
</div>

<div class="container-fluid">
    @if ($errors->any())
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <h6 class="font-weight-bold"><i class="bi bi-exclamation-triangle-fill mr-1"></i> Por favor verifique los siguientes campos:</h6>
            <ul class="mb-0 pl-3">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
            <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                <span aria-hidden="true">&times;</span>
            </button>
        </div>
    @endif

    <form action="{{ route('admin.farmacia.medicamentos.update', $medicamento->id) }}" method="POST">
        @csrf
        @method('PUT')

        <div class="row">
            <!-- Sección 1: Datos Farmacológicos -->
            <div class="col-lg-7">
                <div class="card card-outline card-primary shadow-sm h-100">
                    <div class="card-header">
                        <h3 class="card-title font-weight-bold text-primary">
                            <i class="bi bi-capsule mr-1"></i> 1. Información Farmacológica del Producto
                        </h3>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-4 form-group">
                                <label>Código / SKU <b>*</b></label>
                                <input type="text" name="codigo" class="form-control font-weight-bold" value="{{ old('codigo', $medicamento->codigo) }}" required>
                            </div>
                            <div class="col-md-8 form-group">
                                <label>Nombre Comercial <b>*</b></label>
                                <input type="text" name="nombre_comercial" class="form-control" value="{{ old('nombre_comercial', $medicamento->nombre_comercial) }}" required>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label>Principio Activo (Nombre Genérico)</label>
                                <input type="text" name="nombre_generico" class="form-control" value="{{ old('nombre_generico', $medicamento->nombre_generico) }}">
                            </div>
                            <div class="col-md-6 form-group">
                                <label>Categoría Farmacéutica</label>
                                <select name="categoria_id" class="form-control">
                                    <option value="">-- Seleccione una categoría --</option>
                                    @foreach($categorias as $cat)
                                        <option value="{{ $cat->id }}" {{ old('categoria_id', $medicamento->categoria_id) == $cat->id ? 'selected' : '' }}>
                                            {{ $cat->nombre }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4 form-group">
                                <label>Forma Farmacéutica</label>
                                <select name="forma_farmaceutica" class="form-control">
                                    @php
                                        $formas = ['Tabletas', 'Cápsulas', 'Jarabe', 'Inyectable / Ampolla', 'Suspensión', 'Gotas', 'Crema / Pomada', 'Solución Oral', 'Óvulos / Supositorios', 'Inhalador / Aerosol', 'Material Médico'];
                                    @endphp
                                    @foreach($formas as $f)
                                        <option value="{{ $f }}" {{ old('forma_farmaceutica', $medicamento->forma_farmaceutica) == $f ? 'selected' : '' }}>{{ $f }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4 form-group">
                                <label>Concentración</label>
                                <input type="text" name="concentracion" class="form-control" value="{{ old('concentracion', $medicamento->concentracion) }}">
                            </div>
                            <div class="col-md-4 form-group">
                                <label>Presentación</label>
                                <input type="text" name="presentacion" class="form-control" value="{{ old('presentacion', $medicamento->presentacion) }}">
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-6 form-group">
                                <label>Laboratorio / Fabricante</label>
                                <input type="text" name="laboratorio" class="form-control" value="{{ old('laboratorio', $medicamento->laboratorio) }}">
                            </div>
                            <div class="col-md-6 form-group d-flex align-items-center mt-3">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="requiere_receta" name="requiere_receta" value="1" {{ old('requiere_receta', $medicamento->requiere_receta) ? 'checked' : '' }}>
                                    <label class="custom-control-label font-weight-bold" for="requiere_receta">
                                        ¿Requiere Receta Médica Obligatoria?
                                    </label>
                                </div>
                            </div>
                        </div>

                        <div class="form-group mb-0">
                            <label>Indicaciones de Posología o Advertencias</label>
                            <textarea name="indicaciones" rows="3" class="form-control">{{ old('indicaciones', $medicamento->indicaciones) }}</textarea>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Sección 2: Control de Stock, Lote y Precios -->
            <div class="col-lg-5 mt-3 mt-lg-0">
                <div class="card card-outline card-success shadow-sm h-100">
                    <div class="card-header">
                        <h3 class="card-title font-weight-bold text-success">
                            <i class="bi bi-box-seam mr-1"></i> 2. Precios, Lote y Caducidad
                        </h3>
                    </div>
                    <div class="card-body">
                        <!-- Precios -->
                        <div class="p-3 mb-3 rounded" style="background: #f8fafc; border: 1px solid #e2e8f0;">
                            <div class="row">
                                <div class="col-6 form-group mb-0">
                                    <label>Precio Compra ($) <b>*</b></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend"><span class="input-group-text">$</span></div>
                                        <input type="number" step="0.01" min="0" name="precio_compra" class="form-control font-weight-bold" value="{{ old('precio_compra', $medicamento->precio_compra) }}" required>
                                    </div>
                                    <small class="text-muted">Costo al proveedor</small>
                                </div>
                                <div class="col-6 form-group mb-0">
                                    <label>Precio Venta ($) <b>*</b></label>
                                    <div class="input-group">
                                        <div class="input-group-prepend"><span class="input-group-text text-success font-weight-bold">$</span></div>
                                        <input type="number" step="0.01" min="0" name="precio_venta" class="form-control font-weight-bold text-success" value="{{ old('precio_venta', $medicamento->precio_venta) }}" required>
                                    </div>
                                    <small class="text-muted">PVP al paciente</small>
                                </div>
                            </div>
                        </div>

                        <!-- Stock Info y Stock Mínimo -->
                        <div class="alert alert-light border">
                            <div class="d-flex justify-content-between align-items-center">
                                <div>
                                    <div class="small text-muted">Stock Físico Actual:</div>
                                    <h4 class="mb-0 font-weight-bold {{ $medicamento->stock <= $medicamento->stock_minimo ? 'text-warning' : 'text-primary' }}">
                                        {{ $medicamento->stock }} unidades
                                    </h4>
                                </div>
                                <div>
                                    <button type="button" class="btn btn-sm btn-outline-primary font-weight-bold" data-toggle="modal" data-target="#modalAjusteStock" title="Modificar existencias en Kardex">
                                        <i class="bi bi-plus-slash-minus mr-1"></i> Ajustar Stock
                                    </button>
                                </div>
                            </div>
                            <small class="text-muted d-block mt-2 font-italic">
                                * Para mantener la trazabilidad de inventario, el stock se ajusta mediante movimientos en el Kardex.
                            </small>
                        </div>

                        <div class="row">
                            <div class="col-12 form-group">
                                <label>Stock Mínimo de Alerta <b>*</b></label>
                                <input type="number" min="0" name="stock_minimo" class="form-control" value="{{ old('stock_minimo', $medicamento->stock_minimo) }}" required>
                                <small class="text-muted">Genera alerta cuando las existencias son iguales o menores a este valor.</small>
                            </div>
                        </div>

                        <!-- Lote y Vencimiento -->
                        <div class="row">
                            <div class="col-6 form-group">
                                <label>Lote de Fabricación</label>
                                <input type="text" name="lote" class="form-control" value="{{ old('lote', $medicamento->lote) }}">
                            </div>
                            <div class="col-6 form-group">
                                <label>Fecha de Vencimiento</label>
                                <input type="date" name="fecha_vencimiento" class="form-control" value="{{ old('fecha_vencimiento', $medicamento->fecha_vencimiento ? $medicamento->fecha_vencimiento->format('Y-m-d') : '') }}">
                            </div>
                        </div>

                        <!-- Ubicación -->
                        <div class="form-group mb-4">
                            <label>Ubicación en Farmacia / Estante</label>
                            <input type="text" name="ubicacion" class="form-control" value="{{ old('ubicacion', $medicamento->ubicacion) }}">
                        </div>

                        <hr>
                        <div class="d-flex justify-content-end gap-2">
                            <a href="{{ route('admin.farmacia.medicamentos.index') }}" class="btn btn-secondary mr-2">
                                Cancelar
                            </a>
                            <button type="submit" class="btn btn-primary font-weight-bold px-4">
                                <i class="bi bi-save-fill mr-1"></i> Guardar Cambios
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<!-- Modal Ajuste Rápido de Stock -->
<div class="modal fade" id="modalAjusteStock" 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', $medicamento->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: {{ $medicamento->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>{{ $medicamento->stock }} unidades</strong></span>
                            <span>Precio Venta: <strong>${{ number_format($medicamento->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>
@endsection