@extends('layouts.simple.master')

@section('main_content')
<div class="container">
    <h4>Editar Tabla Auxiliar</h4>
    <form action="{{ route('operations.basic.TablasAuxiliares.update', $tabla->id) }}" method="POST">
        @csrf
        @method('PUT')
        <div class="mb-3">
            <label for="categoria" class="form-label">Categoría</label>
            <select name="categoria" id="categoria" class="form-control" required>
                <option value="">Seleccione una categoría</option>
                @foreach($categorias as $categoria)
                    <option value="{{ $categoria }}" {{ $categoria == $tabla->categoria ? 'selected' : '' }}>
                        {{ $categoria }}
                    </option>
                @endforeach
            </select>
        </div>
        <div class="mb-3">
            <label for="codigo" class="form-label">Código</label>
            <input type="text" class="form-control" id="codigo" name="codigo" value="{{ $tabla->codigo }}">
        </div>
        <div class="mb-3">
            <label for="descripcion" class="form-label">Descripción</label>
            <textarea class="form-control" id="descripcion" name="descripcion">{{ $tabla->descripcion }}</textarea>
        </div>
        <div class="mb-3">
            <label for="color" class="form-label">Color</label>
            <input type="color" class="form-control" id="color" name="color" value="{{ $tabla->color }}">
        </div>
        <button type="submit" class="btn btn-success">Guardar</button>
        <a href="{{ route('operations.basic.TablasAuxiliares.index') }}" class="btn btn-secondary">Cancelar</a>
    </form>
</div>
@endsection