@extends('admin.layouts.layout')
@section('content')
    <div class="row match-height">
        <div class="col-md-12 col-12">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title text-primary">Cadastrando Menu</h4>
                    <p class="text-muted">Como você não vai alterar um menu de forma gratuita, por isso não fizemos opção
                        para editar todos os itens de um menu.
                        Você só pode alterar as ordens. Você pode criar menus ilimitados (com menu suspenso) e excluir menus
                        quando necessário.
                        Você pode selecionar uma categoria ou página como um item de menu ou pode configurar outro menu com
                        um link personalizado.
                        Caso você cadastre um menu e ficou errado, o mesmo deve ser excluído e cadastrado novamente!</p>
                    <a class="btn btn-outline-primary btn-block d-grid gap-2" type="button" href="{{ route('menus.index') }}"
                        role="button">Ver todos</a>
                </div>
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('menus.store') }}" method="POST" class="form-horizontal">
                            @csrf
                            <div class="box box-info">

                                <div class="row">
                                    <div class="form-group col-md-2">
                                        <label class="col-form-label">Tipo</label>
                                        <select name="tipo" class="form-control @error('tipo') is-invalid @enderror"
                                            value="{{ old('tipo') }}">
                                            <option value="">Selecione</option>
                                            <option value="0">Menu</option>
                                            <option value="1">SubMenu</option>
                                        </select>
                                    </div>
                                    <div class="form-group col-md-10">
                                        <label class="col-form-label">Nome<span>*</span></label>
                                        <input type="text" name="nome" value="{{ old('nome') }}"
                                            class="form-control @error('nome') is-invalid @enderror">
                                    </div>

                                    <div class="form-group col-md-2">
                                        <label class="col-form-label">Ordem<span>*</span></label>
                                        <input type="text" name="ordem" value="{{ old('ordem') }}"
                                            class="form-control @error('ordem') is-invalid @enderror">
                                    </div>
                                    <div class="form-group col-md-10">
                                        <label class="col-form-label">Url<span>*</span></label>
                                        <input type="text" name="url" value="{{ old('url') }}"
                                            class="form-control @error('url') is-invalid @enderror">
                                    </div>
                                </div>

                                <div class="form-group">
                                    <button type="submit" class="btn btn-outline-success btn-sm btn-block"
                                        name="form1">Gravar</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection
