<?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 form">
                                <div class="row">
                                    <div class="col-md-3">
                                        <div class="row">
                                            <div class="note note-info col-md-12">
                                                <strong>Cliente:</strong><br/><?php echo $ticket->cliente; ?></p>
                                                <?php if($ticket->contato_id > 0): ?>
                                                    <br/>
                                                    <p><strong>Contato:</strong><br/><?php echo $contato->name; ?></p>
                                                    <p><strong>Email:</strong><br/><?php echo $contato->email; ?></p>
                                                    <p><strong>Telefone:</strong><br/><?php echo $contato->telefone; ?></p>
                                                <?php endif; ?>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="note note-info col-md-12">
                                                <p><strong>Setor:</strong><br/><?php echo $ticket->departamento; ?></p>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="note note-info col-md-12">
                                                <div class="form-group">
                                                    <p><strong>Assunto:</strong><br/><?php echo $ticket->assunto; ?></p>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="row">
                                            <div class="note note-info col-md-12">
                                                <div class="form-group">
                                                    <p><strong>Responsável:</strong><br/><span id='responsavel'><?php echo $ticket->atendente; ?> </span></p>
                                                </div>
                                            </div>
                                        </div>
                                        <?php if($ticket->status != 'Fechado'): ?>

                                            <?php if(routeAcess('admin.tickets.atribuir.chamado')): ?>
                                                <div class="row">
                                                    <div class="form-group col-md-12">
                                                        <div class="form-group">
                                                            <strong>
                                                                <?php echo Form::label('operador_id', 'Encaminhar chamado para:', ['class' => 'control-label']); ?>

                                                            </strong>
                                                            <?php echo Form::select('operador_id', $atendentes, '', ['class'=>'form-control', 'id'=>'operador_id','onchange'=>'atribuir_chamado(this.value);']); ?>

                                                            <?php echo Form::hidden('operador', $ticket->operador_id); ?>

                                                        </div>
                                                    </div>
                                                </div>
                                            <?php endif; ?>
                                            
                                            <div id="assumir" class="row" <?php if($ticket->operador_id == Auth::user()->id): ?> style="display:none;" <?php endif; ?>>
                                                <div class="col-md-12">
                                                    <span class="btn blue btn-md col-md-12" data-size="l" onclick="assumir_chamado();">
                                                        <strong><i class="fa fa-thumbs-up"></i> Assumir Chamado</strong>
                                                    </span>
                                                </div>
                                            </div>

                                            <div id='interacoes' <?php if($ticket->operador_id != Auth::user()->id): ?> style="display:none;" <?php endif; ?>>
                                                <div class="row">
                                                    <div class="form-group col-md-12">
                                                        <div class="form-group">
                                                            <strong>
                                                                <?php echo Form::label('status', 'Status:', ['class' => 'control-label']); ?>

                                                            </strong>
                                                            <?php echo Form::select('status', $status, $ticket->status, ['class'=>'form-control', 'id'=>'status','onchange'=>'alterar_status(this.value);']); ?>

                                                        </div>
                                                    </div>
                                                </div>
                                                
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <a data-target="#responder" data-toggle="modal">
                                                            <span class="btn green-jungle btn-md col-md-12" data-size="l">
                                                                <span class="fa fa-pencil-square-o ladda-label"></span> 
                                                                <strong>Responder Chamado</strong>
                                                            </span>
                                                        </a>
                                                    </div>
                                                </div>
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <a data-target="#finalizar" data-toggle="modal">
                                                            <span class="btn bold red-mint btn btn-md col-md-12" data-size="l">
                                                                <span class="fa fa-close ladda-label"></span> 
                                                                <strong>Finalizar Chamado</strong>
                                                            </span>
                                                        </a>
                                                    </div>
                                                </div>
                                            </div>
                                        <?php endif; ?>
                                        <?php if($ticket->nao_conformidade == 'yes' and routeAcess('admin.naoconformidade.create')): ?>
                                            <div class="row">
                                                <div class="col-md-12">
                                                    <a href="<?php echo e(route('admin.naoconformidade.abrirviaticket', ['ticket' => $ticket->id])); ?>">
                                                        <span class="btn yellow-gold btn-md col-md-12" data-size="l">
                                                            <span class="fa fa-plus-circle ladda-label"></span> 
                                                            <strong>Abrir Não Conformidade</strong>
                                                        </span>
                                                    </a>
                                                </div>
                                            </div>
                                        <?php endif; ?>

                                        <div id="responder" class="modal fade" tabindex="-1" data-width="400">
                                            <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">Adicione uma resposta ao Ticket</h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <?php echo Form::open(['route' => 'admin.tickets.responder', 'method' => 'post', 'role' => 'form', 'files' => true]); ?>

                                                                    <?php echo Form::hidden('id', $ticket->id); ?>

                                                                    <div class="row">
                                                                        <div class="form-group col-md-12">
                                                                            <textarea class="wysihtml5 form-control" rows="10" name="solicitacao" data-error-container="#editor1_error"></textarea>
                                                                            <div id="editor1_error"> </div>
                                                                        </div>

                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="form-group col-md-12">
                                                                            <?php echo Form::file('anexo'); ?> 
                                                                        </div>
                                                                    </div>
                                                                    <div class="row">
                                                                        <div class="form-group col-md-12">
                                                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Adicionar Informações ao Chamado." onclick = 'block();'>
                                                                                <i class='fa fa-thumbs-o-up'></i>  Adicionar Informação
                                                                            </button>
                                                                            <button type="button" data-dismiss="modal" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ao cancelar você perderá as informações não salvas."><i class='fa fa-thumbs-o-down'></i> Cancelar</button>
                                                                        </div>                          
                                                                    </div>
                                                                <?php echo Form::close(); ?>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div id="finalizar" class="modal fade" tabindex="-1" data-width="400">
                                            <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">Tem certeza de que deseja finalizar este chamado?</h4>
                                                    </div>
                                                    <div class="modal-body">
                                                        <div class="row">
                                                            <div class="col-md-12">
                                                                <?php echo Form::open(['route' => 'admin.tickets.finalizar', 'method' => 'post', 'role' => 'form']); ?>

                                                                    <?php echo Form::hidden('id', $ticket->id); ?>

                                                                    <div class="row">
                                                                        <div class="form-group col-md-12">
                                                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Finalizar o  Chamado" onclick = 'block();'>
                                                                                <i class='fa fa-thumbs-o-up'></i>  Fechar Chamado
                                                                            </button>
                                                                            <button type="button" data-dismiss="modal" class="btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Ao cancelar você perderá as informações não salvas."><i class='fa fa-thumbs-o-down'></i> Cancelar</button>
                                                                        </div>                          
                                                                    </div>
                                                                <?php echo Form::close(); ?>

                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-md-9">
                                        <div class="portlet light portlet-fit ">
                                            <div class="portlet-title">
                                                <div class="caption">
                                                    <i class="fa fa-ticket"></i>
                                                    <span class="caption-subject bold font-green uppercase"> #<?php echo e($ticket->protocolo); ?> - <?php echo e($ticket->assunto); ?></span>
                                                </div>											
                                                <?php if($ticket->status == 'Fechado'): ?>
                                                    <div class="alert alert-warning">
                                                        Esse chamado foi fechado e não pode ser reaberto!
                                                    </div>
                                                <?php endif; ?>
                                                <div class="actions">                                                    
                                                    <a href="<?php echo e(redirect()->back()->getTargetUrl()); ?>" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para consulta de tickets"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                                </div>
                                                 <?php if(!empty($ticket->fluxo_atendimento)): ?>
                                                 <div class="col-md-12"> 
                                                    <a data-target="#fluxo" data-toggle="modal" class="caption-subject bold font-green uppercase">
                                                        <i class="glyphicon glyphicon-retweet"></i>Fluxo de atendimento
                                                    </a>
                                                 </div>
                                                <?php endif; ?>
                                            </div>
                                            <div class="portlet-body">
                                                <div class="timeline">
                                                    <?php if($cripto): ?>
                                                        <div class="timeline-item">
                                                            <div class="timeline-badge">
                                                                <img class="timeline-badge-userpic" src="<?php echo e(asset('/assets/uploads/pictures/tw.jpg')); ?>">
                                                            </div>
                                                            <div class="timeline-body">
                                                                <div class="timeline-body-arrow"> </div>
                                                                <div class="timeline-body-head-caption">
                                                                    <span class="timeline-body-alerttitle font-green-haze"><?php echo e(Auth::user()->name); ?><br/>
                                                                </div>
                                                                <div class="timeline-body-head-actions">
                                                                    </span>
                                                                    <span class="timeline-body-time font-grey-cascade"></span>
                                                                </div>
                                                                <div class="timeline-body-content">
                                                                    <br/>
                                                                    As informações desse ticket estão disponíveis apenas para o usuário que realizou a abertura do mesmo ou para os responsáveis pelo departamento <?php echo e($ticket->departamento); ?>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    <?php else: ?>
                                                        <?php foreach($interacoes as $interacao): ?>
                                                            <!-- TIMELINE ITEM -->
                                                            <div class="timeline-item">
                                                                <div class="timeline-badge">
                                                                    <?php if($interacao->role=='painel'): ?>
                                                                        <a class="btn popovers fancybox fancybox.iframe" data-container="body" data-trigger="hover" data-placement="top" data-content="Ver detalhes do cliente" href="<?php echo e(route('admin.customers.details',['user_id' => $interacao->user_id])); ?>">
                                                                            <img class="timeline-badge-userpic" src="<?php echo e(asset($interacao->path)); ?>">    
                                                                        </a>
                                                                    <?php elseif($interacao->role=='fake_user'): ?>
                                                                        <img class="timeline-badge-userpic" src="<?php echo e(asset('/assets/uploads/pictures/sem_foto.png')); ?>">
                                                                    <?php else: ?>
                                                                        <img class="timeline-badge-userpic" src="<?php echo e(asset('/assets/uploads/pictures/tw.jpg')); ?>">
                                                                    <?php endif; ?>
                                                                </div>
                                                                <div class="timeline-body">
                                                                    <div class="timeline-body-arrow"> </div>
                                                                    <div class="timeline-body-head-caption">
                                                                        <span class="timeline-body-alerttitle font-green-haze"><?php echo e($interacao->name); ?><br/>
                                                                        <span class="timeline-body-time font-grey-cascade"><i><?php echo e($interacao->interationBy); ?></i></span>

                                                                    </div>
                                                                    <div class="timeline-body-head-actions">
                                                                        </span>
                                                                        <span class="timeline-body-time font-grey-cascade"><?php echo e(dateToBRTime($interacao->created_at)); ?></span>
                                                                    </div>
                                                                    <div class="timeline-body-content">
                                                                        <br/>
                                                                        <?php echo $interacao->interacao; ?> 
                                                                    </div>
                                                                    <div class="row">
                                                                        <?php if(strlen($interacao->anexo)): ?>
                                                                            <div class="col-md-12">
                                                                                <span class="btn blue-jungle btn-md col-md-2" data-size="l">
                                                                                    <a class="popovers fancybox fancybox.iframe" data-container="body" data-trigger="hover" data-placement="top" data-content="Vizualizar anexo!" href="<?php echo e(asset($interacao->anexo)); ?>">
                                                                                        <span class="fa fa-paperclip"></span> Anexo
                                                                                    </a>
                                                                                </span>
                                                                            </div>
                                                                        <?php endif; ?>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <!-- END TIMELINE ITEM -->
                                                        <?php endforeach; ?>
                                                    <?php endif; ?>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <div id="fluxo" class="modal fade" tabindex="-1">
        <div class="modal-dialog modal-lg" style="width: 85%">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                                <img class="img-responsive" src="<?php echo e(asset($ticket->fluxo_atendimento)); ?>">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('js-atendimento'); ?>
