@extends('dashboard.layouts.master')

@section('title', __('backend.editmessageTemplate'))
@push("after-styles")
<link href="{{ asset("assets/dashboard/js/iconpicker/fontawesome-iconpicker.min.css") }}" rel="stylesheet">
<link rel= "stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" />
@endpush
@section('content')
<div class="padding edit-package">
<div class="box">
<div class="box-header m-b-2">
<div class="box-header-left">
    <h3> {{ __('backend.editmessageTemplate') }}
    </h3>
    <small>
        <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a> / {{ __('backend.settings') }} /
        <a href="{{ route('emailtemplate') }}">{{ __('backend.emailtemplate') }}</a> / {{ __('backend.editmessageTemplate') }}
    </small>
</div>
<div class="box-header-right">
    <div class="box-tool">
        <ul class="nav">
            <li class="nav-item inline">
                <a class="nav-link" href="{{ route('emailtemplate') }}">
                    <i class="material-icons md-18">×</i>
                </a>
            </li>
        </ul>
    </div>
</div>
</div>

<div class="box-body">
{{Form::open(['route'=>['emailtemplate.update',"id"=>$emailtemplate->id],'method'=>'POST', 'files' => true, 'id' => 'emailtemplateForm'])}}
<div class="personal_informations">
    <div class="form-group">
        <div class="row">
            <emailtemplate class="col-xl-2 form-control-emailtemplate">{{ __('backend.title') }}<span
                class="valid_field">*</span> </emailtemplate>
                <div class="col-xl-10">
                    <input type="text" name="title" id="title" class="form-control" placeholder="{{ __('backend.title') }} " value="{{ isset($emailtemplate->title)?$emailtemplate->title:old('title') }}">
                    @if ($errors->has('title'))
                    <span class="help-block">
                        <span  style="color: red;" class='validate'>{{ $errors->first('title') }}</span>
                    </span>
                    @endif
                </div>
            </div>
        </div>

        <div class="form-group">
            <div class="row">
                <label for="subject" class="col-xl-2 form-control-label">{{ __('backend.subject') }} <span
                    class="valid_field">*</span></label>
                    <div class="col-xl-10">
                        <input type="text" name="subject" id="subject" class="form-control" placeholder="{{ __('backend.subject') }}" value="{{ isset($emailtemplate->subject)?$emailtemplate->subject:old('subject') }}">
                        @if ($errors->has('subject'))
                        <span class="help-block">
                            <span  style="color: red;" class='validate'>{{ $errors->first('subject') }}</span>
                        </span>
                        @endif
                    </div>
                </div>
            </div>

            <div class="form-group">
                <div class="row">
                    <label for="content" class="col-xl-2 form-control-label">{{ __('backend.content') }}<span
                        class="valid_field">*</span></label>
                        <div class="col-xl-10">
                            <textarea class="form-control" id="page_content" name="content" autofocus >{{ isset($emailtemplate->content)?urldecode($emailtemplate->content):old('content') }}</textarea>
                            @if ($errors->has('content'))
                            <span class="help-block">
                                <span  style="color: red;" class='validate'>{{ $errors->first('content') }}</span>
                            </span>
                            @endif
                        </div>
                    </div>
                </div>
                
                <div class="form-group m-t-md">
                    <div class="row">
                        <div class="offset-xl-2 col-xl-10">
                            <button type="submit" class="solid-button m-r-1" id="submitDetail">{{ __('backend.update') }}</button>
                            <a href="{{ route('emailtemplate')}}" class="border-btn">
                                {!! __('backend.cancel') !!}
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            {{Form::close()}}
        </div>
    </div>
</div>
@endsection
@push("after-scripts")
<script src="{{ asset("assets/dashboard/js/iconpicker/fontawesome-iconpicker.js") }}"></script>
<script src="{{ asset("assets/dashboard/js/summernote/dist/summernote.js") }}"></script>
<script src= "https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/js/bootstrap-datepicker.min.js"></script>


<script>
    
    $(document).ready(function() {
        $('#submitDetail').on('click', function() {
            var myForm = $("form#emailtemplateForm");
            if (myForm) {
                $(this).prop('disabled', true);
                $(myForm).submit();
            }
        });
    });

    function sendFile(file, editor, welEditable, lang) {
        data = new FormData();
        data.append("file", file);
        data.append("_token", "{{csrf_token()}}");
        
    }

// update progress bar
    function progressHandlingFunction(e) {
        if (e.lengthComputable) {
            $('progress').attr({value: e.loaded, max: e.total});
    // reset progress on complete
            if (e.loaded == e.total) {
                $('progress').attr('value', '0.0');
            }
        }
    }
</script>
<script>
    CKEDITOR.on( 'instanceReady', function( ev ) {
        document.getElementById( 'eMessage' ).innerHTML = 'Instance <code>' + ev.editor.name + '<\/code> loaded.';
        
        document.getElementById( 'eButtons' ).style.display = 'block';
    });

    function InsertHTML() {
        var editor = CKEDITOR.instances.editor1;
        var value = document.getElementById( 'htmlArea' ).value;

        if ( editor.mode == 'wysiwyg' )
        {
            editor.insertHtml( value );
        }
        else
            alert( 'You must be in WYSIWYG mode!' );
    }

    function InsertText() {
        var editor = CKEDITOR.instances.editor1;
        var value = document.getElementById( 'txtArea' ).value;

        if ( editor.mode == 'wysiwyg' )
        {
            editor.insertText( value );
        }
        else
            alert( 'You must be in WYSIWYG mode!' );
    }

    function SetContents() {
        var editor = CKEDITOR.instances.editor1;
        var value = document.getElementById( 'htmlArea' ).value;

        editor.setData( value );
    }

    function GetContents() {
        var editor = CKEDITOR.instances.editor1;
        alert( editor.getData() );
    }

    function ExecuteCommand( commandName ) {
        var editor = CKEDITOR.instances.editor1;

        if ( editor.mode == 'wysiwyg' )
        {
            editor.execCommand( commandName );
        }
        else
            alert( 'You must be in WYSIWYG mode!' );
    }

    function CheckDirty() {
        var editor = CKEDITOR.instances.editor1;
        alert( editor.checkDirty() );
    }

    function ResetDirty() {
        var editor = CKEDITOR.instances.editor1;
        editor.resetDirty();
        alert( 'The "IsDirty" status has been reset' );
    }

    function Focus() {
        CKEDITOR.instances.editor1.focus();
    }

    function onFocus() {
        document.getElementById( 'eMessage' ).innerHTML = '<b>' + this.name + ' is focused </b>';
    }

    function onBlur() {
        document.getElementById( 'eMessage' ).innerHTML = this.name + ' lost focus';
    }
    
    CKEDITOR.replace('page_content', {
        on: {
            focus: onFocus,
            blur: onBlur,
            pluginsLoaded: function(evt) {
                var doc = CKEDITOR.document,
                ed = evt.editor;
                if (!ed.getCommand('bold')) doc.getById('exec-bold').hide();
                if (!ed.getCommand('link')) doc.getById('exec-link').hide();
            }
        }
    });


</script>
<script type="text/javascript">
    CKEDITOR.config.height='600px';
</script>
@endpush