@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 Sub Usuários</h3>
            
            <form action="{{ route('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('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/'
        ></tabela-lista>
        </div>
        {{-- @endif --}}
        
        @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/'
            ></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('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('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('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('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('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