@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"></i> Relatório de Clientes</span></span>
                                        <hr>
                                    </div>
                                </div>
                                <div class="portlet box blue-madison">
                                    <div class="portlet-title">
                                        <div class="caption">
                                            <i class="icon-eye"></i>Filtros
                                        </div>
                                    </div>
                                    <div class="portlet-body">
                                        <div class="panel-group">
                                            {!! Form::open(['route' => $action->route, 'method' => $action->method]) !!}
                                                <div class="row">
                                                    <div class="col-md-2">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            {!! Form::select('status', $status, '',['class'=>'form-control']) !!}
                                                            {!! Form::label('', 'Status da Conta:') !!}
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-toogle"></i>
                                                                </span>
                                                                {!! Form::select('tipo_conta', $tipo_conta, '', ['class'=>'form-control']) !!}
                                                                {!! Form::label('', 'Tipo de Conta:') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-user"></i>
                                                                </span>
                                                                {!! Form::text('name', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']) !!}
                                                                {!! Form::label('', 'Nome:') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-4">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-send"></i>
                                                                </span>
                                                                {!! Form::text('email', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']) !!}
                                                                {!! Form::label('', 'Email:') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-3">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-sort-numeric-asc "></i>
                                                                </span>
                                                                {!! Form::text('cpf_cnpj', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']) !!}
                                                                {!! Form::label('', 'CPF/CNPJ:') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <p><br/><i class="fa fa-calendar"></i> Data de Cadastro:</p>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-calendar"></i>
                                                                </span>
                                                                {!! Form::text('dt_ger_ini', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'dt_ger_ini']) !!}
                                                                {!! Form::label('', 'Data Inicial') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-2">
                                                        <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                            <div class="input-group left-addon">
                                                                <span class="input-group-addon has-personalizado">
                                                                    <i class="fa fa-calendar"></i>
                                                                </span>
                                                                {!! Form::text('dt_ger_fim', '', ['class' => 'form-control',  'autocomplete' => 'off', 'id' => 'dt_ger_fim']) !!}
                                                                {!! Form::label('', 'Data Final') !!}
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="col-md-1">
                                                        {!! Form::label('', ' ') !!}
                                                       <button type="submit" name="tipo_relatorio" value='relatorio' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Gerar Novo relatório com base nos filtros ao lado">
                                                            <i class="glyphicon glyphicon-search"></i> Filtrar
                                                        </button>
                                                    </div>
                                                    @if(routeAcess('admin.customers.exportdados'))
                                                        <div class="col-md-1">
                                                            {!! Form::label('', ' ') !!}
                                                            <button type="submit" name="tipo_relatorio" value='excel' class="btn blue-madison popovers"  data-container="body" data-trigger="hover" data-placement="top" data-content="Gerar Novo relatório e exportar em Excel com base nos filtros ao lado">
                                                                <i class="fa fa-file-excel-o"></i> Exportar
                                                            </button>
                                                        </div> 
                                                    @endif
                                                </div>
                                                {!! Form::hidden('periodo', 'u.created_at') !!}
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                </div>

                                <table class="table table-striped table-hover table-light">
                                    <thead>
                                        <tr class="uppercase bg-blue-madison">
                                            <th class="col-md-1 font-white orderby" onclick="orderby('customers.name','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Nome</th>
                                            <th class="col-md-1 font-white orderby" onclick="orderby('u.email','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Email</th>
                                            <th class="col-md-2 font-white orderby" onclick="orderby('salesman_nome','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Vendedor</th>
                                            <th class="col-md-2 font-white orderby" onclick="orderby('u.status','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Status</th>
                                            <th class="col-md-1 font-white orderby" onclick="orderby('u.created_at','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Dt/Cad.</th>
                                            <th class="col-md-1 font-white orderby" onclick="orderby('plano','{{$order->act}}','{{$order->url}}');"><span class="{{$order->seta}}" /> Plano</th>
                                            <th class="col-md-4 font-white orderby">Ações</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @if(!empty($customers[0])) 
                                            @foreach($customers as $cliente)
                                                <tr>
                                                    <td>{!! $cliente->nome !!}</td>
                                                    <td>{!! $cliente->email !!}</td>
                                                    <td>@if(!empty($cliente->salesman_nome))
                                                            {!! $cliente->salesman_nome !!}
                                                        @else
                                                        Venda Online
                                                        @endif
                                                    </td>
                                                    <td>{!! $cliente->situacao !!}</td>
                                                    <td>{!! $cliente->data_cadastro !!}</td>
                                                    <td>{!! $cliente->Plano !!}</td>
                                                    <td>
                                                        <a class='btn btn-xs 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 cliente" href="{{ route('admin.customers.details',['user_id' => $cliente->id]) }}">
                                                            <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
                                                        </a>
                                                        @if(routeAcess('admin.customers.acounts'))
                                                            <a class='btn btn-xs grey popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para gerenciar as contas voip do cliente" href="{{ route('admin.customers.acounts', ['id' => $cliente->id]) }}">
                                                                <i class="fa fa-phone"></i>
                                                            </a>
                                                        @endif 

                                                        @if(routeAcess('admin.customers.logged'))
                                                            <a class='btn btn-xs green popovers' data-container="body" data-trigger="hover" data-placement="top" onclick='loaderOnClick()' data-content="Clique aqui para efetuar login na conta do cliente" href="{{ route('admin.customers.logged', ['id' => $cliente->id]) }}">
                                                                <i class="fa fa-home"></i>
                                                            </a>
                                                        @endif 
                                                        
                                                        @if(isset($cliente->customer_id))
                                                            @if(routeAcess('admin.customers.block_unblock'))
                                                                @if($cliente->user_active == 'no')
                                                                    <a onclick="blockCustomer('{{ $cliente->id }}','desbloquear')" href="javascript:void(0);" class='btn btn-xs green-jungle popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para desbloquear a conta voip do cliente!">
                                                                        <i class="fa fa-unlock"></i>
                                                                    </a>
                                                                @else
                                                                    <a onclick="blockCustomer('{{ $cliente->id }}','bloquear')" href="javascript:void(0);" class='btn btn-xs red-mint popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Atenção, esta ação bloqueia totalmente a conta voip do Cliente!">
                                                                        <i class="fa fa-lock"></i>
                                                                    </a>
                                                                @endif
                                                            @endif

                                                            @if(routeAcess('admin.customers.balance'))
                                                                <a class='btn btn-xs green-seagreen popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Aqui você pode alterar o saldo de créditos do cliente." href="{{ route('admin.customers.balance', ['id' => $cliente->customer_id]) }}">
                                                                    <i class="fa fa-money"></i>
                                                                </a>
                                                            @endif

                                                            @if(routeAcess('admin.customers.edit'))
                                                                <a class='btn btn-xs blue-madison popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Aqui você pode editar a conta do cliente." href="{{ route('admin.customers.edit', ['id' => $cliente->customer_id]) }}">
                                                                    <i class="fa fa-edit"></i>
                                                                </a>
                                                            @endif
                                                        @endif 
                                                        @if(routeAcess('admin.customers.remove')) 
                                                            <a class='btn btn-xs red popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Atenção! Essa ação exclui permanentemente a conta do cliente e esse é um processo irreversível!!!" onclick="removeRegistro('remover-cliente/','{{ $cliente->id }}')">
                                                                <i class="fa fa-times"></i>
                                                            </a>
                                                        @endif
                                                        @if($cliente->contrato > 0)
                                                            <a class='btn btn-xs yellow-soft popovers' data-container="body" data-trigger="hover" data-placement="top" data-content="Visualizar contratos do cliente" href="{{ route('admin.customers.contratos', ['id' => $cliente->id]) }}">
                                                                <i class="fa fa-file"></i>
                                                            </a>
                                                        @endif
                                                        @if(routeAcess('admin.customers.historico')) 
                                                            <a class='btn btn-xs yellow-gold popovers fancybox fancybox.iframe' data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para adicionar anotações do Cliente" href="{{ route('admin.customers.historico', ['id' => $cliente->id]) }}">
                                                                <i class="fa fa-exclamation-triangle"></i>
                                                            </a>
                                                        @endif
                                                    </td>
                                                </tr>
                                            @endforeach
                                        @else
                                            <tr>
                                                <td colspan="7"><center><h4>Nenhum registro encontrado.</h4></center></td>
                                            </tr>
                                        @endif                                       
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <td colspan="8" align="center">
                                                {!! $customers->appends($data)->render() !!}
                                            </td>
                                        </tr>
                                    </tfoot>
                                </table>                        
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop()

@section('js-admin-report-customers')
    <script src="{{ asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js') }}" type="text/javascript"></script>
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>    
    <script type="text/javascript">
        $(document).ready(function() {
            $('.fancybox').fancybox();
            $.datepicker.regional['pt-BR'] = {
                closeText: 'Fechar',
                prevText: '&#x3c;Anterior',
                nextText: 'Pr&oacute;ximo&#x3e;',
                currentText: 'Hoje',
                monthNames: ['Janeiro','Fevereiro','Mar&ccedil;o','Abril','Maio','Junho',
                'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
                'Jul','Ago','Set','Out','Nov','Dez'],
                dayNames: ['Domingo','Segunda-feira','Ter&ccedil;a-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sabado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                dayNamesMin: ['Dom','Seg','Ter','Qua','Qui','Sex','Sab'],
                weekHeader: 'Sm',
                dateFormat: 'dd/mm/yy',
                firstDay: 0,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: ''
            };

            $.datepicker.setDefaults($.datepicker.regional['pt-BR']);

            $("#dt_ger_ini").datepicker();
            $("#dt_ger_fim").datepicker();
        });
        
        function blockCustomer(id, action) {   
            swal({
              title: "Deseja realmente "+action+" a conta Voip ?",
              text: " ",
              type: "warning",
              showCancelButton: true,
              confirmButtonClass: "btn-danger",
              confirmButtonText: "Sim!",
              cancelButtonText: "Não",
              closeOnConfirm: false,
              closeOnCancel: true
            },
            function(isConfirm) {
                if (isConfirm) {
                    window.location = "bloquear-desbloquear-cliente/"+id;
                }else{
                    return false;
                } 
            });
        }
    </script>

@stop()