@extends('adminlte::page')

@section('title_postfix', ' - Menu Homepage')

@section('content_header')
    <h1 style="display: inline-block;">Menu Homepage</h1>
    <a href="{{ config('app.url') }}/home_menu/create" class="btn btn-success" style="float: right;"><i class="fa fa-plus"></i>&nbsp;Novo Menu</a>
@stop

@section('content')

    <div class="box box-primary" style="margin-top: 2em">
        <div class="box-header">
            <!--<h3 class="box-title">Lista de Menus</h3>-->
        </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>Posição</th><th>Colecção</th><th>Tipo</th><th>Ordem</th><th>Estado</th><th>Sexo</th><th>Data</th><th></th>
                </tr>
                </thead>
                <tbody>
                @foreach($leftmenus as $leftmenu)
                    <tr>
                        <td>{{ $leftmenu->id }}</td>
                        <td>{{ $leftmenu->name }}</td>
                         <td>{{ $leftmenu->position }}</td>
                        <td>{{ $leftmenu->coleccao }}</td>
                        <td>{{ $leftmenu->tipo }}</td>
                           <td>{{ $leftmenu->ordem }}</td>
                            <td class="text-left">{!! $leftmenu->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>{{ $leftmenu->sexo }}</td>
                       <td >{{ $leftmenu->created_at }}</td>
                        <td>
                        <a href="{{ config('app.url') }}/home_menu/edit/{{ $leftmenu->id }}" class="btn btn-primary"><i class="fa fa-edit"></i>&nbsp;Editar</a>
                        <a href="{{ config('app.url') }}/home_menu/del/{{ $leftmenu->id }}" class="btn btn-danger"><i class="fa fa-trash"></i>&nbsp;Apagar</a>  
                     </td>
                    </tr>
                @endforeach
             
                
                </tbody>
            </table>
            <br>
            <table id="table2" class="table table-striped table-bordered" style="width:100%">
                <thead>
                <tr>
                   <th>ID</th><th>Texto</th><th>Posição</th><th>Colecção</th><th>Tipo</th><th>Ordem</th><th>Estado</th><th>Sexo</th><th>Data</th><th></th>
                </tr>
                </thead>
                <tbody>
               @foreach($rightmenus as $rightmenu)
                    <tr>
                        <td>{{ $rightmenu->id }}</td>
                        <td>{{ $rightmenu->name }}</td>
                          <td>{{ $rightmenu->position }}</td>
                        <td>{{ $rightmenu->coleccao }}</td>
                        <td>{{ $rightmenu->tipo }}</td>
                           <td>{{ $rightmenu->ordem }}</td>
                            <td class="text-left">{!! $rightmenu->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>{{ $rightmenu->sexo }}</td>
                                 
                     
                        <td >{{ $rightmenu->created_at }}</td>
                        <td>
                        <a href="{{ config('app.url') }}/home_menu/edit/{{ $rightmenu->id }}" class="btn btn-primary"><i class="fa fa-edit"></i>&nbsp;Editar</a>
                        <a href="{{ config('app.url') }}/home_menu/del/{{ $rightmenu->id }}" class="btn 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,#table2').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