@extends('backend.layouts.app')


@section('content')

@if(Session::has('message'))
<div class="callout callout-success">
                <h6>{{ Session::get('message')}}</h6>
</div>
@endif

@if(Session::has('error_message'))
<div class="callout callout-danger">
                <h6>{{ Session::get('error_message')}}</h6>
</div>
@endif




{!! Html::script('expand_theme/js/jquery.validate.min.js') !!}
<script>
  // When the browser is ready...
  $(function() {
  
      
     
  $(".temp_form").validate({
 
rules:{

  "upload_file1":{

    filesize:true,
    extensionempty: 'pdf|xlsx|xls|image|jpeg|doc|docx|ppt|pptx|txt|pdf|png|jpg'

  },
   "upload_file2":{

    filesize:true,
    extensionempty: 'pdf|xlsx|xls|image|jpeg|doc|docx|ppt|pptx|txt|pdf|png|jpg'


  },
   "upload_file3":{

    filesize:true,
    extensionempty: 'pdf|xlsx|xls|image|jpeg|doc|docx|ppt|pptx|txt|pdf|png|jpg'


  },
   "upload_file4":{

    filesize:true,
   extensionempty: 'pdf|xlsx|xls|image|jpeg|doc|docx|ppt|pptx|txt|pdf|png|jpg'


  },
   "upload_file5":{

    filesize:true,
   extensionempty: 'pdf|xlsx|xls|image|jpeg|doc|docx|ppt|pptx|txt|pdf|png|jpg'


  },
   "upload_file6":{

    filesize:true,
    extensionempty: 'pdf|xlsx|xls|image|jpeg|doc|docx|ppt|pptx|txt|pdf|png|jpg'
  }
}

}); 
  $.validator.addMethod('filesize', function (value, element, param) {
    return this.optional(element) || (element.files[0].size <= 10000000)
}, 'File size must be less than 10 MB');

$.validator.addMethod("extensionempty", function(value, element, param) {

  param = typeof param === "string" ? param.replace(/,/g, "|") : "png|jpe?g|gif";
  console.log(value, param);
  return this.optional(element) || value.match(new RegExp("\\.(" + param + ")$", "i")) || value.indexOf('.') == -1;
}, $.validator.format("Please select a valid File type."));

});
</script>

<div class="row" id="ajaxmaterialdisplayform">
<div class="col-md-12" id="backend-configuration-mobile-gp">
<div class="box">

<div class="box-header">
<div class="row">

          <div class="col-md-7">
            <h3>@lang('messages.email_templates')</h3>
          </div>
</div>
</div>

 <div class="box-body">
        <div class="row" id="read">
          <div class="col-md-12">

<form method="post" class="temp_form" enctype="multipart/form-data">

{{ csrf_field() }}
      <div class="modal-header">
        <div class="col-md-8"><h4 class="modal-title"><i class="fa fa-envelope"></i> @lang('messages.edit_template')</h4></div>
        <div class="col-md-4"><h4 class="modal-title" style="float: right;" data-toggle="tooltip"><a href="" class="btn btn-info preview_btn"  data-toggle="modal" data-target="#myModal"  title="Update Template">@lang('messages.preview')</a></h4></div>
      </div>
      <div class="modal-body">
        <div class="form-group">
        <!-- <input type="email" name="email" class="form-control" placeholder="Email to:"> -->
        <input type="hidden" name="temp_id" value="{{$temp->temp_id}} ">
        </div>

        <div class="form-group">
          <label>@lang('messages.template_name')</label>
        <input type="text" name="" disabled class="form-control required" placeholder="Name" value="{{ $temp->temp_name }}">
        </div>

        <div class="form-group">
          <label>@lang('messages.template_body')</label>
          <textarea  name="template" id="editor" rows="10" cols="80" class="form-control editor required">
            {{$temp->template}}
          </textarea>
        </div>


@php
 $pdf = DB::table('ex_org_attachments')->whereNULL('deleted_at')->where('attachment_type', 1)->where('parent_handbook',$temp->temp_id )->get();
@endphp

        <div class="form-group">
          @if(count($pdf)>0)
           <label>@lang('messages.attached_documents')</label><br>
          @foreach($pdf as $pdf)

         <a href="{{ url('organization_defaults/email_template/'.$pdf->pdf_name) }}" target="_blank" >{{substr($pdf->pdf_name,11)}}</a>
          <a href="javascript:deletesingleattachment({{ $pdf->org_attach_id }});"><i class="fa fa-trash" data-toggle="tooltip" data-placement="top" title="@lang('messages.delete')"></i></a><br>
         

          <input type="hidden" name="attachment" value="{{@$pdf->pdf_name}}" class="form-control">

          @endforeach

          <p>@lang('messages.or_add_new_attachment')</p>

          @endif
                  <!--  New function for multiple attachments -->
        <div class="element">
          <label>@lang('messages.upload_files')</label><b>(@lang('messages.please_select_pdf_xlsx_xls_jpeg_doc_docx_ppt_pptx_txt_png_and_jpg_file_types_only'))</b>
          <input type="file" name="upload_file1" id="upload_file1" accept=".xlsx,.xls,image/jpeg,.doc, .docx,.ppt, .pptx,.txt,.pdf, image/png, image/jpg" />
          <a href="" class="empty_first_attachment" style="cursor:pointer; display: none;" >@lang('messages.delete_attachment')</a>
          <input type="hidden" name="attachment_count" id="attachment_count"> 
        </div>
        <div id="moreImageUpload"></div>
        <div class="clear"></div>
        <div id="moreImageUploadLink" style="display:none;margin-top: 10px;">
          <a class="btn btn-primary" href="javascript:void(0);" id="attachMore">@lang('messages.attach_more_files')</a>
        </div>
        </div>
      </div>
      <div class="modal-footer">
        <button type="submit" class="btn btn-primary">@lang('messages.update')</button>
        <a href="{{url('templates')}}" type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.cancel')</a>
      </div>

