@extends('adminlte::page')

@section('title_postfix', ' - SubMenu')

@section('content_header')
<h1 style="display: inline-block;"><a href="{{ config('app.url') }}/menu/sub/{{ $avo[0]->id }}">{{ $avo[0]->name }}</a> > {{ $pai[0]->name }}</h1>
   
  &nbsp;&nbsp;  <a href="{{ config('app.url') }}/subsubmenu/create/{{ $avo[0]->id }}/{{ $pai[0]->id }}" class="btn btn-success" style="float: right;"><i class="fa fa-plus"></i>&nbsp;Novo Item</a>&nbsp;
    &nbsp;&nbsp; <a href="{{ config('app.url') }}/menu/sub/{{ $avo[0]->id }}" class="btn btn-danger" style="float: right; margin-right:20px;"><i class="fa fa-back"></i>&nbsp;Voltar</a>&nbsp;
@stop

@section('content')
<style>
    .pink-bg {
    background-color: #db7093;
}

.blue-bg {
    background-color: #3c8dbc;
}

.yellow-bg {
    background-color: orange;
}
.gray-bg {
    background-color: gray;
    color:#fff;
    cursor:not-allowed;
}
.gray-bg:hover {
    background-color: gray;
    color:#fff;
    cursor:not-allowed;
}
</style>
    <div class="box box-primary" style="margin-top: 2em">
        <div class="box-header">
            
        </div>
        <div class="box-body">

            <table id="table" class="table table-striped table-bordered" style="width:100%">
                <thead>
                 <tr>
                    <th>ID</th>
                   <th>Texto</th>
                   <th>Colecção</th>
                   <th>Tipo</th>
                        <th class='text-center'>Ordem</th>
                            <th class='text-center'>Estado</th>
                              <th class='text-center'>Género</th>
                   
                    <!--<th>Data</th>-->
                    <th  class='text-center'>Ações</th>
                </tr>
                </thead>
                <tbody>
                @foreach($submenus as $submenu)
                    <tr>
                                    <tr>
                     <td style='vertical-align:middle;'>{{ $submenu->id }}</td>
                        <td style='vertical-align:middle;'>{{ $submenu->name }}</td>
                        <td style='vertical-align:middle;'>{{ $submenu->coleccao }}</td>
                        <td style='vertical-align:middle;'>{{ $submenu->tipo }}</td>
                           <td class='text-center' style='vertical-align:middle;'>{{ $submenu->ordem }}</td>
                            <td class="text-center" style='vertical-align:middle;'>{!! $submenu->active == 1 ? '<span class="badge rounded-pill bg-success btn-success">Ativo</span>' : '<span class="badge rounded-pill bg-danger btn-danger">Inativo</span>' !!}</td>
                   <td class="text-center" style='vertical-align:middle;'>
    @if ($submenu->sexo === 'W')
        <span class="badge rounded-pill pink-bg">MULHER</span>
    @elseif ($submenu->sexo === 'M')
        <span class="badge rounded-pill blue-bg ">HOMEM</span>
    @elseif ($submenu->sexo === 'U')
        <span class="badge rounded-pill yellow-bg ">TODOS</span>
    @endif
</td>
               
                     
                        <!--<td >{{ $submenu->created_at }}</td>-->
                        <td text-center>
                            
                            <a href="{{ config('app.url') }}/subsubmenu/edit/{{ $submenu->id }}/{{ $avo[0]->id }}/{{ $pai[0]->id }}" class="btn-sm btn-primary"><i class="fa fa-edit"></i>&nbsp;Editar</a>

                            <a href="{{ config('app.url') }}/subsubmenu/del/{{ $submenu->id }}/{{ $avo[0]->id }}/{{ $pai[0]->id }}" class="btn-sm btn-danger"><i class="fa fa-trash"></i>&nbsp;Apagar</a>
                        </td>
                    </tr>
                @endforeach
                </tbody>
            </table>

        </div>
    </div>

@stop

@section('js')
    <script>
        $(document).ready(function() {
            $('#table').DataTable({
                "language": {
                    "lengthMenu": "Mostrar _MENU_ registos por pagina",
                    "zeroRecords": "Nada encontrado - desculpa",
                    "info": "Pagina _PAGE_ de _PAGES_",
                    "infoEmpty": "Nenhum registo disponivel",
                    "infoFiltered": "(filtrado de _MAX_ maximo registos)"
                }
            });
        } );
    </script>
@endsection