@extends('template')

@section('content')
    </div>
    <div class="page-content">
        <div class="container-fluid">
            
            <!-- BEGIN PAGE BREADCRUMBS -->
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    @if(!isset(Auth::user()->menu))
						<a href="{{ route('dashboard') }}">Dashboard</a>
					@else
						<a href="#">Dashboard</a>
					@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 ">
                            @if (count($errors) > 0)
                                <div class="alert alert-danger">
                                    <strong> O Formulário está com os erros abaixo:</strong><br><br>
                                    <ul>
                                        @foreach ($errors->all() as $error)
                                            <li>{{ $error }}</li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="row">
                                <div class="form-group col-md-12">
                                    {!! Form::open(['route' => 'suporte.create', 'method' => 'post', 'files' => true]) !!}
                                        <div class="row">
                                            <div class="form-group col-md-4" data-tour-title="Abrindo Ticket" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Aqui voc~e pode selecionar o setor que irá lhe atender:" data-tour-index="1">
                                                <div class="form-group">
                                                     {!! Form::label('setor', 'Setor:', ['class' => 'control-label']) !!}
                                                     {!! Form::select('setor', $setores, '', ['class'=>'form-control', 'id'=>'departamento', 'onchange'=>'get_assunto()']) !!}
                                                </div>
                                            </div>
                                            <div class="form-group col-md-4" data-tour-title="Abrindo Ticket" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Aqui você pode informar qual a dificuldade que está enfrentando." data-tour-index="2">
                                                <div class="form-group">
                                                    {!! Form::label('assunto', 'Assunto:', ['class' => 'control-label']) !!}
                                                    {!! Form::select('assunto', [''=>'::Selecione o setor::'], '', ['class'=>'form-control', 'id'=>'assunto']) !!}
                                                </div>            
                                            </div>
                                            <div class="form-group col-md-4" data-tour-title="Abrindo Ticket" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Aqui você pode anexar uma imagem do seu problema, o que pode ajudar muito na solução do mesmo!" data-tour-index="3">
                                                <div class="form-group">
                                                    Anexo:<br/>
                                                    <span class="btn default btn-file">
                                                        <span class="fileinput-new">Procurar</span>
                                                        <span class="fileinput-exists">Selecionar</span>
                                                        {!! Form::file('anexo') !!} 
                                                    </span>
                                                </div>
                                            </div>
                                        </div>

                                        <div class="row" data-tour-title="Abrindo Ticket" data-tour-description="<img src='{{ asset('assets/images/wally.png') }}' alt='Wally' class='wally'><br/>Aqui você pode descrever com detalhes a sua solicitação.
                                        É muito importante informar com detalhes o que ocorre, assim nossa equipe pode solucionar seu problema com maior rapidez!" data-tour-index="4">
                                            <div class="form-group col-md-12">
                                                {!! Form::label('solicitacao', 'Solicitação:', ['class' => 'control-label']) !!}
                                                <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">
                                                {!! Form::submit('Abrir Chamado', ['class' => 'btn blue-madison', 'onclick'=>'block();']) !!} 
                                                <a class="btn red" href="{{ route('meus.tickets') }}">Voltar</a>
                                            </div>                          
                                        </div>
                                    {!! Form::close() !!}
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
    <!-- END PAGE CONTENT BODY -->
@stop()

@section('js-abrir-chamado')
<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>
<link href="{{ asset('/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('/assets/global/plugins/bootstrap-markdown/css/bootstrap-markdown.min.css') }}" rel="stylesheet" type="text/css" />
<script src="{{ asset('/assets/global/plugins/bootstrap-wysihtml5/wysihtml5-0.3.0.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/bootstrap-wysihtml5/bootstrap-wysihtml5.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/pages/scripts/form-validation.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/global/plugins/jquery.blockui.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('/assets/pages/scripts/ui-blockui.min.js') }}" type="text/javascript"></script>
<script>
    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: "{{ route('suporte.search.assunto') }}", 
                data: {departamento: departamento}, 
                success: function(data) { 

                    str += '<option value="">::Selecione o assunto::</option>';

                    $(data).each(function () {

                        str += '<option value=' + this.id + '>' + this.assunto + '</option>';
                    })

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

                    str = "";
                } 
            });
        }
    }

    function block(){
        $.blockUI({ message: "Olá {{ Auth::user()->name}}, por favor aguarde um momento enquanto processamos a sua solicitação <img src='{{ asset('/assets/global/img/loading.gif') }}'>" });
    }

</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