@extends(getenv("THEME") . ".layouts.argo")

@section("content")

    <div class="col">

        <div class="card">

            <div class="card-header border-0 flex-row">

                <h3 class="float-left">Lista de Clientes</h3>
                
                <form action="{{ route(getenv("THEME") . ".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 btn-{{ session("template")->nome }} float-right" href="{{route(getenv("THEME") . ".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