<script src="<?php echo e(asset('/assets/global/plugins/jquery.min.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('/assets/global/scripts/app.min.js')); ?>" type="text/javascript"></script>
<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/plugins/bootstrap/js/bootstrap.min.js')); ?>" type="text/javascript"></script>
<link href="<?php echo e(asset('/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css')); ?>" rel="stylesheet" type="text/css" />
<link href="<?php echo e(asset('/assets/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css')); ?>" rel="stylesheet" type="text/css" />
<script src="<?php echo e(asset('/assets/global/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js')); ?>" type="text/javascript"></script>
<script src="<?php echo e(asset('/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.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>
    function block(){
        $("#finalizar").hide();
        $("#responder").hide();
        $.blockUI({ message: "Olá <?php echo Auth::user()->name; ?>, por favor aguarde um momento enquanto a informação é processada <img src='<?php echo e(asset('/assets/global/img/loading.gif')); ?>'>" });
    }

    function assumir_chamado(){ 

        $.blockUI({ message: "Olá <?php echo 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')
            }
        })

        $.ajax({ 
            type: "GET", 
            url: "<?php echo e(route('admin.tickets.assumir.chamado')); ?>",
            data: {atendente: <?php echo e(Auth::user()->id); ?>, chamado:<?php echo e($ticket->id); ?>,acao:"assumir"}, 
            success: function(data) { 
                $.unblockUI();
                swal({"title":"","text":"<?php echo Auth::user()->name; ?>, você é o responsável por esse chamado agora!","showConfirmButton":true,"type":"success"});
                $("#responsavel").html('<?php echo Auth::user()->name; ?>');
                $("#interacoes").show('slow');
                $("#assumir").hide('slow');
            } 
        });         
    }

    function atribuir_chamado(atendente){

        $.blockUI({ message: "Olá <?php echo 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 user = "<?php echo e(Auth::user()->id); ?>";
        var chamado = "<?php echo e($ticket->id); ?>";

        if(atendente==0){
            $.unblockUI();
            swal({"title":"Oops!","text":"Selecione um atendente para atribuir ao chamado!","showConfirmButton":true,"type":"error"});
            var atendente = $("#operador").val();  
            $("#operador_id").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"});
                    if(user == atendente){
                        $("#interacoes").show('slow');
                        $("#assumir").hide('slow');
                    }else{
                        $("#interacoes").hide('slow');
                        $("#assumir").show('slow');
                    }
                    $("#responsavel").html(data);
                } 
            });
        }
        
    }

    function alterar_status(status){

        $.blockUI({ message: "Olá <?php echo 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 chamado = "<?php echo e($ticket->id); ?>";

        $.ajax({ 
            type: "GET", 
            url: "<?php echo e(route('admin.tickets.alterar.status')); ?>",
            data: {status: status, id:chamado}, 
            success: function(data) { 
                $.unblockUI();
                swal({"title":"","text":"Status alterado com sucesso!","showConfirmButton":true,"type":"success"});
            } 
        });     

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