@extends('layouts.app')

@section('titulo','Editar Almacén')

@section('contenido')

<div class="max-w-xl mx-auto">

    <h1 class="text-2xl font-bold mb-6 text-slate-800">
        Editar Almacén
    </h1>

    <form method="POST"
          action="{{ route('almacenes.update', $almacen) }}"
          class="bg-white rounded-2xl border border-slate-200 shadow-sm p-6 space-y-4">

        @csrf
        @method('PUT')

        <div>
            <label class="text-sm font-medium text-slate-700">
                Local
            </label>

            <select
                name="local_id"
                class="w-full rounded-xl border border-slate-300 px-3 py-2 mt-1"
                required>

                @foreach($locales as $local)

                    <option value="{{ $local->id }}"
                        {{ $almacen->local_id == $local->id ? 'selected':'' }}>

                        {{ $local->nombre }}

                    </option>

                @endforeach

            </select>
        </div>

        <div>
            <label class="text-sm font-medium text-slate-700">
                Nombre
            </label>

            <input
                type="text"
                name="nombre"
                value="{{ old('nombre', $almacen->nombre) }}"
                class="w-full rounded-xl border border-slate-300 px-3 py-2 mt-1"
                required>
        </div>

        <div>
            <label class="text-sm font-medium text-slate-700">
                Tipo
            </label>

            <select
                name="tipo"
                class="w-full rounded-xl border border-slate-300 px-3 py-2 mt-1"
                required>

                <option value="venta"
                    {{ $almacen->tipo == 'venta' ? 'selected':'' }}>
                    Venta
                </option>

                <option value="reserva"
                    {{ $almacen->tipo == 'reserva' ? 'selected':'' }}>
                    Reserva
                </option>

                <option value="devoluciones"
                    {{ $almacen->tipo == 'devoluciones' ? 'selected':'' }}>
                    Devoluciones
                </option>

                <option value="vencidos"
                    {{ $almacen->tipo == 'vencidos' ? 'selected':'' }}>
                    Vencidos
                </option>

            </select>
        </div>

        <div>
            <label class="text-sm font-medium text-slate-700">
                Estado
            </label>

            <select
                name="estado"
                class="w-full rounded-xl border border-slate-300 px-3 py-2 mt-1">

                <option value="1"
                    {{ $almacen->estado ? 'selected':'' }}>
                    Activo
                </option>

                <option value="0"
                    {{ !$almacen->estado ? 'selected':'' }}>
                    Inactivo
                </option>

            </select>
        </div>

        <div class="flex gap-3 pt-4">

            <a href="{{ route('almacenes.index') }}"
               class="flex-1 text-center bg-slate-100 text-slate-700 py-3 rounded-xl font-semibold">
                Cancelar
            </a>

            <button
                class="flex-1 bg-brand-600 text-white py-3 rounded-xl font-bold hover:bg-brand-700">
                Actualizar Almacén
            </button>

        </div>

    </form>

</div>
@endsection