@extends('layouts.app')
@section('content')
   <div class="container">
      <div class="card">
         <div class="card-header">
            <h2>Nuevo registro</h2>
         </div>
         <div class="card-body">
            <form action="{{ route('categorias.store') }}" method="POST">
               @csrf
               <div class="mb-3">
                  <label for="nombre" class="form-label">Nombre de la catgoría</label>
                  <input type="text" name="nombre" id="nombre" class="form-control" value="{{ old('nombre') }}"
                     required>
                  @error('nombre')
                     <div class="text-danger">{{ $message }}</div>
                  @enderror
               </div>
               <div class="mb-3">
                  <label for="activo" class="form-label">Activo</label>
                  <select name="activo" id="activo" class="form-select" required>
                     <option value="0" {{ old('activo') == 0 ? 'selected' : '' }}>No</option>
                     <option value="1" {{ old('activo', 1) == 1 ? 'selected' : '' }}>Sí</option>
                  </select>
                  @error('activo')
                     <div class="text-danger">{{ $message }}</div>
                  @enderror
               </div>
               <div class="mb-3">
                  <label for="orden" class="form-label">Orden</label>
                  <input type="number" name="orden" id="orden" class="form-control" value="{{ old('orden', 0) }}"
                     min="0" required>
                  @error('orden')
                     <div class="text-danger">{{ $message }}</div>
                  @enderror
               </div>
               <button type="submit" class="btn btn-success">Guardar</button>
               <a href="{{ route('categorias.index') }}" class="btn btn-secondary">Cancelar</a>
            </form>
         </div>
      @endsection