@extends('layouts.app')

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

@section('contenido')


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


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



<form method="POST" action="{{ route('locales.store') }}"
      class="bg-white rounded-2xl border p-6 space-y-4">


@csrf



<div>

<label class="text-sm">
Código
</label>

<input 
name="codigo"
class="w-full rounded-xl border px-3 py-2"
placeholder="LOC001">

</div>



<div>

<label class="text-sm">
Nombre
</label>

<input 
name="nombre"
class="w-full rounded-xl border px-3 py-2"
placeholder="Botica Principal">

</div>



<div>

<label class="text-sm">
Dirección
</label>

<input 
name="direccion"
class="w-full rounded-xl border px-3 py-2">

</div>



<div>

<label class="text-sm">
Teléfono
</label>

<input 
name="telefono"
class="w-full rounded-xl border px-3 py-2">

</div>




<button
class="w-full bg-brand-600 text-white py-3 rounded-xl font-bold">

Guardar Local

</button>


</form>


</div>


@endsection