@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">Menus</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.create') }}"
                        role="button">Novo Menu</a>
                </div>
                <div class="card">
                    <div class="card-body">

                        <!-- Table -->
                        <div class="table-responsive">
                            <table class="table table-sm table-hover">
                                <thead>
                                    <tr>
                                        <th scope="col">Código</th>
                                        <th scope="col">Tipo</th>
                                        <th scope="col">Nome</th>
                                        <th scope="col">Ordem</th>
                                        <th scope="col">Url</th>
                                        <th scope="col">Ações</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach ($menus as $menu)
                                        <tr>
                                            <td scope="row">{{ $menu->id }}</td>
                                            <td scope="row">{{ $menu->menu_tipo }}</td>
                                            <td scope="row">{{ $menu->menu_nome }}</td>
                                            <td scope="row">{{ $menu->menu_ordem }}</td>
                                            <td scope="row">{{ $menu->menu_url }}</td>

                                            <td>
                                                <!--a href="{{ route('menus.edit', ['menu' => $menu->id]) }}" class="btn btn-sm btn-outline-warning">Editar</a-->

                                                <form class="d-inline" method="POST"
                                                    action="{{ route('menus.destroy', ['menu' => $menu->id]) }}"
                                                    onSubmit="return confirm('Tem certeza que deseja excluir?')">
                                                    @method('DELETE')
                                                    @csrf
                                                    <button class="btn btn-sm btn-outline-danger">Exluir</button>
                                                </form>
                                            </td>
                                        </tr>
                                    @endforeach

                                </tbody>
                            </table>
                        </div>
                        {{ $menus->links('pagination::bootstrap-4') }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection