@extends('layouts.argo')
@section('content')
<div class="col">    
    <div class="card">
        <div class="card-header border-0">
            <h3 class="float-left">Lista de Categorias</h3>

            <div class="float-right">
                @can('menuAdicional.create')
                <a class="btn bg-{{ session('template')->nome }}" href="{{route('menuCategorias.create')}}">Nova Categoria</a>
                @endcan
            </div>
        </div>
        
        <div class="card-body">
            <p>Aqui é possível trabalhar com as categorias do menu adicional</p>
            <br>
            <table class="table align-items-center table-flush">
                <thead class="thead-light">
                    <tr>
                        <th>Id</th>
                        <th>Nome</th>
                        <th>Itens</th>
                        <th>Ações</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($categorias as $categoria)
                        <tr>
                            <td>{{$categoria->id}}</td>
                            <td>{{$categoria->name}}</td>
                            <td>{{count($categoria->itens)}}</td>
                            <td>
                                @can('menuAdicional.index')
                                    <a href="{{route('menuItems.index', $categoria->id)}}" class="btn btn-success btn-sm left" title="Ver itens"><i class="fas fa-eye"></i></a>
                                @endcan
                                @can('menuAdicional.activate')
                                    <a href="{{route('menuCategorias.inactive',$categoria->id)}}" class="btn btn-warning btn-sm"><i class="fas fa-minus"></i></a>
                                @endcan
                                @can('menuAdicional.edit')
                                    <a href="{{route('menuCategorias.edit', $categoria->id)}}" class="btn btn-primary btn-sm left" title="Editar"><i class="fas fa-edit"></i></a>
                                @endcan
                                @can('menuAdicional.delete')
                                    <form class="left d-inline" action="{{ route('menuCategorias.delete', $categoria->id)}}" method="POST">
                                        {{ csrf_field() }}
                                        @method('DELETE')
                                        <button onclick="return confirm('Tem certeza que deseja excluir')" type="submit" class="btn btn-danger btn-sm" title="Excluir"><i class="fas fa-trash"></i></button>
                                    </form>
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                    @foreach($desativadas as $desativada)
                        <tr class='alert alert-danger'>
                            <td>{{$desativada->id}}</td>
                            <td>{{$desativada->name}}</td>
                            <td>{{count($desativada->itens)}}</td>
                            <td>
                                @can('menuAdicional.activate')
                                    <a href="{{route('menuCategorias.active',$desativada->id)}}" class="btn btn-warning btn-sm"><i class="fas fa-plus"></i></a>
                                @endcan
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection