@extends('adminlte::page')

@section('title', 'Formulario')

@section('content_header')
<h1>Administrador Study Abroad</h1>
@stop
@section('content')
    <div class="container">
        <h1>Editar Menú</h1>
        <form action="{{ route('menu.update', $menu) }}" method="POST" enctype="multipart/form-data">
            @csrf
            @method('PUT')
            @include('admin.partials.translatable-input', ['label' => 'Título', 'name' => 'title', 'model' => $menu])
            <div class="form-group">
                <label>Link</label>
                <input type="text" name="link" class="form-control" value="{{ $menu->link }}">
            </div>
            <div class="form-group">
                <label for="parent_id">Menú padre (opcional)</label>
                <select name="parent_id" id="parent_id" class="form-control select2">
                    <option value="">Sin padre</option>
                    @foreach($parents as $parent)
                        <option value="{{ $parent->id }}" {{ $menu->parent_id == $parent->id ? 'selected' : '' }}>
                            {{ $parent->title }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="form-group">
                <input class="form-check-input" type="checkbox" id="is_active" name="is_active" value="1" {{ $menu->is_active ? 'checked' : '' }}>
                <label>Activo</label>
            </div>
            <button type="submit" class="btn btn-primary">Actualizar</button>
        </form>
    </div>
@endsection
@section('css')
<style>
    /* Opcional: estilo personalizado */
    .custom-input {
        width: 150px;
        height: 30px;
    }
</style>
@stop