@extends('template')

@section('content')
    </div>
    <div class="page-content">
        <div class="container-fluid">
            
            <!-- BEGIN PAGE BREADCRUMBS -->
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <a href="{{ route('dashboard') }}">Dashboard</a>
                    <i class="fa fa-circle"></i>
                </li>
                <li>
                    <span>Suporte</span>
                </li>
            </ul>
            <!-- END PAGE BREADCRUMBS -->

            <div class="page-content-inner">
                <div class="row">
                    <div class="col-md-12">
                        @if (session('message'))
                            <div class="alert alert-success">
                                <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
                                {{ session('message') }}
                            </div>
                        @endif
                        <div class="portlet light ">
                            <div class="row">
                                <div class="form-group col-md-12">
                                    <div class="row">
                                        <div class="form-group col-md-4" style="min-height:300px !important;" data-tour-title="Bateu a Dúvida?" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Aqui você pode acessar a nossa sessão de dúvidas!" data-tour-index="1">
                                            <div class="portlet box grey-mint">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="glyphicon glyphicon-question-sign"></i>Dúvidas Frequentes 
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:;" class="collapse"> </a>
                                                    </div>
                                                </div>
                                                <div class="portlet-body" style="min-height: 197px">
                                                    <div class="panel-group accordion">
                                                        <center>
                                                            Dúvidas sobre produtos e/ou serviços?<br/><br/> 
                                                            Confira nossa sessão de dúvidas frequentes e saiba qual a melhor solução para seu negócio!
                                                            <p>&nbsp;</p>
                                                            
                                                            <a href="{{ route('faq') }}">
                                                                <span class="btn grey-mint btn btn-md"  data-size="l">
                                                                    <span class="ladda-label">Acessar FAQ</span>
                                                                </span>
                                                            </a>
                                                        </center>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group col-md-4" style="min-height:300px !important;" data-tour-title="Manuais" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Aqui você pode acessar a nossa Wiki e conferir como utilizar as ferramentas de uma forma prática e rápida!" data-tour-index="2">
                                             <div class="portlet box grey-mint">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="fa fa-book"></i>Manuais de Utilização 
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:;" class="collapse"> </a>
                                                    </div>
                                                </div>
                                                <div class="portlet-body" style="min-height: 197px">
                                                    <div class="panel-group accordion">
                                                        <center>
                                                            Tem alguma dúvida, dificuldade na utilização de algum dos nossos sistemas? <br/>
                                                            Pensando em você criamos a área <a href='http://wiki.twsolutions.com.br/' target='_blank'>Wiki,</a> para consultas rápidas!
                                                            <p>&nbsp;</p>
                                                            <a href="http://wiki.twsolutions.com.br" target="blank">
                                                                <span class="btn grey-mint btn btn-md"  data-size="l">
                                                                    <span class="ladda-label">Consultar a Wiki</span>
                                                                </span>
                                                            </a>
                                                        </center>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group col-md-4" style="min-height:300px !important;" data-tour-title="Telefones Úteis" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Ligando *901 você pode falar com a equipe do Suporte.<br/>Já ligando para *900 você pode consultar seu saldo de créditos" data-tour-index="3">
                                             <div class="portlet box grey-mint">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="glyphicon glyphicon-phone"></i>Saldo e Atendimento 
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:;" class="collapse"> </a>
                                                    </div>
                                                </div>
                                                <div class="portlet-body" style="min-height: 197px">
                                                    <div class="panel-group accordion">
                                                        <center>
                                                        Para atendimento disque:
                                                        <div class="price-table-pricing">
                                                            <h3>
                                                                <sup class="price-sign">*</sup>901
                                                            </h3>
                                                        </div>
                                                        Para ouvir seu saldo disque:
                                                        <div class="price-table-pricing">
                                                            <h3>
                                                                <sup class="price-sign">*</sup>900
                                                            </h3>
                                                        </div>
                                                        </center>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-4" data-tour-title="Está com Problemas?" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Através do nosso sistema de Tickets, você pode entrar em contato com a nossa equipe para resolução do problema." data-tour-index="4">
                                             <div class="portlet box purple">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="glyphicon glyphicon-question-sign"></i>Ticket (e-mail) 
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:;" class="collapse"> </a>
                                                    </div>
                                                </div>
                                                <div class="portlet-body" style="min-height: 327px">
                                                    <div class="panel-group accordion">
                                                        <center>
                                                            <br/    >
                                                            {{ Auth::user()->name }}, estamos aqui para te ajudar!
                                                            <p>&nbsp;</p>
                                                            Tem alguma dúvida, dificuldade ou precisa solicitar algum serviço? <br/>
                                                            <p>&nbsp;</p>
                                                            Abra um ticket ou envie sua solicitação via formulário diretamente na sua Área do Cliente.
                                                            <p>&nbsp;</p>
                                                            <a href="{{ route('suporte.ticket') }}">
                                                                <span class="btn purple btn btn-md"  data-size="l">
                                                                    <span class="ladda-label">Abrir Chamado</span>
                                                                </span>
                                                            </a>
                                                        </center>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="form-group col-md-4" data-tour-title="Seus Tickets" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Sempre que você abre um ticket ele fica registrado aqui para você poder acompanhar o andamento da sua solução." data-tour-index="5" >
                                             <div class="portlet box purple">
                                                <div class="portlet-title">
                                                    <div class="caption">
                                                        <i class="fa fa-weixin"></i>Meus Tickets 
                                                    </div>
                                                    <div class="tools">
                                                        <a href="javascript:;" class="collapse"> </a>
                                                    </div>
                                                </div>
                                                <div class="portlet-body" style="min-height: 327px">
                                                    <div class="panel-group accordion">
                                                        @foreach($tickets as $ticket)
                                                            <div>
                                                                <span class=" color-view btn btn-circle btn-sm bold uppercase @if($ticket->status=='Aberto')bg-green-jungle bg-font-green-jungle @else bg-grey-salsa bg-font-grey-salsa @endif">{{$ticket->status}}</span>
                                                                #{{$ticket->id}} <a href='{{ route('suporte.visualizar.ticket',['id'=>$ticket->id]) }}'>{{$ticket->assunto}}</a><br/>
                                                                Última Atualização: {{dateToBRTime($ticket->updated_at)}}
                                                            </div>
                                                        @endforeach
                                                    </div>
                                                    <a class="btn purple" href="{{route('meus.tickets')}}"><i class="fa fa-bullseye"></i> <strong>Ver todos</strong></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <!-- END PAGE CONTENT BODY -->
@stop()
    @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> -->
    @endif
@section('js-faq')
<link href="{{ asset('/assets/global/css/components.min.css') }}" rel="stylesheet" id="style_components" type="text/css" />
<script src="{{ asset('/assets/global/plugins/bootstrap/js/bootstrap.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/jquery.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
@stop