<?php $__env->startSection('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-ticket"></i> Ticket Suporte</span>
                                    <?php if(routeAcess('admin.tickets.create')): ?>
                                        <a href="<?php echo e(route('admin.tickets.create')); ?>" id="sample_editable_1_new" class="btn sbold green-jungle popovers right" data-container="body" data-trigger="hover" data-placement="top" data-content="Abrir um novo Chamado"><i class="fa fa-plus"></i> Abrir Novo Chamado </a>
                                    <?php endif; ?>
                                    <hr>
                                </div>
                            </div>
                        </div>
                        <div class="portlet box blue-madison">
                            <div class="portlet-title">
                                <div class="caption">
                                    <i class="icon-eye"></i>Filtros
                                </div>
                                <div class="tools popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Exibir/Esconder filtros.">
                                    <a href="javascript:;" class="expand"> </a>
                                </div>
                            </div>
                            <div class="portlet-body" style="display:none;">
                                <div class="panel-group">
                                    <?php echo Form::open(['route' => 'admin.tickets', 'method' => 'get']); ?>

                                        <div class="row">
                                            <div class="col-md-2">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    <?php echo Form::text('nticket', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'nchamado']); ?>

                                                    <?php echo Form::label('', 'Número do Ticket:'); ?>

                                                </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>
                                                        <?php echo Form::text('protocolo', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']); ?>

                                                         <?php echo Form::label('', 'Protocolo:'); ?>

                                                    </div>
                                                </div>
                                            </div>
                                            <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-user"></i>
                                                        </span>
                                                        <?php echo Form::text('name', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']); ?>

                                                        <?php echo Form::label('', 'Nome do Cliente:'); ?>

                                                    </div>
                                                </div>
                                            </div>
                                            <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-send"></i>
                                                        </span>
                                                        <?php echo Form::text('email', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off']); ?>

                                                        <?php echo Form::label('', 'Email do cliente:'); ?>

                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-2">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    <?php echo Form::select('status', $status, '', ['class'=>'form-control']); ?>

                                                    <?php echo Form::label('status', 'Status'); ?>

                                                </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>
                                                        <?php echo Form::text('data_ini', '', ['class' => 'form-control', 'placeholder' => '', 'autocomplete' => 'off', 'id' => 'data_ini']); ?>

                                                        <?php echo Form::label('', 'Período 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>
                                                        <?php echo Form::text('data_fim', '', ['class' => 'form-control',  'autocomplete' => 'off', 'id' => 'data_fim']); ?>

                                                        <?php echo Form::label('', 'Periodo Final:'); ?>

                                                    </div>
                                                </div>
                                            </div>
                                        
                                            <div class="col-md-2">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    <?php echo Form::select('departamento_id', $departamentos, '', ['class'=>'form-control','id'=>'departamento', 'onchange'=>'get_assunto()']); ?>

                                                    <?php echo Form::label('departamento_id', 'Departamento', ['class' => 'control-label']); ?>

                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    <?php echo Form::select('titulo_id', [' ' => ':: Selecione um Departamento ::'], '', ['class'=>'form-control','id'=>'assunto']); ?>

                                                    <?php echo Form::label('titulo_id', 'Assunto'); ?>

                                                </div>
                                            </div>
                                            <div class="col-md-3">
                                                <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                    <?php echo Form::select('operador_id', $operadores, '', ['class'=>'form-control','id'=>'operador_id']); ?>

                                                    <?php echo Form::label('operador_id', 'Analista'); ?>

                                                </div>
                                            </div>
                                            <div class="col-md-1">
                                                <button type="submit" class="caption  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>
                                        </div>
                                    <?php echo Form::close(); ?>

                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <table class="table table-striped table-bordered table-hover table-checkable order-column" id="sample_1">
                        <thead>
                            <tr class="uppercase bg-blue-madison">
                                <th class="col-sm-3 font-white"> Cliente </th>
                                <th class="col-sm-2 font-white"> Assunto </th>
                                <th class="col-sm-2 font-white"> Atendente </th>
                                <th class="col-sm-1 font-white"> Aberto em </th>
                                <th class="col-sm-2 font-white"> Status </th>
                                <th class="col-sm-2 font-white">  </th>
                            </tr>
                        </thead>
                        <tbody>
                            <?php foreach($tickets as $ticket): ?>
                                <tr class="odd gradeX">
                                    <td> <?php echo e($ticket->cliente); ?> </td>
                                    <td> <span class="btn popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="<?php echo e($ticket->departamento); ?>" title="Departamento"><?php echo e($ticket->assunto); ?></span> </td>
                                    <td>
                                        <?php if(routeAcess('admin.tickets.atribuir.chamado')): ?>
                                            <?php if($ticket->status=='Aberto'): ?>
                                                <?php echo Form::select("atendente", $operadores, $ticket->operador_id, ["class"=>"form-control", "onchange"=>"atribuirChamado(this.value, '$ticket->id')",'id'=>'atendente'.$ticket->id]); ?>

                                                <?php echo Form::hidden('operador', $ticket->operador_id,['id'=>'operador'.$ticket->id]); ?>

                                            <?php else: ?>
                                                <?php echo e($ticket->atendente); ?>

                                            <?php endif; ?>
                                        <?php else: ?>
                                            <?php echo e($ticket->atendente); ?>

                                        <?php endif; ?>
                                    </td>
                                    <td class="center"> <?php echo e($ticket->created_at); ?> </td>
                                    <td class="center">
                                        <?php if(strtolower($ticket->status) != 'fechado'): ?> 
                                            <?php if($ticket->atendimento == 'ok'): ?>
                                                <?php if($ticket->alerta == 'Envio Aviso Alerta'): ?>
                                                    <i class="btn fa fa-circle font-yellow-lemon popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Atenção, restam <?php echo e($ticket->tempo_atendimento); ?> para resolução deste Ticket"> 
                                                <?php else: ?>
                                                    <i class="btn fa fa-circle font-green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Restam <?php echo e($ticket->tempo_atendimento); ?> para resolução deste Ticket"> 
                                                <?php endif; ?>
                                            <?php else: ?> 
                                                <i class="btn fa fa-circle font-red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Atraso de <?php echo e($ticket->tempo_atendimento); ?> na resoluçao deste Ticket"> 
                                            <?php endif; ?>
                                        <?php else: ?> 
                                            <i class="btn fa fa-circle font-grey-salsa popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ticket Encerrado!"> 
                                        <?php endif; ?>
                                        <?php echo e($ticket->status); ?>

                                        </i>
                                    </td>
                                    <td>
                                        <a href="<?php echo e(route('admin.tickets.edit',['id'=>$ticket->id])); ?>" class="btn sbold blue-madison popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Atender Chamado"><span class="fa fa-laptop"></span></a>
                                        <span class="btn red btn-outline sbold" data-toggle="modal" href="#details" onclick="populaInfo(<?php echo e(json_encode($ticket)); ?>)"> Detalhes </span>
                                    </td>
                                </tr>
                            <?php endforeach; ?>
                        </tbody>
                        <tfoot>
                            <tr>
                                <td colspan="6" align="center"><?php echo $paginacao; ?></td>
                            </tr>
                        </tfoot>
                    </table>
                    <div class="modal fade" id="details" tabindex="-1" role="basic" aria-hidden="true">
                        <div class="modal-dialog">
                            <div class="modal-content">
                                <div class="modal-header">
                                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                    <h4 class="modal-title" id = "title"></h4>
                                </div>
                                <div class="modal-body" id = "body">
                                    <div class="row">
                                        <div class="col-sm-2"><strong>Cliente: </strong></div>
                                        <div class="col-sm-10" id="cliente"></div>
                                    </div>
                                    <hr/>
                                    <div class="row">
                                        <div class="col-sm-2"><strong>Protocolo: </strong></div>
                                        <div class="col-sm-4" id="protocolo"></div>
                                        <div class="col-sm-2"><strong>Ticket Nº: </strong></div>
                                        <div class="col-sm-2" id="id"></div>
                                    </div>
                                    <hr/>
                                    <div class="row">
                                        <div class="col-sm-2"><strong>Status: </strong></div>
                                        <div class="col-sm-4" id="status"></div>
                                        <div class="col-sm-2"><strong>Situação: </strong></div>
                                        <div class="col-sm-4" id="atendimento"></div>
                                    </div>
                                    <hr/>
                                    <div class="row">
                                        <div class="col-sm-2"><strong>Aberto em: </strong></div>
                                        <div class="col-sm-4" id="created_at"></div>
                                        <div class="col-sm-3"><strong>Previsão de atendimento: </strong></div>
                                        <div class="col-sm-3" id="previsao"></div>
                                    </div>
                                    <hr/>
                                    <div class="row">
                                        <div class="col-sm-12"><strong>Tempo de Atendimento: </strong></div>
                                        <div class="col-sm-12" id="tempo_atendimento"></div>
                                    </div>
                                </div>
                            </div>
                            <!-- /.modal-content -->
                        </div>
                        <!-- /.modal-dialog -->
                    </div>
                </div>
            </div>
        </div>
    </div>

<?php $__env->stopSection(); ?>
<?php $__env->startSection('js-admin-tickets'); ?>
    
    <link href="<?php echo e(asset('/assets/global/css/components.min.css')); ?>" rel="stylesheet" id="style_components" type="text/css" />
    <script src="<?php echo e(asset('/assets/global/scripts/app.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/jquery.blockui.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/pages/scripts/ui-blockui.min.js')); ?>" type="text/javascript"></script>
    <script src="<?php echo e(asset('/assets/global/plugins/jquery-ui/jquery-ui.1.10.3.js')); ?>" type="text/javascript"></script>   

    <script type="text/javascript">
        $(document).ready(function() {
                       
            $.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']);
            $("#data_ini").datepicker();  
            $("#data_fim").datepicker(); 

            get_assunto();

        });

        function get_assunto(){ 
            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            })

            var str = "";
            var departamento = $('#departamento').val();
            if(departamento==''){
                $('#assunto').html('<option value=" ">::Selecione o setor::</option>');
            }else{
                $.ajax({ 
                    type: "GET", 
                    url: "<?php echo e(route('suporte.search.assunto')); ?>", 
                    data: {departamento: departamento}, 
                    success: function(data) { 
                        str += '<option value=""></option>';
                        $(data).each(function () {
                            str += '<option value=' + this.id + '>' + this.assunto + '</option>';
                        })

                        $('#assunto').html(str).focus();

                    } 
                });
            }
        }

        function atribuirChamado(atendente, chamado){

            $.blockUI({ message: "Olá <?php echo e(Auth::user()->name); ?>, por favor aguarde um momento enquanto a informação é processada <img src='<?php echo e(asset('/assets/global/img/loading.gif')); ?>'>" });

            $.ajaxSetup({
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                }
            })

            var str = "";

            if(atendente==0){

                $.unblockUI();    
                swal({"title":"Oops!","text":"Selecione um atendente para atribuir ao chamado","showConfirmButton":true,"type":"error"});  
                var atendente = $("#operador"+chamado).val();  
                $("#atendente"+chamado).val(atendente);

            }else{
                $.ajax({ 
                    type: "GET", 
                    url: "<?php echo e(route('admin.tickets.atribuir.chamado')); ?>",
                    data: {atendente: atendente, chamado:chamado}, 
                    success: function(data) { 
                        $.unblockUI();
                        swal({"title":"","text":"Chamado atribuído com sucesso!","showConfirmButton":true,"type":"success"});
                    } 
                });
            }

        }
        <?php if(session('message')): ?>
            swal({"title":"","text":"<?php echo e(session('message')); ?>","showConfirmButton":true,"type":"success"});
        <?php endif; ?>

        function populaInfo(ticket){

            console.log(ticket);
            $("#title").html(ticket.assunto)
            $("#id").html(ticket.id)
            $("#protocolo").html(ticket.protocolo)
            $("#cliente").html(ticket.cliente)
            $("#status").html(ticket.status)
            $("#created_at").html(ticket.t_created_at)
            $("#previsao").html(ticket.t_previsao)
            $("#tempo_atendimento").html(ticket.tempo_atendimento)
            // $("#atendimento").html(ticket.status)

        }
    </script>

<?php $__env->stopSection(); ?>
<?php echo $__env->make('template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>