@extends('layouts.app')

@section('content')
<div class="container">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card">
                <div class="card-header bg-success text-white">
                    <h5 class="mb-0"><i class="fa fa-plus me-2"></i>Crear Nuevo Inventario</h5>
                </div>
                <div class="card-body">
                    <form action="{{ route('inventarios.store') }}" method="POST">
                        @csrf

                        <div class="mb-3">
                            <label for="producto_id" class="form-label">Producto *</label>
                            <select name="producto_id" id="producto_id" class="form-select @error('producto_id') is-invalid @enderror" required>
                                <option value="">-- Seleccione un producto --</option>
                                @foreach($productos as $producto)
                                    <option value="{{ $producto->id }}" {{ old('producto_id') == $producto->id ? 'selected' : '' }}>
                                        {{ $producto->nombre }} ({{ $producto->categoria->nombre }}) - {{ $producto->unidad_medida }}
                                    </option>
                                @endforeach
                            </select>
                            @error('producto_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                            <small class="text-muted">Solo se muestran productos sin inventario asignado</small>
                        </div>

                        <div class="row">
                            <div class="col-md-6 mb-3">
                                <label for="stock_actual" class="form-label">Stock Actual *</label>
                                <input type="number"
                                       name="stock_actual"
                                       id="stock_actual"
                                       class="form-control @error('stock_actual') is-invalid @enderror"
                                       value="{{ old('stock_actual', 0) }}"

                                       min="0"
                                       required>
                                @error('stock_actual')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">Cantidad inicial en libras o unidades</small>
                            </div>

                            <div class="col-md-6 mb-3">
                                <label for="stock_minimo" class="form-label">Stock Mínimo *</label>
                                <input type="number"
                                       name="stock_minimo"
                                       id="stock_minimo"
                                       class="form-control @error('stock_minimo') is-invalid @enderror"
                                       value="{{ old('stock_minimo', 5) }}"
                                       min="0"
                                       required>
                                @error('stock_minimo')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                                <small class="text-muted">Alerta cuando el stock baje de este nivel</small>
                            </div>
                        </div>

                        <div class="mb-3">
                            <label for="activo" class="form-label">Estado *</label>
                            <select name="activo" id="activo" class="form-select @error('activo') is-invalid @enderror" required>
                                <option value="1" {{ old('activo', 1) == 1 ? 'selected' : '' }}>Activo</option>
                                <option value="0" {{ old('activo') == 0 ? 'selected' : '' }}>Inactivo</option>
                            </select>
                            @error('activo')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="alert alert-info">
                            <i class="fa fa-info-circle me-2"></i>
                            <strong>Nota:</strong> Si el stock actual es mayor a 0, se creará automáticamente un movimiento de entrada inicial.
                        </div>

                        <div class="d-flex justify-content-between">
                            <a href="{{ route('inventarios.index') }}" class="btn btn-secondary">
                                <i class="fa fa-arrow-left me-1"></i>Cancelar
                            </a>
                            <button type="submit" class="btn btn-success">
                                <i class="fa fa-save me-1"></i>Crear Inventario
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            @if($productos->isEmpty())
                <div class="alert alert-warning mt-3">
                    <i class="fa fa-exclamation-triangle me-2"></i>
                    <strong>No hay productos disponibles.</strong> Todos los productos activos ya tienen inventario asignado.
                </div>
            @endif
        </div>
    </div>
</div>
@endsection