@extends('admin.layouts.app')
@php
$availableAdmn = [];
if(!empty(@$corporate_admin)){
    foreach($corporate_admin as $key => $val){
        $data['id'] = $key; 
        $data['value'] = html_entity_decode($val['admin_name'])." [".html_entity_decode($val['title'])."]";
        $data['admin_name'] = $val['admin_name']; 
        array_push($availableAdmn, $data);
    } 
    $availableAdmn = json_encode($availableAdmn);
} 
@endphp
@section('content')
<div class="container-fluid">
    <div class="row bg-title">
        <div class="col-lg-3 col-md-4 col-sm-4 col-xs-12">
            <h4 class="page-title">Agreement Manager</h4>
        </div>
        <div class="col-lg-9 col-sm-8 col-md-8 col-xs-12">
            <ol class="breadcrumb">
                <li><a href="{{ route('dashboard') }}">Dashboard</a></li>
                <li><a href="{{ route('testimonials.list') }}">Agreements</a></li>
                <li class="active">Agreement</li>
            </ol>
        </div>
    </div>
    <div class="row"> 
        <div class="col-md-12 col-xs-12">
            <div class="white-box">
                <div class="row">
                    <div class="col-md-6 col-xs-12">
                        <h3 class="box-title m-b-0">Agreements</h3>
                    </div>
                </div>
                @include('admin.includes.status')
                <div class="row">
                    <div class="col-md-12">  
                        <form id="frm_agreement" name="frm_agreement" method="post" action="{{ route('agreement.edit') }}" class="form-horizontal form-validator" enctype="multipart/form-data">
                        {{ csrf_field() }} 
                        <fieldset class="fieldset col-md-12">
                            <legend class="legend">IMIX Agreement</legend>
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <div class="form-group"> 
                                        <div class="col-md-12"> 
                                            <label class="col-md-12">Content<span class="text-danger">*</span></label> 
                                            <div class="col-md-12">
                                                    <textarea name="agreement_content" id="agreement_content" placeholder="Agreement Content" class="form-control" required>{!! config('common.agreement_content') !!} </textarea>
                                                <div class="clearfix"></div>
                                            </div> 
                                        </div>
                                        <div class="col-md-12 p-t-30"> 
                                            <label class="col-md-12 m-b-5">Supervisor Signature Detail</label>
                                            <div class="col-md-12"> 
                                            <div class="col-md-12">
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Service Provider Name</label>
                                                        <input type="text" name="service_provider_name" id="service_provider_name" placeholder="Service Provider Name" class="form-control" value="{!! config('common.service_provider_name') !!}" /> 
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Signature <span class="alert-danger">(Allowed extension <b>{!! $allow_image_ext !!}</b> and Allowed size <b>{!! $upload_img_size !!}MB</b>.)</span></label>
                                                        <input type="file" name="signature" id="signature" placeholder="Signature" class="form-control" /><br/>
                                                        @if(!empty($signature_img))
                                                        <img src="{{$signature_img}}" width="100px" height="100px"/> 
                                                        <a href="javascript:void(0);" class="btn btn-danger btn-sm" style="margin-top: -75px;margin-left: 15px;" data-toggle="tooltip" data-original-title="Delete Signature Image" onclick="return confirmDelete('{{ route('signature.delete','signature') }}');" > <i class="fa fa-close"></i></a>
                                                        @endif 
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group ui-widget">
                                                        <label class="font-light font-13" for="print_name">Print Name</label>
                                                        @if(strpos(config("common.print_name"), '"') !== false)
                                                            <input type="text" name="print_name" id="print_name" placeholder="Print Name" class="form-control" value='{!! config("common.print_name") !!}' />  
                                                        @elseif(strpos(config("common.print_name"), "'") !== false)
                                                           <input type="text" name="print_name" id="print_name" placeholder="Print Name" class="form-control" value="{!! config('common.print_name') !!}" />  
                                                        @else
                                                           <input type="text" name="print_name" id="print_name" placeholder="Print Name" class="form-control" value="{!! config('common.print_name') !!}" />  
                                                        @endif    
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                            </div> 
                                            </div>
                                        </div> 
                                    </div>
                                    </br>
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <button type="button" class="btn btn-info" id='btn_save'>Save Agreement</button>
                                            <button type="reset" class="btn btn-danger">Reset</button>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </fieldset>
                        </form>
                        <br/>
                    </div>
                </div>
                <div class="row">
                    <div class="col-md-12">
                        <form id="frm_agreement_camp" name="frm_agreement_camp" method="post" action="{{ route('agreement.camp.edit') }}" class="form-horizontal form-validator" enctype="multipart/form-data">
                        {{ csrf_field() }} 
                        <fieldset class="fieldset col-md-12">
                            <legend class="legend">CAMP ITN Agreement</legend>
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <div class="form-group">  
                                        <div class="col-md-12">
                                            <label class="col-md-12">Content<span class="text-danger">*</span></label>
                                            <div class="col-md-12" id="toolbar-container"></div>
                                            <input type="hidden" name="camp_itn_agreement_content" id="camp_itn_agreement_content">
                                            <div class="col-md-12">
                                                <div name="camp_itn_agreement_content_div" id="camp_itn_agreement_content_div" placeholder="Agreement Content" class="form-control" style="height:300px; border-color: #9e9e9eba;" required>{!! config('common.camp_itn_agreement_content') !!} </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 p-t-30"> 
                                            <label class="col-md-12 m-b-5">Supervisor Signature Detail</label>
                                            <div class="col-md-12"> 
                                            <div class="col-md-12">
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Service Provider Name</label>
                                                        <input type="text" name="camp_service_provider_name" id="camp_service_provider_name" placeholder="Service Provider Name" class="form-control" value="{!! config('common.camp_service_provider_name') !!}" /> 
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Signature <span class="alert-danger">(Allowed extension <b>{!! $allow_image_ext !!}</b> and Allowed size <b>{!! $upload_img_size !!}MB</b>.)</span></label>
                                                        <input type="file" name="camp_signature" id="signature" placeholder="Signature" class="form-control" /><br/>
                                                        @if(!empty($camp_signature_img))
                                                        <img src="{{$camp_signature_img}}" width="100px" height="100px"/> 
                                                        <a href="javascript:void(0);" class="btn btn-danger btn-sm" style="margin-top: -75px;margin-left: 15px;" data-toggle="tooltip" data-original-title="Delete Signature Image" onclick="return confirmDelete('{{ route('signature.delete','camp_signature') }}');" > <i class="fa fa-close"></i></a>
                                                        @endif 
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Print Name</label>
                                                        @if(strpos(config("common.camp_print_name"), '"') !== false)
                                                            <input type="text" name="camp_print_name" id="camp_print_name" placeholder="Print Name" class="form-control" value='{!! config("common.camp_print_name") !!}' />  
                                                        @elseif(strpos(config("common.camp_print_name"), "'") !== false)
                                                           <input type="text" name="camp_print_name" id="camp_print_name" placeholder="Print Name" class="form-control" value="{!! config('common.camp_print_name') !!}" />  
                                                        @else
                                                            <input type="text" name="camp_print_name" id="camp_print_name" placeholder="Print Name" class="form-control" value="{!! config('common.camp_print_name') !!}" />  
                                                        @endif  
                                                    </div> 
                                                </div>
                                                <div class="clearfix"></div>
                                            </div> 
                                            </div>
                                        </div> 
                                    </div> 
                                    </br>
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <button type="button" class="btn btn-info" id='btn_save_camp'>Save Agreement</button>
                                            <button type="reset" class="btn btn-danger">Reset</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </fieldset>
                        </form> 
                        </br>
                    </div>
                </div>  
                <div class="row">
                    <div class="col-md-12">
                        <form id="frm_agreement_intern" name="frm_agreement_intern" method="post" action="{{ route('agreement.intern.edit') }}" class="form-horizontal form-validator" enctype="multipart/form-data">
                        {{ csrf_field() }} 
                        <fieldset class="fieldset col-md-12">
                            <legend class="legend">Intern ITN Agreement</legend>
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <div class="form-group"> 
                                        <div class="col-md-12"> 
                                            <label class="col-md-12">Content<span class="text-danger">*</span></label>
                                            <div class="col-md-12" id="intern-toolbar-container"></div>
                                            <input type="hidden" name="intern_itn_agreement_content" id="intern_itn_agreement_content">
                                            <div class="col-md-12">
                                                <div name="intern_itn_agreement_content_div" id="intern_itn_agreement_content_div" placeholder="Agreement Content" class="form-control" style="height:300px; border-color: #9e9e9eba;" required>{!! config('common.intern_itn_agreement_content') !!} </div>
                                                <div class="clearfix"></div>
                                            </div>  
                                        </div> 
                                        <div class="col-md-12 p-t-30"> 
                                            <label class="col-md-12 m-b-5">Supervisor Signature Detail</label>
                                            <div class="col-md-12"> 
                                            <div class="col-md-12">
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Service Provider Name</label>
                                                        <input type="text" name="intern_service_provider_name" id="intern_service_provider_name" placeholder="Service Provider Name" class="form-control" value="{!! config('common.intern_service_provider_name') !!}" /> 
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Signature <span class="alert-danger">(Allowed extension <b>{!! $allow_image_ext !!}</b> and Allowed size <b>{!! $upload_img_size !!}MB</b>.)</span></label>
                                                        <input type="file" name="intern_signature" id="intern_signature" placeholder="Signature" class="form-control"/><br/>
                                                        @if(!empty($intern_signature_img))
                                                        <img src="{{$intern_signature_img}}" width="100px" height="100px"/> 
                                                        <a href="javascript:void(0);" class="btn btn-danger btn-sm" style="margin-top: -75px;margin-left: 15px;" data-toggle="tooltip" data-original-title="Delete Signature Image" onclick="return confirmDelete('{{ route('signature.delete','intern_signature') }}');" > <i class="fa fa-close"></i> </a>
                                                        @endif 
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Print Name</label>
                                                        @if(strpos(config("common.intern_print_name"), '"') !== false)
                                                            <input type="text" name="intern_print_name" id="intern_print_name" placeholder="Print Name" class="form-control" value='{!! config("common.intern_print_name") !!}' />  
                                                        @elseif(strpos(config("common.intern_print_name"), "'") !== false)
                                                           <input type="text" name="intern_print_name" id="intern_print_name" placeholder="Print Name" class="form-control" value="{!! config('common.intern_print_name') !!}" />
                                                        @else 
                                                            <input type="text" name="intern_print_name" id="intern_print_name" placeholder="Print Name" class="form-control" value="{!! config('common.intern_print_name') !!}" />
                                                        @endif 
                                                    </div> 
                                                </div>
                                                <div class="clearfix"></div>
                                            </div> 
                                            </div>
                                        </div> 
                                    </div>
                                    </br>
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <button type="button" class="btn btn-info" id='btn_save_intern'>Save Agreement</button>
                                            <button type="reset" class="btn btn-danger">Reset</button>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </fieldset>
                        </form>
                        </br> 
                     </div>
                </div>  
                <div class="row">
                    <div class="col-md-12">
                        <form id="frm_agreement_trainee" name="frm_agreement_trainee" method="post" action="{{ route('agreement.trainee.edit') }}" class="form-horizontal form-validator" enctype="multipart/form-data">
                        {{ csrf_field() }}     
                        <fieldset class="fieldset col-md-12">
                            <legend class="legend">Trainee ITN Agreement</legend>
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <div class="form-group">  
                                        <div class="col-md-12">
                                            <label class="col-md-12">Content<span class="text-danger">*</span></label>
                                            <div class="col-md-12" id="trainee-toolbar-container"></div>
                                            <input type="hidden" name="trainee_itn_agreement_content" id="trainee_itn_agreement_content">
                                            <div class="col-md-12">
                                                <div name="trainee_itn_agreement_content_div" id="trainee_itn_agreement_content_div" placeholder="Agreement Content" class="form-control" style="height:300px; border-color: #9e9e9eba;" required>{!! config('common.trainee_itn_agreement_content') !!} </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </div> 
                                        <div class="col-md-12 p-t-30"> 
                                            <label class="col-md-12 m-b-5">Supervisor Signature Detail</label>
                                            <div class="col-md-12"> 
                                            <div class="col-md-12">
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Service Provider Name</label>
                                                        <input type="text" name="trainee_service_provider_name" id="trainee_service_provider_name" placeholder="Service Provider Name" class="form-control" value="{!! config('common.trainee_service_provider_name') !!}" /> 
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Signature <span class="alert-danger">(Allowed extension <b>{!! $allow_image_ext !!}</b> and Allowed size <b>{!! $upload_img_size !!}MB</b>.)</span></label>
                                                        <input type="file" name="trainee_signature" id="trainee_signature" placeholder="Signature" class="form-control" /> <br/>
                                                        @if(!empty($trainee_signature_img))
                                                        <img src="{{$trainee_signature_img}}" width="100px" height="100px"/> 
                                                         <a href="javascript:void(0);" class="btn btn-danger btn-sm" style="margin-top: -75px;margin-left: 15px;" data-toggle="tooltip" data-original-title="Delete Signature Image" onclick="return confirmDelete('{{ route('signature.delete','trainee_signature') }}');" > <i class="fa fa-close"></i> </a>
                                                        @endif
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Print Name</label>
                                                        @if(strpos(config("common.trainee_print_name"), '"') !== false)
                                                            <input type="text" name="trainee_print_name" id="trainee_print_name" placeholder="Print Name" class="form-control" value='{!! config("common.trainee_print_name") !!}' />  
                                                        @elseif(strpos(config("common.trainee_print_name"), "'") !== false)
                                                           <input type="text" name="trainee_print_name" id="trainee_print_name" placeholder="Print Name" class="form-control" value="{!! config('common.trainee_print_name') !!}" />  
                                                        @else 
                                                        <input type="text" name="trainee_print_name" id="trainee_print_name" placeholder="Print Name" class="form-control" value="{!! config('common.trainee_print_name') !!}" />
                                                        @endif 
                                                    </div> 
                                                </div>
                                                <div class="clearfix"></div>
                                            </div> 
                                            </div>
                                        </div> 
                                    </div>
                                    </br>
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <button type="button" class="btn btn-info" id='btn_save_trainee'>Save Agreement</button>
                                            <button type="reset" class="btn btn-danger">Reset</button>
                                        </div>
                                    </div>
                                </div> 
                            </div> 
                        </fieldset>
                        </form>
                        </br> 
                    </div>
                </div>
                
                <div class="row">
                    <div class="col-md-12">
                        <form id="frm_agreement_other" name="frm_agreement_other" method="post" action="{{ route('agreement.other.edit') }}" class="form-horizontal form-validator" enctype="multipart/form-data">
                        {{ csrf_field() }}     
                        <fieldset class="fieldset col-md-12">
                            <legend class="legend">Other ITN Agreement</legend>
                            <div class="panel panel-default">
                                <div class="panel-body">
                                    <div class="form-group">  
                                        <div class="col-md-12">
                                            <label class="col-md-12">Content<span class="text-danger">*</span></label>
                                            <div class="col-md-12" id="other-category-toolbar-container"></div>
                                            <input type="hidden" name="other_category_agreement_content" id="other_category_agreement_content"> 
                                            <div class="col-md-12">
                                                <div name="other_category_agreement_content_div" id="other_category_agreement_content_div" placeholder="Agreement Content" class="form-control" style="height:300px; border-color: #9e9e9eba;" required>{!! config('common.other_category_agreement_content') !!} </div>
                                                <div class="clearfix"></div>
                                            </div>
                                        </div>
                                        <div class="col-md-12 p-t-30"> 
                                            <label class="col-md-12 m-b-5">Supervisor Signature Detail</label>
                                            <div class="col-md-12"> 
                                            <div class="col-md-12">
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Service Provider Name</label>
                                                        <input type="text" name="other_service_provider_name" id="other_service_provider_name" placeholder="Service Provider Name" class="form-control" value="{!! config('common.other_service_provider_name') !!}"  /> 
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Signature <span class="alert-danger">(Allowed extension <b>{!! $allow_image_ext !!}</b> and Allowed size <b>{!! $upload_img_size !!}MB</b>.)</span></label>
                                                        <input type="file" name="other_signature" id="other_signature" placeholder="Signature" class="form-control" /> <br/>
                                                        @if(!empty($other_signature_img))
                                                        <img src="{{$other_signature_img}}" width="100px" height="100px"/> 
                                                        <a href="javascript:void(0);" class="btn btn-danger btn-sm" style="margin-top: -75px;margin-left: 15px;" data-toggle="tooltip" data-original-title="Delete Signature Image" onclick="return confirmDelete('{{ route('signature.delete','other_signature') }}');"> <i class="fa fa-close"></i> </a>
                                                        @endif
                                                    </div> 
                                                </div> 
                                                <div class="clearfix"></div>
                                                <div class="col-xs-12">
                                                    <div class="form-group">
                                                        <label class="font-light font-13">Print Name</label>
                                                        @if(strpos(config("common.other_print_name"), '"') !== false)
                                                            <input type="text" name="other_print_name" id="other_print_name" placeholder="Print Name" class="form-control" value='{!! config("common.other_print_name") !!}' />  
                                                        @elseif(strpos(config("common.other_print_name"), "'") !== false)
                                                           <input type="text" name="trainee_print_name" id="other_print_name" placeholder="Print Name" class="form-control" value="{!! config('common.other_print_name') !!}" />  
                                                        @else 
                                                        <input type="text" name="other_print_name" id="other_print_name" placeholder="Print Name" class="form-control" value="{!! config('common.other_print_name') !!}" />  
                                                        @endif  
                                                    </div> 
                                                </div>
                                                <div class="clearfix"></div>
                                            </div> 
                                            </div>
                                        </div> 
                                    </div>
                                    </br>
                                    <div class="form-group">
                                        <div class="col-sm-12">
                                            <button type="button" class="btn btn-info" id='btn_save_other'>Save Agreement</button>
                                            <button type="reset" class="btn btn-danger">Reset</button>
                                        </div>
                                    </div>
                                </div>
                            </div> 
                        </fieldset>  
                        </form>     
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection
@section('scripts')