</form>




<!-- Preview Modal -->
<div id="myModal" class="modal fade" role="dialog" style="z-index: 10000000000000000 !important;
">
  <div class="modal-dialog modal-lg">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">@lang('messages.email_preview')</h4>
      </div>
      <div class="modal-body" style="padding: 0px; margin: -1px 0px 0px 0px; top: 15px;">

        <div class="col-md-12" style="padding:0px;"> 
		<!--<div class="form-group">-->
          <div class="col-md-2"><h3 style="margin-top:0px;">@lang('messages.email_subject')</h3> </div>
          <div class="col-md-10" id="email_template_nofthecls">
             <input type="text" name="" disabled class="form-control required" placeholder="Name" value="Name of the Class">
          <!--</div>-->
         </div></div>

         <div class="col-md-12" id="preview">
         
           <div class="box">
		   <div class="box-body" style="word-wrap: break-word;">
         <span class="links-model-body-email-template-edit"> {!!  $temp->template   !!}</span>
<!--</div>-->

@php
 $pdf = DB::table('ex_org_attachments')->whereNULL('deleted_at')->where('attachment_type', 1)->where('parent_handbook',$temp->temp_id )->get();
@endphp

 @if(count($pdf)>0)
           <label>@lang('messages.attached_documents')</label><br>
          @foreach($pdf as $pdf)

         <a href="{{ url('organization_defaults/email_template/'.$pdf->pdf_name) }}" target="_blank" >{{substr($pdf->pdf_name,11)}}</a>
         <br><br>
         

          <input type="hidden" name="attachment" value="{{@$pdf->pdf_name}}" class="form-control">

          @endforeach
          @endif
</div>
      </div>
</div>
      <div class="col-md-12" id="email-template_edit_blck">
        <div class="col-md-12"><p>@lang('messages.note_you_need_to_update_save_the_template_for_the_changes_to_reflect')
</p><br />
        </div></div>
      </div>
      <div class="modal-footer">
<!--         <a href="{{ url('send_email_preview/'.$temp->temp_id) }}" class="btn btn-info">@lang('messages.send_a_copy_to_admin')</a> -->
        <button type="button" class="btn btn-default" data-dismiss="modal">@lang('messages.close')</button>
      </div>
    </div>

  </div>
</div>

      </div>
    </div>
  </div>

</div>
</div><!-- box -->
</div>

      
    
      
{!! Html::style('expand_theme/timepicker/bootstrap-timepicker.min.css') !!}
{!! Html::script('expand_theme/timepicker/bootstrap-timepicker.min.js') !!}

<!-- Page script -->



{!! Html::style('expand_theme/dataTables.bootstrap.css') !!}
{!! Html::script('expand_theme/jquery.dataTables.min.js') !!}
{!! Html::script('expand_theme/dataTables.bootstrap.min.js') !!}
{!! Html::script('expand_theme/bootstrap-daterangepicker/daterangepicker.js') !!}
{!! Html::script('expand_theme/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js') !!}

{!! Html::script('expand_theme/select2/dist/js/select2.full.min.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.date.extensions.js') !!}
{!! Html::script('expand_theme/input-mask/jquery.inputmask.extensions.js') !!}
{!! Html::script('expand_theme/moment/min/moment.min.js') !!}
  <!-- Font Awesome -->
  {!! Html::style('expand_theme/font-awesome/css/font-awesome.min.css') !!}
  <!-- Ionicons -->
  <!-- daterange picker -->
 {!! Html::style('expand_theme/bootstrap-daterangepicker/daterangepicker.css') !!}
  <!-- bootstrap datepicker -->
 {!! Html::style('expand_theme/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css') !!}
{!! Html::script('expadmin/bower_components/ckeditor/ckeditor.js') !!}
<!-- <script src="https://cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script> -->

<!-- <script src="https://cdn.ckeditor.com/ckeditor5/10.0.0/classic/ckeditor.js"></script> -->
<!-- <script src="//cdn.ckeditor.com/4.9.2/standard/ckeditor.js"></script> -->


<!-- {!! Html::script('expand_theme/wysihtml/dist/wysihtml5-0.3.0.min.js') !!}
{!! Html::script('expand_theme/wysihtml/parser_rules/advanced.js') !!} -->




