@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="portlet-body form">
                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="font-blue-madison title"><i class="icon-question"></i> F.A.Q.</span>
                                        <a href="{{ route('admin.faqs') }}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar a consulta de F.A.Q.s"><i class="fa fa-arrow-circle-left"></i> Voltar</a>
                                        <hr>
                                    </div>
                                </div>
                                @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]) !!}
                                    {!! Form::hidden('id', $faq->id) !!}
                                    <div class="row">
                                        <div class="form-group col-md-6">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::select('departamento_id', $categorias, $faq->departamento_id, ['class'=>'form-control']) !!}
                                                {!! Form::label('departamento_id', 'Categoria', ['class' => 'control-label']) !!}
                                            </div>
                                        </div>
                                        <div class="form-group col-md-6">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                {!! Form::text('pergunta', $faq->pergunta, ['class' => 'form-control', 'autocomplete' => 'off']) !!}
                                                {!! Form::label('pergunta', 'Pergunta') !!}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="form-group col-md-12">
                                            <div class="portlet light form-fit ">
                                                <div class="row">
                                                    <div class="form-group col-md-12">
                                                        <div class="portlet-title">
                                                            <div class="caption">
                                                                <span class="caption-subject font-blue-madison">Resposta</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet-body form">
                                                    <div class="form-body">
                                                        <div class="form-group last">
                                                            <div class="col-md-12">
                                                                <textarea name="resposta" id="resposta"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </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.faqs')}}" 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>
                                {!! 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>
    <link href="{{ asset('/assets/global/plugins/bootstrap-summernote/summernote.css') }}" rel="stylesheet" type="text/css" />
    <script src="{{ asset('/assets/global/plugins/bootstrap-summernote/summernote.min.js') }}" type="text/javascript"></script>

    <script>
        $('#resposta').summernote({height: 300});
        @if($faq->id != '')
            $('#resposta').summernote('code', '{{$faq->resposta}}');
        @endif
    </script>
@stop()