@extends('layouts.app')
@section('title', 'Nuevo Producto')
@section('page-title', 'Nuevo Producto')
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('logistica.dashboard') }}">Logística</a></li>
    <li class="breadcrumb-item"><a href="{{ route('logistica.productos.index') }}">Productos</a></li>
    <li class="breadcrumb-item active">Nuevo</li>
@endsection
@section('content')

<div class="card">
    <div class="card-header">
        <h3 class="card-title"><i class="fas fa-plus mr-2"></i>Nuevo Producto</h3>
    </div>
    <div class="card-body">
        <form method="POST" action="{{ route('logistica.productos.store') }}">
            @csrf

            <div class="row">
                <div class="col-md-2">
                    <div class="form-group">
                        <label>Código <span class="text-danger">*</span></label>
                        <input type="text" name="codigo"
                            class="form-control @error('codigo') is-invalid @enderror"
                            value="{{ old('codigo') }}"
                            placeholder="Ej: PROD-001"
                            required>
                        @error('codigo')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-2">
                    <div class="form-group">
                        <label>Cód. Lote
                            <i class="fas fa-info-circle text-info" data-toggle="tooltip"
                               title="3-4 letras para identificar lotes. Ej: MAR (maracuyá), PIÑ (piña), LIM (limón). Se usará en el número de lote: MAR-20260514-001"></i>
                        </label>
                        <input type="text" name="codigo_lote"
                            class="form-control text-uppercase @error('codigo_lote') is-invalid @enderror"
                            value="{{ old('codigo_lote') }}"
                            placeholder="MAR"
                            maxlength="4"
                            style="text-transform:uppercase;">
                        @error('codigo_lote')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                        <small class="text-muted">Opcional, 2-4 letras</small>
                    </div>
                </div>
                <div class="col-md-8">
                    <div class="form-group">
                        <label>Nombre <span class="text-danger">*</span></label>
                        <input type="text" name="nombre"
                            class="form-control @error('nombre') is-invalid @enderror"
                            value="{{ old('nombre') }}"
                            placeholder="Nombre completo del producto"
                            required>
                        @error('nombre')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <label>Categoría <span class="text-danger">*</span></label>
                        <select name="categoria_id" class="form-control @error('categoria_id') is-invalid @enderror" required>
                            <option value="">Seleccionar categoría...</option>
                            @foreach($categorias as $c)
                                <option value="{{ $c->id }}" {{ old('categoria_id') == $c->id ? 'selected' : '' }}>
                                    {{ $c->nombre }}
                                </option>
                            @endforeach
                        </select>
                        @error('categoria_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Unidad de Medida <span class="text-danger">*</span></label>
                        <select name="unidad_medida_id" class="form-control @error('unidad_medida_id') is-invalid @enderror" required>
                            <option value="">Seleccionar unidad...</option>
                            @foreach($unidades as $u)
                                <option value="{{ $u->id }}" {{ old('unidad_medida_id') == $u->id ? 'selected' : '' }}>
                                    {{ $u->nombre }} ({{ $u->abreviatura }})
                                </option>
                            @endforeach
                        </select>
                        @error('unidad_medida_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <label>Almacén Principal <span class="text-danger">*</span></label>
                        <select name="almacen_id" class="form-control @error('almacen_id') is-invalid @enderror" required>
                            <option value="">Seleccionar almacén...</option>
                            @foreach($almacenes as $a)
                                <option value="{{ $a->id }}" {{ old('almacen_id') == $a->id ? 'selected' : '' }}>
                                    {{ $a->nombre }}
                                </option>
                            @endforeach
                        </select>
                        @error('almacen_id')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>

                <div class="col-md-3">
                    <div class="form-group">
                        <label>Stock Mínimo <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <input type="number" name="stock_minimo"
                                class="form-control @error('stock_minimo') is-invalid @enderror"
                                value="{{ old('stock_minimo', 0) }}"
                                step="0.001" min="0" required>
                            @error('stock_minimo')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Stock Máximo</label>
                        <input type="number" name="stock_maximo"
                            class="form-control @error('stock_maximo') is-invalid @enderror"
                            value="{{ old('stock_maximo') }}"
                            step="0.001" min="0"
                            placeholder="Opcional">
                        @error('stock_maximo')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Precio Unitario (S/.) <span class="text-danger">*</span></label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text">S/.</span>
                            </div>
                            <input type="number" name="precio_unitario"
                                class="form-control @error('precio_unitario') is-invalid @enderror"
                                value="{{ old('precio_unitario', 0) }}"
                                step="0.0001" min="0" required>
                            @error('precio_unitario')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Días de Vencimiento</label>
                        <input type="number" name="dias_vencimiento"
                            class="form-control"
                            value="{{ old('dias_vencimiento') }}"
                            min="1"
                            placeholder="Dejar vacío si no vence">
                        <small class="text-muted">Dejar vacío si el producto no tiene fecha de vencimiento</small>
                    </div>
                </div>

                <div class="col-md-12">
                    <div class="form-group">
                        <label>Descripción</label>
                        <textarea name="descripcion" class="form-control" rows="2"
                            placeholder="Descripción opcional del producto...">{{ old('descripcion') }}</textarea>
                    </div>
                </div>

                <div class="col-md-4">
                    <div class="form-group">
                        <div class="custom-control custom-switch mt-2">
                            <input type="checkbox" class="custom-control-input" id="requiere_lote"
                                name="requiere_lote" value="1"
                                {{ old('requiere_lote', 1) ? 'checked' : '' }}>
                            <label class="custom-control-label" for="requiere_lote">
                                Requiere control por lote
                            </label>
                        </div>
                        <small class="text-muted">Active si el producto necesita trazabilidad por número de lote y fecha de vencimiento</small>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="form-group">
                        <div class="custom-control custom-switch mt-2">
                            <input type="checkbox" class="custom-control-input" id="es_epp"
                                name="es_epp" value="1"
                                {{ old('es_epp') ? 'checked' : '' }}>
                            <label class="custom-control-label" for="es_epp">
                                <i class="fas fa-hard-hat text-warning mr-1"></i>Es Equipo de Protección Personal (EPP)
                            </label>
                        </div>
                        <small class="text-muted">Activa para que RRHH pueda seleccionarlo al registrar entregas de EPP.</small>
                    </div>
                </div>
            </div>

            <hr>
            <button type="submit" class="btn btn-primary">
                <i class="fas fa-save mr-1"></i>Guardar Producto
            </button>
            <a href="{{ route('logistica.productos.index') }}" class="btn btn-secondary ml-2">
                <i class="fas fa-times mr-1"></i>Cancelar
            </a>
        </form>
    </div>
</div>

@endsection