@extends('layouts.app')

@section('titulo','Editar Local')

@section('contenido')

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

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


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

        @csrf
        @method('PUT')


        {{-- Código --}}
        <div>

            <label class="text-sm font-medium text-slate-700">
                Código
            </label>

            <input 
                type="text"
                name="codigo"
                value="{{ old('codigo',$local->codigo) }}"
                class="w-full rounded-xl border border-slate-300 px-3 py-2 mt-1 focus:border-brand-500 focus:ring-brand-500"
                placeholder="LOC001">

            @error('codigo')
                <p class="text-red-500 text-xs mt-1">
                    {{ $message }}
                </p>
            @enderror

        </div>



        {{-- Nombre --}}
        <div>

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

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


            @error('nombre')
                <p class="text-red-500 text-xs mt-1">
                    {{ $message }}
                </p>
            @enderror

        </div>



        {{-- Dirección --}}
        <div>

            <label class="text-sm font-medium text-slate-700">
                Dirección
            </label>


            <input 
                type="text"
                name="direccion"
                value="{{ old('direccion',$local->direccion) }}"
                class="w-full rounded-xl border border-slate-300 px-3 py-2 mt-1"
                placeholder="Av. Principal 123">


        </div>



        {{-- Teléfono --}}
        <div>

            <label class="text-sm font-medium text-slate-700">
                Teléfono
            </label>


            <input 
                type="text"
                name="telefono"
                value="{{ old('telefono',$local->telefono) }}"
                class="w-full rounded-xl border border-slate-300 px-3 py-2 mt-1"
                placeholder="999999999">


        </div>



        {{-- Estado --}}
        <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"
                    {{ $local->estado == 1 ? 'selected':'' }}>
                    Activo
                </option>


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


            </select>

        </div>




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


            <a href="{{ route('locales.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 Local

            </button>


        </div>


    </form>


</div>


@endsection