@extends('layouts.app')

@php $editar = $articulo->exists; $sim = auth()->user()->empresa?->simbolo ?? 'S/'; @endphp

@section('titulo', $editar ? 'Editar artículo' : 'Nuevo artículo')
@section('subtitulo', $editar ? $articulo->nombre : 'Registra un activo, material o consumible')

@section('contenido')
<div class="max-w-2xl">
    <a href="{{ route('inventario.index') }}" class="inline-flex items-center gap-1.5 text-sm text-slate-500 hover:text-brand-600 mb-4">
        <svg class="h-4 w-4" fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M15 19l-7-7 7-7"/></svg>
        Volver al inventario
    </a>

    @if ($errors->any())
        <div class="mb-5 rounded-xl bg-red-50 border border-red-100 px-4 py-3 text-sm text-red-600">
            <ul class="list-disc list-inside space-y-1">@foreach ($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul>
        </div>
    @endif

    @php $in = 'w-full rounded-xl border border-slate-200 bg-slate-50 px-4 py-2.5 text-sm outline-none focus:border-brand-400 focus:ring-4 focus:ring-brand-100 transition'; @endphp

    <form method="POST" action="{{ $editar ? route('inventario.update', $articulo) : route('inventario.store') }}"
          class="bg-white rounded-2xl shadow-sm shadow-slate-200/60 p-6 sm:p-8 space-y-4">
        @csrf
        @if ($editar) @method('PUT') @endif

        <div>
            <label class="block text-sm font-medium text-slate-700 mb-1.5">Nombre <span class="text-red-500">*</span></label>
            <input type="text" name="nombre" value="{{ old('nombre', $articulo->nombre) }}" required class="{{ $in }}">
        </div>

        <div class="grid sm:grid-cols-2 gap-4">
            <div>
                <label class="block text-sm font-medium text-slate-700 mb-1.5">Código</label>
                <input type="text" name="codigo" value="{{ old('codigo', $articulo->codigo) }}" placeholder="Automático si vacío" class="{{ $in }}">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700 mb-1.5">Categoría</label>
                <input type="text" name="categoria" value="{{ old('categoria', $articulo->categoria) }}" placeholder="Ej: Mobiliario, Papelería" class="{{ $in }}">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700 mb-1.5">Tipo <span class="text-red-500">*</span></label>
                <select name="tipo" required class="{{ $in }} capitalize">
                    @foreach (['activo' => 'Activo fijo', 'material' => 'Material', 'consumible' => 'Consumible'] as $v => $l)
                        <option value="{{ $v }}" @selected(old('tipo', $articulo->tipo) == $v)>{{ $l }}</option>
                    @endforeach
                </select>
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700 mb-1.5">Unidad <span class="text-red-500">*</span></label>
                <select name="unidad" required class="{{ $in }} capitalize">
                    @foreach (\App\Models\Articulo::UNIDADES as $u)
                        <option value="{{ $u }}" @selected(old('unidad', $articulo->unidad) == $u)>{{ ucfirst($u) }}</option>
                    @endforeach
                </select>
            </div>
            @unless ($editar)
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-1.5">Stock inicial</label>
                    <input type="number" min="0" name="stock" value="{{ old('stock', 0) }}" class="{{ $in }}">
                </div>
            @endunless
            <div>
                <label class="block text-sm font-medium text-slate-700 mb-1.5">Stock mínimo</label>
                <input type="number" min="0" name="stock_minimo" value="{{ old('stock_minimo', $articulo->stock_minimo ?? 0) }}" class="{{ $in }}">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700 mb-1.5">Costo unitario ({{ $sim }})</label>
                <input type="number" step="0.01" min="0" name="costo" value="{{ old('costo', $articulo->costo ?? 0) }}" class="{{ $in }}">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700 mb-1.5">Ubicación</label>
                <input type="text" name="ubicacion" value="{{ old('ubicacion', $articulo->ubicacion) }}" placeholder="Almacén / estante" class="{{ $in }}">
            </div>
            <div>
                <label class="block text-sm font-medium text-slate-700 mb-1.5">Estado <span class="text-red-500">*</span></label>
                <select name="estado" required class="{{ $in }}">
                    @foreach (['activo' => 'Activo', 'baja' => 'De baja'] as $v => $l)
                        <option value="{{ $v }}" @selected(old('estado', $articulo->estado) == $v)>{{ $l }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        @if ($editar)
            <p class="text-xs text-slate-400">El stock se modifica desde la ficha del artículo mediante movimientos de entrada, salida o ajuste.</p>
        @endif

        <div class="flex items-center justify-end gap-3 pt-4 border-t border-slate-100">
            <a href="{{ route('inventario.index') }}" class="px-5 py-2.5 rounded-xl text-slate-600 font-medium hover:bg-slate-100 transition">Cancelar</a>
            <button type="submit" class="px-6 py-2.5 rounded-xl bg-brand-500 hover:bg-brand-600 text-white font-semibold shadow-lg shadow-brand-500/30 transition">
                {{ $editar ? 'Guardar cambios' : 'Registrar artículo' }}
            </button>
        </div>
    </form>
</div>
@endsection