@extends('adminlte::page')

@section('title', 'Formulario')

@section('content_header')
<h1>Administrador Study Abroad</h1>
@stop
@section('content')
    <div class="container">
        <h1>Crear Menú</h1>
        <form action="{{ route('menu.store') }}" method="POST" enctype="multipart/form-data">
            @csrf
            @include('admin.partials.translatable-input', ['label' => 'Título', 'name' => 'title'])
            <div class="form-group">
                <label>Link</label>
                <input type="text" name="link" class="form-control">
            </div>
            <div class="form-group">
                <label>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 }}">{{ $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" checked>
                <label>Activo</label>
            </div>
            <button type="submit" class="btn btn-success">Crear</button>
        </form>
    </div>

@endsection
@section('css')
<style>
    /* Opcional: estilo personalizado */
    .custom-input {
        width: 150px;
        height: 30px;
    }
</style>
@stop