<?php $__env->startSection('content'); ?>
    </div>
    <div class="page-content">
        <div class="container-fluid">
            
            <!-- BEGIN PAGE BREADCRUMBS -->
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <?php if(!isset(Auth::user()->menu)): ?>
						<a href="<?php echo e(route('dashboard')); ?>">Dashboard</a>
					<?php else: ?>
						<a href="#">Dashboard</a>
					<?php endif; ?>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Suporte</span>
                     <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Ticket(E-mail)</span>
                </li>
            </ul>
            <!-- END PAGE BREADCRUMBS -->

            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        <div class="portlet light ">
                            <div class="row">
                                <div class="form-group col-md-12">
                                    <?php if(session('message')): ?>
                                        <div class="alert alert-success">
                                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                            <?php echo e(session('message')); ?>

                                        </div>
                                    <?php endif; ?>
                                    <div class="row">
                                        <div class="form-group col-md-4">
                                             <div class="portlet box grey-mint">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="fa fa-ticket"></i>Informações do Ticket 
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:;" class="collapse"> </a>
                                                    </div>
                                                </div>
                                                <div class="portlet-body">
                                                    <div class="panel-group accordion">
                                                        <div class="note note-info">
                                                            #<?php echo e($id); ?> - <?php echo e($ticket->assunto); ?>    
                                                        </div>
                                                        <div class="note note-info">
                                                            <strong>Abertura:</strong> <?php echo e(dateToBRTime($ticket->created_at)); ?>

                                                        </div>
                                                        <div class="note note-info">
                                                            <strong>Última Atualização:</strong> <?php echo e(dateToBRTime($ticket->updated_at)); ?>

                                                        </div>
                                                        <?php if($ticket->status != 'Fechado'): ?>
                                                            <div>
                                                                <center>
                                                                    <a data-target="#responder" data-toggle="modal">
                                                                        <span class="btn green-jungle btn btn-md"  data-size="l">
                                                                            <span class="fa fa-pencil-square-o ladda-label"> <strong>Responder</strong></span>
                                                                        </span>
                                                                    </a>
                                                                    <a data-target="#encerrar" data-toggle="modal">
                                                                        <span class="btn red-mint btn btn-md"  data-size="l">
                                                                            <span class="fa fa-times-circle ladda-label"> <strong>Fechar Ticket</strong></span>
                                                                        </span>
                                                                    </a>
                                                                </center>
                                                            </div>
                                                        <?php else: ?>
                                                            <?php if(trim($ticket->rate) == ''): ?>
                                                                <a data-target="#avaliar" data-toggle="modal">
                                                                    <span class="btn red-mint btn btn-md"  data-size="l">
                                                                        <span class="fa fa-times-circle ladda-label"> <strong>Avaliar Atendimento</strong></span>
                                                                    </span>
                                                                </a>
                                                            <?php endif; ?>
                                                        <?php endif; ?>
                                                    </div>
                                                </div>
                                            </div>
											<?php if(!isset(Auth::user()->menu)): ?>
												<div class="portlet box grey-mint">
													<div class="portlet-title">
														<div class="caption">
															<i class="fa fa-eye"></i>Veja também 
														</div>
														<div class="tools">
															<a href="javascript:;" class="collapse"> </a>
														</div>
													</div>
													<div class="portlet-body">
														<div class="panel-group accordion">
															<div class="note note-info">
																<a href="<?php echo e(route('faq')); ?>"><i class="glyphicon glyphicon-question-sign"></i> Dúvidas Frequentes</a>
															</div>
															<div class="note note-info">
																<a href="<?php echo e(route('suporte')); ?>"><i class="fa fa-support"></i> Suporte</a>
															</div>

															<div class="note note-info">
																<a href="<?php echo e(route('meus.tickets')); ?>"><i class="fa fa-eye"></i> Meus Tickets</a>
															</div>
														</div>
													</div>
												</div>
											<?php endif; ?>
                                        </div>
                                        <div class="form-group col-md-8">
                                            <?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="portlet light portlet-fit ">
                                                    <div class="portlet-title">
                                                        <div class="caption">
                                                            <span class="caption-subject bold font-blue-madison uppercase"><i class="fa fa-ticket"></i> #<?php echo e($ticket->protocolo); ?> - <?php echo e($ticket->assunto); ?></span>
                                                        </div>
                                                        <div class="actions">
                                                            <a href="<?php echo e(route('meus.tickets')); ?>" class="btn bold blue-madison btn btn-md">
																<strong>Voltar</strong>
															</a>
                                                        </div>
                                                    </div>
                                                    <div class="portlet-body">
                                                        <div class="timeline">
                                                            <?php foreach($interacoes as $interacao): ?>
                                                                <!-- TIMELINE ITEM -->
                                                                <div class="timeline-item">
                                                                    <div class="timeline-badge">
                                                                        <?php if($interacao->role=='painel'): ?>
                                                                            <img class="timeline-badge-userpic" src="<?php echo e(asset($interacao->path)); ?>">
                                                                        <?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 if($interacao->role=='painel'): ?>Cliente <?php else: ?> Atendente <?php endif; ?></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 nl2br($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; ?>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <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 seu Ticket</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <?php echo Form::open(['route' => 'responder.ticket', 'method' => 'post', 'role' => 'form', 'files' => true]); ?>

                                                                <?php echo Form::hidden('id', $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-6">
                                                                        <?php echo Form::file('anexo'); ?> 
                                                                    </div>
                                                                    <div class="form-group col-md-6">
                                                                        <?php echo Form::submit('Adicionar Informação', ['class' => 'btn blue-madison','onclick'=>'block();']); ?>

                                                                        <button type="button" data-dismiss="modal" class="btn dark btn-outline">Cancelar</button>
                                                                    </div>                          
                                                                </div>
                                                            <?php echo Form::close(); ?>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div id="encerrar" 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">Como você qualifica o nosso atendimento?</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <?php echo Form::open(['route' => 'encerrar.ticket', 'method' => 'post', 'role' => 'form']); ?>

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

                                                                <div class="row">
                                                                    <div class="form-group col-md-9">
                                                                        <?php echo Form::select('avaliacao', $rate, '', ['class'=>'form-control']); ?>

                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="form-group col-md-6">
                                                                        <?php echo Form::submit('Finalizar Chamado', ['class' => 'btn blue-madison','onclick'=>'block();']); ?>

                                                                        <button type="button" data-dismiss="modal" class="btn dark btn-outline">Cancelar</button>
                                                                    </div>                          
                                                                </div>
                                                            <?php echo Form::close(); ?>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div> 
                                    <div id="avaliar" 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">Como você qualifica o nosso atendimento?</h4>
                                                </div>
                                                <div class="modal-body">
                                                    <div class="row">
                                                        <div class="col-md-12">
                                                            <?php echo Form::open(['route' => 'avaliar.ticket', 'method' => 'post', 'role' => 'form']); ?>

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

                                                                <div class="row">
                                                                    <div class="form-group col-md-9">
                                                                        <?php echo Form::select('avaliacao', $rate, '', ['class'=>'form-control']); ?>

                                                                    </div>
                                                                </div>
                                                                <div class="row">
                                                                    <div class="form-group col-md-6">
                                                                        <?php echo Form::submit('Avaliar', ['class' => 'btn blue-madison','onclick'=>'block();']); ?>

                                                                        <button type="button" data-dismiss="modal" class="btn dark btn-outline">Cancelar</button>
                                                                    </div>                          
                                                                </div>
                                                            <?php echo Form::close(); ?>

                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>    
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <!-- END PAGE CONTENT BODY -->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('js-visualizar-chamado'); ?>
<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>
<script src="<?php echo e(asset('/assets/global/plugins/fancybox/source/jquery.fancybox.js?v=2.1.5')); ?>" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="<?php echo e(asset('assets/global/plugins/fancybox/source/jquery.fancybox.css?v=2.1.5')); ?>" media="screen" />
<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>
    $(document).ready( function() {  
        $('.fancybox').fancybox();
    });

    function block(){
        $("#avaliar").hide();
        $("#encerrar").hide();
        $("#responder").hide();
        $.blockUI({ message: "Olá <?php echo e(Auth::user()->name); ?>, por favor aguarde um momento enquanto processamos a sua solicitação <img src='<?php echo e(asset('/assets/global/img/loading.gif')); ?>'>" });
    }
</script>
    <?php if(Auth::user()->chat): ?>
        <!-- BEGIN JIVOSITE CODE {literal} -->
            <!-- <script type='text/javascript'>
            (function(){ var widget_id = 'o6gDGQPyK5';var d=document;var w=window;function l(){
            var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = '//code.jivosite.com/script/widget/'+widget_id; var ss = document.getElementsByTagName('script')[0]; ss.parentNode.insertBefore(s, ss);}if(d.readyState=='complete'){l();}else{if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();</script> -->
        <!-- {/literal} END JIVOSITE CODE -->
        <script type="text/javascript">
            var __tw_omni_args__ = { channel: 'widget', link: 'https://app.omnismart.io:3000/', sk: '1591185964576', lang: 'pt-BR' }; 
            var script = document.createElement('script'); script.type = 'text/javascript'; script.src = __tw_omni_args__.link + 'chat/index.js'; 
            document.head.appendChild(script); 
        </script>
    <?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('template', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>