@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">
                                <div class="row">
                                    <div class="col-md-12">
                                        <span class="font-blue-madison title"><i class="fa fa-puzzle-piece"></i> Templates de Email</span>
                                        <a href="{{route('admin.mail.template')}}" class="right btn red popovers" data-container="body" data-trigger="hover" data-placement="top" data-content="Voltar para consulta de templates de Email"><i class="fa fa-arrow-circle-left"></i>  Voltar</a>
                                        <hr>
                                    </div>
                                </div>
                                {!! Form::open(['route' => $action->route, 'method' => $action->method, 'id'=>'templateMail']) !!}
                                    {!! Form::hidden('id', $template->id) !!}
                                    <div class="row">
                                        <div class="form-group col-md-7">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-info"></i>
                                                    </span>
                                                    {!! Form::label('name', 'Nome do Template') !!}
                                                    {!! Form::text('name', $template->name, ['class' => 'form-control', 'autocomplete' => 'off','id'=>'name']) !!}
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-group col-sm-3">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-user"></i>
                                                    </span>
                                                    {!! Form::label('disponivel_para', 'Disponível para?', ['class' => 'control-label']) !!}
                                                    {!! Form::select('disponivel_para', getPerfilVendedores(), $template->disponivel_para, ['class'=>'form-control']) !!}
                                                </div>
                                            </div>
                                        </div>
                                    
                                        <div class="form-group col-md-2">
                                            <div class="form-group form-md-line-input has-personalizado form-md-floating-label">
                                                <div class="input-group left-addon">
                                                    <span class="input-group-addon has-personalizado">
                                                        <i class="fa fa-toggle-on"></i>
                                                    </span>
                                                    {!! Form::label('status', 'Status', ['class' => 'control-label']) !!}
                                                    {!! Form::select('status', ['Ativo'=>'Ativo','Inativo'=>'Inativo'], $template->status, ['class'=>'form-control']) !!}
                                                </div>
                                            </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-8">
                                                        <div class="portlet-title">
                                                            <div class="caption">
                                                                <span class="caption-subject font-blue-madison">Conteúdo</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="portlet-body form">
                                                    <div class="form-body">
                                                        <div class="form-group last">
                                                            <div class="col-md-12" id='row_cabecalho'>
                                                                <textarea name="conteudo" id="conteudo"></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="Salvar Template de email">
                                                <i class=" fa fa-save"></i> Salvar
                                            </button>
                                            <a href="{{route('admin.mail.template')}}" 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-servico')
    <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 src="{{ asset('/assets/pages/scripts/components-editors.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready( function() { 
            $("#templateMail").validate({
                rules: {
                    name: "required",
                },
                messages: {
                    name: "Por favor digite o nome so template.",
                }
            });
        });    
        $('#conteudo').summernote({height: 300});

        @if(isset($template->id))

            carrega_template_info();
            
            function carrega_template_info(){
                
                var id = '{{$template->id}}';
                var templates = {!! $templatesAll !!};
                if(id == '0'){
                    $('#conteudo').summernote('code', '');
                
                } else {
                    console.log(templates[id]);
                    $('#conteudo').summernote('code', templates[id].conteudo);
                }
                
                // $.ajaxSetup({
                //     headers: {
                //         'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
                //     }
                // });
                

                // $.ajax({ 
                //     type: "GET", 
                //     url: '{{ route('admin.template.mail.info.get') }}', 
                //     data: {id: id}, 
                //     success: function(data) { 
                //         var json = JSON.parse(data);
                //         $('#conteudo').summernote('code', json.conteudo);
                //     } 
                // });
            }

        @endif
    </script>
@stop()