@extends('template')

@section('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="col-md-12">
                               <span class="font-blue-madison title"><i class="fa fa-comments"></i> Assuntos</span>
                                <a href="{{ route('admin.tickets.assuntos') }}"  class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para consulta de assuntos"><i class="fa fa-arrow-circle-left"></i> Voltar</a>
                                <hr>
                            </div>
                            <div class="portlet-body form">
                                @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
                                {!! Form::open(['route' => $action->route, 'method' => $action->method, 'id'=>'frm_assunto','role' => 'form', 'files' => true]) !!}
                                    {!! Form::hidden('id', $assunto->id) !!}
                                    <p>&nbsp;</p>
                                    <div class="row">
                                        <div class="form-group col-md-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('departamento_id', $departamentos, $assunto->departamento_id, ['class'=>'form-control']) !!}
                                                {!! Form::label('departamento_id', 'Departamento', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('assunto', $assunto->assunto, ['class' => 'form-control', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('assunto', 'Assunto') !!}
                                            </div>
                                        </div>

                                        <div class="form-group col-md-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('hora_sla', $assunto->hora_sla, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'hora_sla']) !!}
                                                {!! Form::label('hora_sla', 'SLA(Horas Úteis)') !!}
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('active', ['yes'=>'Ativo','no'=>'Inativo'], $assunto->active, ['class'=>'form-control']) !!}
                                                {!! Form::label('active', 'Status', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-12">
                                            <h4 class="font-blue-madison bold">Fluxo de Atendimento</h4>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <br/>
                                            <div class="fileinput fileinput-new popovers" data-provides="fileinput" data-container="body" data-trigger="hover" data-placement="top" data-content="Clique aqui para realizar o upload do fluxo de atendimento.">
                                                <div class="input-group input-medium">
                                                    <span class="input-group-addon btn blue-madison btn-file">
                                                        <input name="fluxo_atendimento" id ="fluxo_atendimento" type="file">
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                        @if(!empty($assunto->fluxo_atendimento))
                                            <div class="form-group col-md-6">
                                                <img class="img-responsive" src="{{ asset($assunto->fluxo_atendimento) }}">
                                            </div>
                                        @endif
                                    </div>            
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <button type="submit" name="Salvar" value='Salvar' class="btn green-jungle popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Finalizar e salvar o registro.">
                                                <i class=" fa fa-save"></i> Salvar
                                            </button>
                                            <a href="{{route('admin.tickets.assuntos')}}" 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-close"></i> Cancelar</a>
                                        </div>                          
                                    </div>
                                    <p>&nbsp;</p>
                                {!! Form::close() !!}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END PAGE CONTENT INNER -->
        </div>
    </div>
@stop()
@section('js-admin-faq')
    <script src="{{ asset('/assets/global/scripts/app.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready( function() { 
            $("#frm_assunto").validate({
                rules: {
                    departamento_id: "required",
                    assunto: "required"
                },
                messages: {
                    name: "Selecione um departamento.",
                    descricao: "Digite o 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 = "";
                    } 
                });
            }
        }
    </script>
    <script src="{{ asset('/assets/apps/scripts/jquery.maskMoney.js') }}" type="text/javascript"></script>
    <script>
        $(function(){
            $("#hora_sla").maskMoney({symbol:'', showSymbol:true, thousands:'', decimal:'', symbolStay: true});
        });        
    </script>
@stop()