@extends('layouts.admin')

@section('page-title', trans('crm.document_template'))

@section('content')


    <div class="page-header page-header-light">
        <div class="page-header-content header-elements-md-inline">
            <div class="page-title d-flex">
                <h4><a href="javascript:history.back()" style="color: black;"><i class="icon-arrow-left52 mr-2"></i></a>
                    <span class="font-weight-semibold">{{ trans('crm.document_template') }}</span>
                </h4>
            </div>
        </div>
    </div>

    <div class="content">

        @include('partials.messages')

        <div class="card col-md-12">
            <div class="card-body">
                {!! Form::open(['route' => ['admin.document.template.update'], 'id' => 'template-form']) !!}
                    <input type="hidden" name="id" value="{{ $edit ? $template->id : 0 }}">
                    <div class="form-group">
                        <label><span class="text-danger">*</span>Subject</label>
                        <input type="text" class="form-control" name="subject" value="{{ $edit ? $template->subject : '' }}">
                    </div>
                    <div class="form-group">
                        <label><span class="text-danger">*</span>Content</label>
                        <textarea name="content" class="editable tc-content form-control" id="content" >
                            {!!  $edit ? $template->content : ''  !!}
                        </textarea>
                    </div>

                    <div class="row">
                        <div class="col-md-12 mt-3"><h5>Client Data</h5></div>
                        @foreach( $client_data_keys as $key)
                            <div class="col-md-6">
                                <p>{{ ucfirst(str_ireplace('_', ' ', $key)) }}<span class="float-right add_merge_field">{{'{'.$key.'}'}}</span></p>
                            </div>
                        @endforeach
                    </div>

                    <div class="text-right">
                        <button type="button" class="btn btn-primary" data-action="save">Save</button>
                    </div>
                {!! Form::close() !!}
            </div>
        </div>
    </div>
@stop

@section('scripts')
    {!! JsValidator::formRequest('CRM\Http\Requests\Document\UpdateDocumentTemplateRequest', '#template-form') !!}

    <script>
        $('#template-form button').on('click', function () {
            var editor = tinyMCE.activeEditor;
            var content = editor.getContent();
            if (content === '' || content === undefined) {
                return false;
            }

            $('textarea[name="content"]').val(content);

            $('#template-form button').attr('disabled', 'disabled');

            as.btn.loading($(this), 'Waiting...');

            $('#template-form').submit();
        })
    </script>

@stop