<script>
    $(document).ready(function () { 
        DecoupledEditor
            .create(document.querySelector('#camp_itn_agreement_content_div'), {
                removePlugins: ['toolbar'],
            })
            .then(editor => {
                const toolbarContainer = document.querySelector('#toolbar-container');
                toolbarContainer.appendChild(editor.ui.view.toolbar.element);
                toolbarContainer.appendChild(editor.ui.view.toolbar.element);
                window.editor = editor;
            })
            .catch(error => {
                console.error(error);
            });
                
        DecoupledEditor
            .create(document.querySelector('#trainee_itn_agreement_content_div'), {
                removePlugins: ['toolbar'],
            })
            .then(traineeEditor => {
                const toolbarContainer = document.querySelector('#trainee-toolbar-container');
                toolbarContainer.appendChild(traineeEditor.ui.view.toolbar.element);
                toolbarContainer.appendChild(traineeEditor.ui.view.toolbar.element);
                window.traineeEditor = traineeEditor;
            })
            .catch(error => {
                console.error(error);
            });
        
        DecoupledEditor
            .create(document.querySelector('#intern_itn_agreement_content_div'), {
                removePlugins: ['toolbar'],
            })
            .then(internEditor => {
                const toolbarContainer = document.querySelector('#intern-toolbar-container');
                toolbarContainer.appendChild(internEditor.ui.view.toolbar.element);
                toolbarContainer.appendChild(internEditor.ui.view.toolbar.element);
                window.internEditor = internEditor;
            })
            .catch(error => {
                console.error(error);
            });
                
        DecoupledEditor
            .create(document.querySelector('#other_category_agreement_content_div'), {
                removePlugins: ['toolbar'],
            })
            .then(otherEditor => {
                const toolbarContainer = document.querySelector('#other-category-toolbar-container');
                toolbarContainer.appendChild(otherEditor.ui.view.toolbar.element);
                toolbarContainer.appendChild(otherEditor.ui.view.toolbar.element);
                window.otherEditor = otherEditor;
            })
            .catch(error => {
                console.error(error);
            });        

        $(document).on("click", "#btn_save", function () { 
            $('#tasklist ul li div:nth-child(2)'); 
            $("#frm_agreement").submit();
        });
        
        $(document).on("click", "#btn_save_camp", function () {
            $('#tasklist ul li div:nth-child(2)');
            
            var editore_val = window.editor.getData(); 
            $("#camp_itn_agreement_content").val(editore_val);
           
            $("#frm_agreement_camp").submit();
        });
        
         $(document).on("click", "#btn_save_intern", function () {
            $('#tasklist ul li div:nth-child(2)');
            var intern_editore_val = window.internEditor.getData();
            $("#intern_itn_agreement_content").val(intern_editore_val);
             
            $("#frm_agreement_intern").submit();
        });
        
        $(document).on("click", "#btn_save_trainee", function () {
            $('#tasklist ul li div:nth-child(2)');
            var trainee_editore_val = window.traineeEditor.getData();
            $("#trainee_itn_agreement_content").val(trainee_editore_val);
             
            $("#frm_agreement_trainee").submit();
        });
        
        $(document).on("click", "#btn_save_other", function () {
            $('#tasklist ul li div:nth-child(2)');
            var other_editore_val = window.otherEditor.getData();
            $("#other_category_agreement_content").val(other_editore_val);
             
            $("#frm_agreement_other").submit();
        });
        
        CKEDITOR.replace('agreement_content');
        
        CKEDITOR.document.getById('camp_itn_agreement_content_div').on('click', function (ev) {
            $("#cke_camp_itn_agreement_content_div").empty();
        });
        
        CKEDITOR.document.getById('trainee_itn_agreement_content_div').on('click', function (ev) {
            $("#cke_trainee_itn_agreement_content_div").empty();
        });
        
        CKEDITOR.document.getById('intern_itn_agreement_content_div').on('click', function (ev) {
            $("#cke_intern_itn_agreement_content_div").empty();
        }); 
        
        CKEDITOR.document.getById('other_category_agreement_content_div').on('click', function (ev) {
            $("#cke_other_category_agreement_content_div").empty();
        }); 
    });
    /* Function to escape HTML entities*/
    function escapeHtml(text) {  
        return text
            .replace('&amp;', "&")
            .replace('&amp;', "&")
            .replace('&amp;', "&")
            .replace('&amp;', "&")
            .replace('&lt;',"<")
            .replace('&lt;',"<")
            .replace('&lt;',"<")
            .replace('&lt;',"<")
            .replace('&lt;',"<")
            .replace('&gt;',">")
            .replace('&gt;',">")
            .replace('&gt;',">")
            .replace('&gt;',">")
            .replace('&quot;','"')
            .replace('&quot;','"')
            .replace('&quot;','"')
            .replace('&quot;','"')
            .replace('&#039;',"'")
            .replace('&#039;',"'")
            .replace('&#039;',"'")
            .replace('&#039;',"'")
            .replace('&#039;',"'");
    }
    
    $(function() {
        $("#print_name").autocomplete({
            source: {!! $availableAdmn !!},
            select: function( event, ui ) {
                event.preventDefault(); 
                $("#print_name").val(escapeHtml(ui.item.admin_name));
            },
            change: function(event, ui) {
                if(ui.item === null || !ui.item)
                   $(this).val(''); /* clear the value */
            } 
        });
        $("#camp_print_name").autocomplete({
            source: {!! $availableAdmn !!},
            select: function( event, ui ) {
                event.preventDefault();
                $("#camp_print_name").val(escapeHtml(ui.item.admin_name));
            },
            change: function(event, ui) {
                if(ui.item === null || !ui.item)
                   $(this).val(''); /* clear the value */
            } 
        });
        $("#intern_print_name").autocomplete({
            source: {!! $availableAdmn !!},
            select: function( event, ui ) {
                event.preventDefault();
                $("#intern_print_name").val(escapeHtml(ui.item.admin_name));
            },
            change: function(event, ui) {
                if(ui.item === null || !ui.item)
                   $(this).val(''); /* clear the value */
            } 
        });
        $("#trainee_print_name").autocomplete({
            source: {!! $availableAdmn !!},
            select: function( event, ui ) {
                event.preventDefault();
                $("#trainee_print_name").val(escapeHtml(ui.item.admin_name));
            },
            change: function(event, ui) {
                if(ui.item === null || !ui.item)
                   $(this).val(''); /* clear the value */
            } 
        });
        $("#other_print_name").autocomplete({
            source: {!! $availableAdmn !!},
            select: function( event, ui ) {
                event.preventDefault();
                $("#other_print_name").val(escapeHtml(ui.item.admin_name));
            },
            change: function(event, ui) {
                if(ui.item === null || !ui.item)
                   $(this).val(''); /* clear the value */
            } 
        });
    });
</script>
@endsection