@extends('layouts.app')

@section('breadcrumb')
<ul class="breadcrumb">
	<li><a href="/home">{!! trans('messages.home') !!}</a></li>
	<li class="active">{!! trans('messages.form') !!} {!! trans('messages.template') !!}</li>
</ul>
@stop

@section('content')
{!! Html::script('js/tinymce.min.js') !!}
<script>

window.onload = function(){
	tinymce.init({
		selector: '#template_textarea',
		file_picker_types: 'file image media',
		paste_data_images: true,
		setup: function (editor) {
			editor.on('change', function () {
				editor.save();
			});
		},
		height: 700,
		valid_elements : '*[*]',
		entity_encoding : "raw",
		images_upload_handler: function (blobInfo, success, failure) {
    	success("data:" + blobInfo.blob().type + ";base64," + blobInfo.base64());
		},
		plugins: 'advlist autolink link image lists charmap print preview hr anchor ' +
		'searchreplace wordcount visualblocks visualchars code fullscreen fullpage insertdatetime nonbreaking ' +
		'table directionality paste',
		toolbar: 'undo redo | styleselect | bold italic forecolor backcolor | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image table | preview fullscreen code'
	});


}
function field_selected(field)
{
	if(field.includes('_SIGN_'))
	{
		var signatory = '<span style="margin-top:5px;font-size:13px;width:150px;float: right;text-align:center;">Employee Signature</span><br>';
		tinymce.activeEditor.execCommand('mceInsertContent', false, '<div>'+signatory+'<img class="bordered" id="'+field+'" src="[['+field+']]" style="width: 150px; height: 100px;border: solid 1px black;float:right;" /></div><div style="clear: both;"></div>');
	}else{
		tinymce.activeEditor.execCommand('mceInsertContent', false, "[["+field.trim()+"]]");
	}
}
</script>
<style>
.tox-notifications-container{
	display: none;
}
.tox-textarea{
	overflow-y: auto;
}
</style>
<div class="row">
	<div class="col-sm-12" id="box-detail">
		<div class="box-info">
			<h2>{!! trans('messages.edit').' '. trans('messages.form').' '.trans('messages.template') !!} - {!! App\Company::find($template->tenant_id)->company_name ?? '' !!}</h2>
			<div>
				{!! Form::model($template,['method' => 'PATCH','route' => ['form-template.update',$template] ,'class' => 'general-template-form',' name' => 'general-template-form-edit','id' => 'general-template-form-edit','data-form-table' => 'template_table']) !!}
				<div class="form-group col-xs-3">
					{!! Form::label('name',trans('messages.name'),[])!!}
					{!! Form::input('text','name',isset($template->name) ? $template->name : '',['required' => 'true','class'=>'form-control','placeholder'=>trans('messages.name')])!!}
				</div>
				<div class="col-md-3 form-group">
						{!! Form::label('module',trans('messages.module'),[]) !!}
						{!! Form::select('module',config('modules'), $template->module,['class'=>'form-control show-tick', 'title'=>trans('messages.module'),'data-actions-box'=>'true']) !!}
				</div>
				<div class="form-group col-xs-3">
					{!! Form::label('category',trans('messages.form_category'),[])!!}
					{!! Form::select('category',App\FormTemplate::$category, $template->category,['class'=>'form-control', 'title'=>trans('messages.category'),'data-actions-box'=>'true']) !!}
				</div>
				@if (Laratrust::isAbleTo('list-client'))
				<div class="col-md-3 form-group">
						{!! Form::label('clients',trans('messages.client'),[]) !!}
						{!! Form::select('client_id',$clients,$template->client_id ?: '',['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.client'),'data-actions-box'=>'true']) !!}
				</div>
				@endif
				<div class="col-md-3 form-group">
						{!! Form::label('relationship',trans('messages.relationship').' '.trans('messages.module'),[]) !!}
						{!! Form::select('relationship', $relationship_list, $template->relationship,['class'=>'form-control show-tick', 'title'=>trans('messages.module'),'data-actions-box'=>'true']) !!}
				</div>
				@if($template->relationship)
				<div class="col-md-3 form-group">
						{!! Form::label('relationship_id',trans('messages.relationship').' '.trans('messages.item'),[]) !!}
						{!! Form::select('relationship_id',$relationships, $template->relationship_id,['class'=>'form-control show-tick','title'=>trans('messages.module'),'data-actions-box'=>'true']) !!}
				</div>
				@endif
				<div class="col-md-3 form-group">
						{!! Form::label('header',trans('messages.header').' '.trans('messages.template'),[]) !!}
						{!! Form::select('header',$headers,$template->header ?: '',['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.header').' '.trans('messages.template'),'data-actions-box'=>'true', 'disabled'=>$template->category != 'body']) !!}
				</div>
				<div class="col-md-3 form-group">
						{!! Form::label('footer',trans('messages.footer').' '.trans('messages.template'),[]) !!}
						{!! Form::select('footer',$footers,$template->footer ?: '',['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.footer').' '.trans('messages.template'),'data-actions-box'=>'true', 'disabled'=>$template->category != 'body']) !!}
				</div>
				<div class="col-md-3 form-group">
						{!! Form::label('active',trans('messages.active'),[]) !!}
						{!! Form::select('active',[0 => 'inactive' , 1 => 'active'] ,$template->active,['class'=>'form-control show-tick','title'=>trans('messages.select').' '.trans('messages.active'),'data-actions-box'=>'true']) !!}
				</div>
				<div class="form-group col-xs-12">
					{!! Form::label('body',trans('messages.body'),[])!!}
					<textarea name="template_textarea" id="template_textarea">{!! $template->body !!}</textarea>
					<div class="help-block">
						<strong>{!! trans('messages.available').' '.trans('messages.field') !!}</strong> :
						<br>
						@foreach(explode(',',trim($template->fields)) as $key => $mode)
							<span class="badge badge-success selector-badge">	<a href="#" onclick="field_selected('{{$mode}}')">{{$mode}}</a></span>
						@endforeach
						<br>
						{{ trans('messages.template_field_instruction') }}
					</div>
				</div>
				@if(Auth::user()->hasRole('Master'))
				<div class="form-group col-xs-12">
					{!! Form::label('',trans('messages.field').' ('.trans('messages.hidden').')',[])!!}
					<textarea class="form-control" name="fields" cols="30" rows="3" id="fields" required data-autoresize=1>{{$template->fields}}</textarea>
				</div>
				@endif
				<div class="form-group col-xs-12 text-right">
					<a target="_blank" href="{{url('/form-template/preview/'.$template->id)}}" class="btn btn-sm btn-success">Preview<a/>
						{!! Form::submit(isset($buttonText) ? $buttonText : trans('messages.save'),['class' => 'btn btn-sm btn-primary']) !!}
					</div>
					{!! Form::close() !!}
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	@stop