@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 Sub Usuários</h3>
            
            <form action="{{ route(getenv("THEME") . '.subusuarios.search') }}" method="POST" class="navbar-search navbar-search-light form-inline mr-sm-3" 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('subusuarios.create')

                <a class="btn bg-{{ session('template')->nome }} float-right" href="{{route(getenv("THEME") . '.subusuarios.create')}}">Novo Sub Usuário</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>

                <tabela-lista

                    v-bind:titulos="['id', 'Nome','Email','Cliente']"
                    v-bind:itens="{{$users}}"  
                    token="{{ csrf_token() }}" 
                    ativar = '../subusuarios/active/'
                    impersonate = '../impersonate/user/'
                    funcoes = '../usuarios/role/'
                    editar = '../subusuarios/edit/'
                    deletar = '../subusuarios/delete/'
                    desativar_2fa = './subusuarios/desativar_2fa/'

                ></tabela-lista>

            </div>
        
        @else
        
            <div class="card-body">

                <tabela-lista

                    v-bind:titulos="['id', 'Nome','Email','Cliente']"
                    v-bind:itens="{{$users}}"  
                    token="{{ csrf_token() }}" 
                    ativar = './subusuarios/active/'
                    impersonate = './impersonate/user/'
                    funcoes = './usuarios/role/'
                    editar = './subusuarios/edit/'
                    deletar = './subusuarios/delete/'
                    desativar_2fa = './subusuarios/desativar_2fa/'

                ></tabela-lista>

                {{-- <div class="table-responsive">

                    <table class="table align-items-center table-flush">

                        <thead class="thead-light">

                            <tr>

                                <th scope="col" class="sort" >Id</th>
                                <th scope="col" class="sort" >Nome</th>
                                <th scope="col" class="sort" >Email</th>
                                <th scope="col" class="sort" >Cliente</th>
                                <th scope="col" class="sort" >Ações</th>

                            </tr>

                        </thead>

                        <tbody class="list">

                            @foreach($users as $user)
                            
                                <tr class='alert alert-{{$user->ativo == "N" ? "danger" : ""}}'>

                                    <td>{{ $user->id }}</td>
                                    <td>{{ $user->name }}</td>
                                    <td>{{ $user->email }}</td>
                                    <td>{{ $user->referencia()->name }} - (# {{ $user->referencia()->id }})</td>

                                    <td>

                                        @if($user->ativo == "N")

                                            @can('subusuarios.delete')

                                                <a class="btn btn-warning btn-sm" href="{{route(getenv("THEME") . '.subusuarios.active', $user->id)}}" title="Ativar"><i class="fas fa-plus"></i></a>

                                            @endcan

                                        @else

                                        @can('impersonate')

                                            <a class="btn btn-success btn-sm" href="{{route(getenv("THEME") . '.impersonate', $user->id)}}" title="Impersonate"><i class="fas fa-external-link-alt"></i></a>

                                        @endcan

                                        @if($user->role_id != 1)
                                        
                                            @can('userRole.index')

                                                <a class="btn btn-info btn-sm" href="{{route(getenv("THEME") . '.userRole.index', $user->id)}}" title="Funções"><i class="fas fa-tags"></i></a>

                                            @endcan

                                        @endif

                                            @can('subusuarios.edit')

                                                <a class="btn btn-primary btn-sm" href="{{route(getenv("THEME") . '.subusuarios.edit', $user->id)}}" title="Editar"><i class="fas fa-edit"></i></a>

                                            @endcan

                                            @can('subusuarios.delete')

                                                <a onclick="return confirm('Tem certeza que deseja excluir')" class="btn btn-danger btn-sm" href="{{route(getenv("THEME") . '.subusuarios.delete', $user->id)}}" title="Deletar"><i class="fas fa-trash-alt"></i></a>

                                            @endcan

                                        @endif

                                    </td>

                                </tr>

                            @endforeach

                        </tbody>

                    </table>

                </div> --}}

            </div>

        @endif
    </div>
</div>

@endsection