@extends('dashboard.layouts.master')

@section('title', __('Edit Email Template'))
@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> Edit {{ __('backend.emailtemplate') }}
    </h3>
    <small>
    <a href="{{ route('adminHome') }}">{{ __('backend.dashboard') }}</a>/
    <span>{{ __('backend.generalSiteSettings') }}</span>/
        <a href="{{ route('emailtemplate') }}">{{ __('backend.emailtemplate') }}</a> / Edit Email Template
    </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])}}
<div class="personal_informations">
                    <div class="form-group">
                        <div class="row">
                            <emailtemplate class="col-xl-2 form-control-emailtemplate">Title [EN]<span
                                class="valid_field">*</span> </emailtemplate>
                            <div class="col-xl-10">
                                <input type="text" name="title" id="title" class="form-control" placeholder="Title [EN]" 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">
                            <emailtemplate class="col-xl-2 form-control-emailtemplate">Title [AR]<span
                                class="valid_field">*</span> </emailtemplate>
                            <div class="col-xl-10">
                                <input type="text" name="title_ar" id="title_ar" class="form-control" placeholder="Title [AR]" value="{{ isset($emailtemplate->title_ar)?$emailtemplate->title_ar:old('title_ar') }}">
                                @if ($errors->has('title_ar'))
                                <span class="help-block">
                                    <span  style="color: red;" class='validate'>{{ $errors->first('title_ar') }}</span>
                                </span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="row">
                            <label class="col-xl-2 form-control-label">Subject [EN]<span
                                class="valid_field">*</span></label>
                            <div class="col-xl-10">
                                <input type="text" name="subject" id="subject" class="form-control" placeholder="Subject [EN]" 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 class="col-xl-2 form-control-label">Subject [AR]<span
                                class="valid_field">*</span></label>
                            <div class="col-xl-10">
                                <input type="text" name="subject_ar" id="subject_ar" class="form-control" placeholder="Subject [AR]" value="{{ isset($emailtemplate->subject_ar)?$emailtemplate->subject_ar:old('subject_ar') }}">
                                @if ($errors->has('subject_ar'))
                                <span class="help-block">
                                    <span  style="color: red;" class='validate'>{{ $errors->first('subject_ar') }}</span>
                                </span>
                                @endif
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="row">
                            <label class="col-xl-2 form-control-label">Content [EN]<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">
                        <div class="row">
                            <label class="col-xl-2 form-control-label">Content [AR]<span
                                class="valid_field">*</span></label>
                            <div class="col-xl-10">
                                <textarea class="form-control" id="page_content_ar" name="content_ar" autofocus >{{ isset($emailtemplate->content_ar)?urldecode($emailtemplate->content_ar):old('content_ar') }}</textarea>
                                @if ($errors->has('content_ar'))
                                <span class="help-block">
                                    <span  style="color: red;" class='validate'>{{ $errors->first('content_ar') }}</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">Update</button>
                                <a href="{{ route('emailtemplate')}}" class="border-btn">
                                    {!! __('backend.cancel') !!}
                                </a>
                            </div>
                        </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>
        

        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();
            }
        }
    });
    CKEDITOR.replace('page_content_ar', {
        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