<script>


// $(document).ready(function(){
//   $('.preview_btn').click(function(){
//     var val = $('#editor').text();
//     console.log(val);
//   });
// });














 function deleteapplies(id) {
    if (confirm('Are you sure you want to delete?')) {
      $.ajax({
        type: "GET",
        url: "{{ URL::to('templates_delete') }}" + "/" + id,
        success: function(message) {
          window.location.href = "{{ URL::to('templates') }}";
        }
      });
    }
  }

 function deletesingleattachment(id) {
    if (confirm('Are you sure you want to delete?')) {
      $.ajax({
        type: "GET",
        url: "{{ URL::to('templates/attachment/delete') }}" + "/" + id,
        success: function(message) {
          window.location.href=window.location.href;
        }
      });
    }
  }

$(document).ready(function(){


// ClassicEditor

//         .create( document.querySelector( '.editor' ),{
//         })
//         .then( editor => {
//           console.log( editor );
//         } )
//         .catch( error => {
//           console.error( error );
//         } );

// var count = $('#count').val();

// count = parseInt(count) + 1;
// console.log(count); 

// for (var i = 1; i < count; i++) {

// console.log(i);
// console.log("#temp_form_edit"+i);

// $("#temp_form_edit"+i).validate({
// ignore:[],
// debug:false
// });

// }



// $('.editstack').click(function(){

//   alert('clicked');
//   var form = $(this);
//   var id = form.attr('id');
//   console.log(id);


// });


$('.file').bind('change', function() {

  //this.files[0].size gets the size of your file.
  // alert();
  var value = this.files[0];

  if (value.size > 2388608 || value.fileSize > 2388608) {
  // if (value.size > 2000000 || value.fileSize > 2000000) {

    alert('The attachment exceed the maximum size of 2MB');
    this.value = null
  }

});





// $(".temp_form").validate({
// ignore:[],
// debug:false
// });



// $('form').each(function(e){
//   $(this.id).validate({
//     ignore:[],
//     debug:false
//   });
// });


});


</script>

<script>


 $(function () {

 CKEDITOR.replace( 'editor',  {
      // Define the toolbar groups as it is a more accessible solution.

      toolbarGroups: [
        {"name":"styles","groups":["styles"]},
        {"name":"basicstyles","groups":["basicstyles"]},
        {"name":"links","groups":["links"]},
        {"name":"paragraph","groups":["list","blocks"]}
        // {"name":"document","groups":["mode"]},
        /*{"name":"insert","groups":["insert"]}*/
        // {"name":"about","groups":["about"]}
      ],
      // Remove the redundant buttons from toolbar groups defined above.
      removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Specialchar'
    } );

  $('.editor').each(function(e){
        CKEDITOR.replace( this.id, {

           toolbarGroups: [
        {"name":"styles","groups":["styles"]},
        {"name":"basicstyles","groups":["basicstyles"]},
        {"name":"links","groups":["links"]},
        {"name":"paragraph","groups":["list","blocks"]}
        // {"name":"document","groups":["mode"]},
        /*{"name":"insert","groups":["insert"]}*/
        // {"name":"about","groups":["about"]}
      ],
      // Remove the redundant buttons from toolbar groups defined above.
      removeButtons: 'Underline,Strike,Subscript,Superscript,Anchor,Specialchar'

        });
    });
  });
</script>

<script type="text/javascript">
    $(document).ready(function() {
  $("input[id^='upload_file']").each(function() {
    var id = parseInt(this.id.replace("upload_file", ""));
    $("#upload_file" + id).change(function() {
      if ($("#upload_file" + id).val() != "") {
        $("#moreImageUploadLink").show();
         $(".empty_first_attachment").show();
      }
    });
  });
});
  </script>

<script type="text/javascript">
   
    $(document).ready(function() {
  var upload_number = 2;
  $('#attachMore').click(function() {
    //add more file
    var moreUploadTag = '';
    moreUploadTag += '<div class="element"><label for="upload_file"' + upload_number + '>Upload File( Please select pdf, xlsx, xls, jpeg, doc, docx, ppt, pptx, txt, png and jpg file types only)</label>';
    moreUploadTag += '<input type="file" id="upload_file' + upload_number + '" name="upload_file' + upload_number + '"/>';
    moreUploadTag += ' <a href="#" class="remove_field" style="cursor:pointer;">Delete Attachment</a></div>';
    $('<dl id="delete_file' + upload_number + '">' + moreUploadTag + '</dl>').fadeIn('slow').appendTo('#moreImageUpload');
    upload_number++;
    $("#attachment_count").val(upload_number);
    if (upload_number >= 6) {

    $("#moreImageUploadLink").hide();
    alert('@lang('messages.only_five_attachments_are_allowed')');

    }
   
  });


  $('#moreImageUpload').on("click",".remove_field", function(e){
        e.preventDefault(); $(this).parent('div').remove();
          upload_number--;
           $("#moreImageUploadLink").show();
    })

    $('.empty_first_attachment').click(function(e) { 

   $('#upload_file1').val(''); 
    e.preventDefault();
});
});

</script>

  
@stop