@extends('layouts.argo')
@section('content')
<div class="col">
    <div class="card">
        <!-- Card header -->
        <div class="card-header border-0 flex-row">
            <h3 class="float-left">Lista de Clientes</h3>
            
            <form action="{{ route('usuarios.search') }}" method="POST" class="navbar-search navbar-search-light form-row mr-sm-3 justify-content-around" id="navbar-search-main">
                @csrf
                <div class="form-group mb-0">
                    
                    <div class="input-group input-group-alternative input-group-merge">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-search"></i></span>
                        </div>
                        <input class="form-control" placeholder="Pesquisar" type="text" name="search">
                    </div>
                </div>       

                <button type="button" class="close" data-action="search-close" data-target="#navbar-search-main" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
            </form>
            
            @can('usuarios.create')
            <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route('usuarios.create')}}">Novo Cliente</a>
            @endcan
        </div>
        
        @if(isset($result))
        <div class="card-body">
            <h3>Resultado:</h3>
            <div class="flex-row">
                <p>Palavra/ ID Pesquisado: <b>{{ $result['pesquisa']}} </b></p>
                <p>Total de Resultados: <b>{{ $result['total'] }}</b> </p>
            </div>
        </div>
        <div class="card-body">
            <tabela-lista
                v-bind:titulos="['id', 'Nome','Email','Login', 'Domínio']"
                v-bind:itens="{{$users}}"  
                token="{{ csrf_token() }}" 
                ativar = '../usuarios/active/'
                impersonate = '../impersonate/user/'
                funcoes = '../usuarios/role/'
                editar = '../usuarios/edit/'
                deletar = '../usuarios/delete/'
                voip = '../usuarios/voip/'
                hash = 'modalToken'
                geratoken = '../usuarios/geraToken/'
            ></tabela-lista>
        </div>
        @else
        
        <div class="card-body">
            <tabela-lista
                v-bind:titulos="['id', 'Nome','Email','Login', 'Domínio']"
                v-bind:itens="{{$users}}"  
                token="{{ csrf_token() }}" 
                ativar = './usuarios/active/'
                impersonate = './impersonate/user/'
                funcoes = './usuarios/role/'
                editar = './usuarios/edit/'
                deletar = './usuarios/delete/'
                voip = './usuarios/voip/'
                hash = 'modalToken'
                geratoken = './usuarios/geraToken/'
            ></tabela-lista>
        </div>
        @endif
    </div>
</div>

@endsection