@extends('layout.padrao')
@section('title', 'List - Users')

@section('content')

<div class="col col-lg-12 col-sm-12 col-md-12 folha-interna folha-branca-contornada rounded shadow p-3 mb-5">
    <h5>Search For:</h5>

        <form class="form-inline2 w-100 search-listas-int2" id="formPesquisa" style="margin-top: 25px; display: block; z-index: 9" method="GET" action="{{ route('listarUsuario','usuarios') }}">

                <div class="col col-lg-12 col-sm-12 col-md-12">

                   
                    <div class="col col-lg-10 form-group ">
                        <label for="from" style="margin-right: 5px !important; font-weight: normal;">Search For:</label>
                        <input class="form-control " style='margin-right: 15px;' type="search"
                            placeholder="Search by: Shipper Ref., Fantasy Name, User Name, Booking Number, BL Number, Product, Cargoo Reference, SAOE or Vessel  "
                            name="usuarios">
                    </div>
                    <div class="col col-lg-1 form-group ">
                        <input type="checkbox" class="checkbox-form" id="status" name="status" value='Inativo'  {{(isset($_GET['status']) && $_GET['status'] == 'Inativo'  ? 'checked' : '')}}>
                        <label for="status" class="checkbox-form" style="margin-right: 5px !important; font-weight: normal;">Inativo:</label>

                    </div>
                   
                    <div class="col col-lg-12 form-group" style="text-align: right; ">
                        <button class="btn btn-primary " type="submit">Search</button>
                    </div>
        
                </div>
        </form>

    
    </div>

@include('include.filtro_result')
   
    <div class="wrapper">
        <div class="table-responsive" style="overflow:clip; height:950px">
            <div id="toolbar">
                @if(Auth::user()->checkCharacteristics(['1','2']))
                    <!--Botão Novo-->
                    @can('create', App\Usuario::class)
                        @include('include.btn_adicionar',["btn" => "usuarios"])
                    @endcan 
                @endif           
            </div>
            <table class="table-striped text-center" id="table"
          data-toggle="table"
          data-search="true"
          data-detail-formatter="detailFormatter"
          data-show-footer="true"
          data-show-refresh="true"
          data-click-to-select="true"
          data-show-fullscreen="true"
          data-toolbar="#toolbar"
          data-show-toggle="true"
          data-show-export="true"
          data-export-data-type="all"
          data-query-params="queryParams"
          data-url="/usuarios/json"
          data-show-columns="true" >
            <thead>
                <tr class="trSuperBlue">
                    @can('checkUserCharacteristic', [App\Usuario::class, ['1', '2', '3', '4']])
                        <th data-field="id" data-formatter="operateFormatter"></th>
                    @endcan
                    <th class="text-center" data-field="nome" data-sortable="true">User Name</th>
                    <th class="text-center" data-field="email" data-sortable="true">Email</th>
                    <th class="text-center" data-field="login" data-sortable="true">Login</th>
                    <th class="text-center" data-field="clients_is" data-sortable="true">Company </th>
                    <th class="text-center" data-field="type" data-sortable="true">Type </th>
                    <th class="text-center" data-field="status" data-sortable="true">Status</th>
                </tr>
            </thead>
            {{-- <tbody>
                @foreach($usuarios as $usuario)
                    <tr>
                        <td>
                            @can('update', App\Usuario::class)
                            @endcan
                            @can('create', App\Usuario::class)
                            @endcan
                            @can('delete', App\Usuario::class)
                                
                            @endcan
                        </td>
                        <td>{{ $usuario->nome }}</td>
                        <td>{{ $usuario->email }}</td>
                        <td>{{ $usuario->login }}</td>
                        <td>{{ $usuario->clients->fantasyName ?? $usuario->clients->name ?? ''}}</td>
                        <td>{{ $usuario->checkCharacteristics(['1', '2']) ? 'INTERNO' : $usuario->type }}</td>
                        <td>
                            @if (isset($usuario->status)&&$usuario->status  == "Ativo")
                            <i class="fas fa-check" style="color:green"></i>
                            @else
                            <i class="fas fa-times-circle" style="color:red"></i>
                            @endif

                        </td>

                    </tr>

                @endforeach
            </tbody> --}}
        </table>
  
    </div>

    <script>
        var $table = $('#table')
        var $button = $('#button')
      

        $(function() {
            $table.bootstrapTable({
                            cache: false,
                            height: 1000,
                            striped: true,
                            pagination: false,
                           
            });

        })
        function operateFormatter(value, row, index) {
            var Buttons = '';
            var OtherButton = '';

            @if(Auth::user()->checkCharacteristics(['1','2']))
                var Buttons = '<a class="icone-padding" href="/usuarios/registrar/?userClone='+value+'" data-toggle="tooltip" data-placement="top" title="Clone"><i class="fa fa-clone"></i></a>' +
                '<a class="icone-padding" href="/accesslog/?user='+value+'" data-toggle="tooltip" data-placement="top" title="Access log"><i class="fas fa-user-clock"></i></a>' +
                '<a class="icone-padding"  data-toggle="modal" data-target="#delete" data-catid = "'+value+ '"data-toggle="tooltip" data-placement="top" title="Delete"><i class="fas fa-trash-alt"></i></a>' + 
                '<a class="icone-padding" href="/usuarios/'+value+'/editar" data-toggle="tooltip" data-placement="top" title="Edit"><i class="fas fa-pencil-alt"></i></a>' +
                '<a class="icone-padding" href="/ITlogar/'+value+'" data-toggle="tooltip" data-placement="top" title="IT Login"><i class="fa-solid fa-user-secret"></i></a>';
            @endif
            @if(Auth::user()->checkCharacteristics(['1','2','3','4']))
                var OtherButton = '<a class="icone-padding" href="/usuarios/'+value+'/detalhes" data-toggle="tooltip" data-placement="top" title="Details"><i class="fas fa-info-circle"></i></a>'
            @endif
            
            return [
                Buttons + OtherButton
            ].join('')
        }
        function allMenus(value, row, index) {
            let $menu ='';
            $.each(value, function (key, value) {
                $menu = $menu + ' *' + value['nmMenu'] ;
            })
            console.log($menu  +'menu');

            return [
                $menu
            ].join('')  
        }

        $(document).ajaxComplete(function(event, request, settings) {
            $('[data-toggle="tooltip"]').tooltip();
        });
    </script>
    <!-- Delete Model -->
    @include('bibliotecas.floattheadOverflow')
    @include('include.modal_deletar', ["rota" => "usuarios"])
    @include('bibliotecas.bootstrapExport')



@endSection