@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
                {{-- <input type="hidden" id="grupo" name="grupo" value="">
                <div class="form-group mb-0 form-inline justify-content-around mr-4">
                    <div class="flex-row align-items-center p-2">
                        <input type="radio" class="" name="filter" value="name">
                        <label for="filter"> Nome</label>
                    </div>
                    <div class="flex-row align-items-center p-2">
                        <input type="radio" class="" name="filter" value="email">
                        <label for="filter"> Email</label>
                    </div>
                    <div class="flex-row align-items-center p-2">
                        <input type="radio" class="" name="filter" value="login">
                        <label for="filter">Login</label>
                    </div>
                </div> --}}

                <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>
        @endif
        
        <div class="card-body">
            <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" >Login</th>
                            <th scope="col" class="sort" >Domínio</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->login }}</td>
                            {{-- <td>{{ $user->configuracoes->smallUrl }}</td> --}}
                            <td>
                                @if($user->ativo == "N")
                                @can('usuarios.delete')
                                <a class="btn btn-warning btn-sm" href="{{route('usuarios.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('usuarios.edit')
                                <a class="btn btn-primary btn-sm" href="{{route('usuarios.edit', $user->id)}}" title="Editar"><i class="fas fa-edit"></i></a>
                                @endcan
                                @can('usuarios.delete')
                                <a onclick="return confirm('Tem certeza que deseja excluir')" class="btn btn-danger btn-sm" href="{{route('usuarios.delete', $user->id)}}" title="Deletar"><i class="fas fa-trash-alt"></i></a>
                                @endcan
                                @if($user->role_id == 2)
                                @can('usuarios.voip')
                                <a class="btn btn-warning btn-sm" href="{{route('usuarios.voip', $user->id)}}" title="Manutenção Voip"><i class="fas fa-phone"></i></a>
                                @endcan
                                @endif
                                
                                <a class="btn btn-secondary btn-sm" href="" data-toggle="modal" data-target="#modalToken{{$user->id}}" title="Hash para API"><i class="fas fa-network-wired"></i></a>                                
                                @endif
                            </td>
                        </tr>
                        
                        {{-- Modal para Token --}}
                        <div class="modal fade" id="modalToken{{$user->id}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
                            <div class="modal-dialog" role="document">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <h5 class="modal-title" id="exampleModalLabel"><b>Token para uso em API</b></h5>
                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                            <span aria-hidden="true">&times;</span>
                                        </button>
                                    </div>
                                    <div class="modal-body" id="conteudo">
                                        <p> Cliente: {{ $user->name }}</p>
                                        <p>{{ $user->token }}</p>
                                    </div>
                                    <div class="modal-footer">
                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Fechar</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection