@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>Dúvidas Frequentes</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">
                                    <div class="row">
                                        <div class="form-group col-md-4" data-tour-title="Bateu a Dúvida?" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Selecione aqui o setor." data-tour-index="1">
                                            {!! Form::open(['route' => 'faq.bycat', 'method' => 'post', 'role' => 'form']) !!}
                                                <div class="form-group">
                                                     {!! Form::label('faq_categoria_id', '&nbsp;', ['class' => 'control-label']) !!}
                                                     {!! Form::select('faq_categoria_id', $categorias, $categoria, ['class'=>'bs-select form-control input-large', 'onchange'=>'carregaFaq(this.value)','data-style'=>'blue-madison']) !!}
                                                </div>
                                            {!! Form::close() !!}
                                        </div>
                                    </div>
                                    @if(count($faqs) > 0)
                                        <div class="portlet box blue-madison" data-tour-title="Bateu a Dúvida?" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>A sua dúvida pode ser a mesma dos outros clientes, consira a seguir uma lista das perguntas mais que mais são realizadas, assim como as suas respostas." data-tour-index="1">
                                            <div class="portlet-title">
                                                <div class="caption">
                                                    <i class="glyphicon glyphicon-question-sign"></i>Dúvidas Frequentes 
                                                </div>
                                            </div>
                                            <div class="portlet-body">
                                                <div class="panel-group accordion" id="accordion1">
                                                    @foreach($faqs as $faq)
                                                        <div class="panel panel-default">
                                                            <div class="panel-heading">
                                                                <h4 class="panel-title">
                                                                    <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion1" href="#collapse_{{ $faq->id }}"> {{ $faq->pergunta }} </a>
                                                                </h4>
                                                            </div>
                                                            <div id="collapse_{{ $faq->id }}" class="panel-collapse collapse">
                                                                <div class="panel-body">
                                                                    {!! $faq->resposta !!}
                                                                </div>
                                                            </div>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        </div>
                                    @else
                                        <br><br><br><br>
                                        <center><h1>Novidades em breve!</h1></center>
                                        <br><br><br><br>
                                    @endif
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <!-- END PAGE CONTENT BODY -->
@stop()
@section('js-faq')

<script>
    function carregaFaq(url){
        window.location.href=url;
    }
</script>

    @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
@stop