@extends('template')

@section('content')
    <div class="page-content">
        <div class="container-fluid">
            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light">
                            <div class="portlet-body">
                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="font-blue-madison title"><i class="fa fa-user-secret"></i> Agentes Autorizados(Contrato Pendente)</span>
                                        <hr>
                                    </div>
                                </div>
                                <table class="table table-striped table-hover table-light" id="table-users">
                                    <thead>
                                        <tr class="uppercase bg-blue-madison">
                                            <th class=" font-white">Data de Cadastro</th>
                                            <th class="col-md-2 font-white">Agente</th>
                                            <th class="col-md-2 font-white">Email</th>
                                            <th class="col-md-2 font-white">Tel./Cel.</th>
                                            <th class="col-md-2 font-white">Área de Atuação</th>
                                            <th class="col-md-2 font-white">Contrato Status</th>
                                            <th class="col-md-2 font-white">Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody> 
                                        @foreach($agentes as $agente)                                               
                                            <tr>
                                                <td>{{ $agente->data_cadastro }}</td>
                                                <td>{{ $agente->name }}</td>
                                                <td>{{ $agente->email }}</td>
                                                <td>{{ $agente->phone }} / {{ $agente->mobile }}</td>
                                                <td>{{ $agente->cidade }} - {{ $agente->state_atuation }}</td>
                                                <td>{{ $agente->status_contrato }}</td>


                                                   @if(routeAcess('admin.agentes.editar'))
                                                    <td>
                                                        <a class="btn yellow-casablanca popovers fancybox fancybox.iframe" data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para visualizar mais informações do agente autorizado" href="{{ route('admin.agentes.details', ['id' => $agente->user_id]) }}"  >
                                                            <i class="glyphicon glyphicon-search"></i>
                                                        </a>

                                                        @if($agente->status_contrato!="Pendente de Geração")
                                                            <a class="btn green popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para cancelar e gerar um novo contrato" href="{{ route('admin.agentes.contrato.regerar', ['id' => $agente->user_id]) }}" onclick="load()">
                                                                <i class="fa fa-refresh"></i> 
                                                            </a>
                                                        @endif
                                                   </td>
                                                @endif  
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>                           
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop()

@section('js-admin-user')
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>
<script src="{{ asset('/assets/global/plugins/datatables/datatables.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/fancybox/source/jquery.fancybox.js?v=2.1.5') }}" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{{ asset('/assets/global/plugins/fancybox/source/jquery.fancybox.css?v=2.1.5') }}" media="screen" />
<script type="text/javascript">
    $(document).ready( function() { 

        /**
         * Tabela padrão, com paginação, busca registros por página 
         */
        $('#table-users').DataTable({
            "aoColumnDefs": [
              {'bSortable': false, 'aTargets': ["no-sort"]}
            ],
            "iDisplayLength": 15,
            "language": {
                "lengthMenu": "Exibir _MENU_",
                "zeroRecords": "Nenhum registro",
                "info": "Exibindo página(s) _PAGE_ de _PAGES_",
                "infoEmpty": "Não há registros disponíveis",
                "search" : "Pesquisar ",
                "paginate": {
                    "first":    "Primeiro",
                    "previous": "Anterior",
                    "next":     "Próximo",
                    "last":     "Último"
                }
            }
        });
    });
    function load(){
        $.blockUI({ message: "Excluindo contrato e gerando outro <img src='{{ asset('/assets/global/img/loading.gif') }}'>" });
    }
  @if (isset($message_SUCCESS))
    swal({"title":"","text":"{!!  $message_SUCCESS !!}","showConfirmButton":true,"type":"success"});
  @endif

  @if (isset($message_SUCCESS))
    swal({"title":"","text":"{!!  $message_SUCCESS !!}","showConfirmButton":true,"type":"success"});
  @endif

</script>
@stop()