@extends('layout.default')
@section('content')

@section('page_toolbar')
<a class="btn btn-success px-2 font-weight-bold btn-sm mr-2"  href="{{ URL::previous()}}">
<i class="fas fa-angle-double-left" aria-hidden="true"></i>
 Back
</a>
@endsection
<!--begin::Content-->
@if ($errors->any())
<div class="alert alert-danger">
  <ul>
    @foreach ($errors->all() as $error)
    <li>{{ $error }}</li>
    @endforeach
  </ul>
</div>
@endif 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css" rel="stylesheet"/>

<div class="card card-custom">
    <div class="card-body">
          <form method="POST"   novalidate="novalidate" id="edit_multiple_option_form" name="edit_multiple_option_form" action="{{ url('admin/questions') }}{{ ($question) ? '/'.$question->id : '' }}">
      {{csrf_field()}}
        {{ ($question) ? method_field('PUT') : '' }} 
              <div class="row">
                <div class="col-sm-7"></div>
                <div class="col-sm-5 pull-right">
                  <div class="form-group">
                    <label>Upload Images</label>
                    <div></div>
                    <div class="custom-file">
                      <input type="file" class="custom-file-input" name="files[]" id="files" multiple accept="image/jpeg, image/png, image/gif,"/>
                      <label class="custom-file-label" for="customFile">Choose Image</label>
                    </div>
                  </div>
                  
                </div>
                <div class="col-md-12">
                  <output id="Filelist">
                    @if($questionImages)
                      <ul class="thumb-Images" id="imgList">
                        @foreach($questionImages as $image)  
                          <li>
                            <div class="img-wrap"> <span class="close"><a onclick="imageDelete('{{$image->id}}')"> ×</a></span>
                            <img class="thumb" title="{{$image->id}}" data-id="{{$image->id}}" src="{{ asset('storage/uploads/questions/'.$image->question_id.'/' . $image->image) }}"></div>
                            <div class="FileNameCaptionStyle">{{$image->id}}</div>
                          </li>
                        @endforeach
                      </ul>
                    @endif
                   </output>
                </div>
            </div>
            <br>
            <div class="row">
              <div class="form-group col-xl-12 col-lg-12">
                <label class="col-lg-2 col-xl-2 col-form-label font-weight-bolder">Question</label>
                <div class="col-lg-10 col-xl-10 float-md-right" >
                    <textarea id="question" name="question" rows="4" cols="50" class="form-control" placeholder="Enter question here...">{{ $question->question }}</textarea>
                    <span class="text-danger" id="question_error" style="display:none"></span>
                </div>  
              </div> 
             
            </div>
           <br>
              

            <div class="row">
            <div class="form-group col-xl-6 col-lg-6">
              <label class="col-xl-3 col-lg-3 col-form-label font-weight-bolder">Options </label>
              <div class="col-lg-8 col-xl-8 float-md-right" >
                @foreach($options as $key=>$option)
                <div class="form-group row">
                      <label class="col-xl-3 col-lg-3 col-form-label">Option {{ $key }}</label>
                      <div class="col-lg-8 col-xl-8">
                                <input type="text" name="options[]"  class="form-control" placeholder="Enter first option here..." value=" {{ $option }}" id="opt{{$key}}">
                                <span class="text-danger"  id="opt{{$key}}_error" style="display:none"></span>
                       </div>
                      
                </div>  
                  
               @endforeach
              </div>

            </div>
            </div>
            <br>
            <div class="row">
              <div class="form-group col-xl-12 col-lg-12">
                  <label class="col-xl-2 col-lg-2 col-form-label font-weight-bolder">Set Answer</label>
                  <div class="col-lg-10 col-xl-10 float-md-right">
                  <div class="radio-inline">

                  @foreach($answers as $key=>$answer)
                    @php
                      $checked = $answer!=''?'checked':'';
                    @endphp
                    <label class="radio">
                        <input type="radio" name="set_opt_ans" class="mul-opt-ans" id="set_opt_ans_2" value="{{ $key }}" {{$checked}} >
                        <span></span>
                        Option {{ $key }}
                    </label>

                  @endforeach
                  <!-- <span class="form-text text-muted">Tick your answer in the given box</span> -->
                  </div>

                  </div>
                </div>
                <span class="text-danger" id="checkbox_error" style="display:none"></span>
              </div>
              <br>

              <!-- <div class="row">
                <div class="form-group col-xl-12 col-lg-12 qblock">
                  <label class="col-xl-2 col-lg-2 col-form-label font-weight-bolder">Difficulty Level</label>
                  <div class="radio-inline col-lg-10 col-xl-10 float-md-right">                        
                      <label class="radio">
                        <input type="radio" name="difficulty_level" id="difficulty_level" value="easey" {{ ($question->difficulty_level=="easey")? "checked" : "" }}>
                        <span></span>
                        Easy
                    </label>

                    <label class="radio">
                        <input type="radio" name="difficulty_level" id="difficulty_level" value="hard" {{ ($question->difficulty_level=="hard")? "checked" : "" }}>
                        <span></span>
                        Higher
                    </label>                       
                  </div>  
                </div>
              </div> -->
              <br>

              <div class="row">
                <div class="form-group col-xl-6 col-lg-6 qblock">                
                    <label class="col-xl-4 col-lg-4 col-form-label font-weight-bolder">Mark</label>
                    <div class="col-lg-8 col-xl-8 float-md-right">                        
                        <input type="text" name="mark" id="mark" placeholder="Enter mark" value="{{$question->mark}}" class= "form-control"> 
                    </div>  
                </div>
              </div>
              <br>

              <div class="row">
                <div class="form-group col-xl-12 col-lg-12 qblock">                
                    <label class="col-xl-2 col-lg-2 col-form-label font-weight-bolder">Question Mode</label>
                    <div class="radio-inline col-lg-10 col-xl-10 float-md-right"> 
                      <label class="radio">
                          <input type="radio" name="question_mode" id="question_mode" value="free" {{ ($question->question_mode=="free")? "checked" : "" }}>
                          <span></span>
                          Free
                      </label>

                      <label class="radio">
                          <input type="radio" name="question_mode" id="question_mode" value="paid" {{ ($question->question_mode=="paid")? "checked" : "" }}>
                          <span></span>
                          Paid
                      </label> 
                    </div>   
                </div>
              </div>
              <br>

              <!-- <div class="form-group row ">
      
                  <label class="col-xl-2 col-lg-2 col-form-label font-weight-bolder">Category<span class="text-danger">*</span></label>
                  <div class="col-10 col-form-label">
                  <div class="checkbox-inline ">
                      @php $cat = explode(',',$question->category);@endphp
                      <label class="checkbox">
                          <input type="checkbox" name="category[]" value="1"  wtx-context="169B8CE0-8BB9-4CCD-9A63-29EA93EA542F" id="set1" {{ (in_array(1,$cat))? "checked" : "" }}>
                          <span></span>
                          Key Word Test
                      </label>

                     <label class="checkbox">
                          <input type="checkbox" name="category[]" value="2"  wtx-context="169B8CE0-8BB9-4CCD-9A63-29EA93EA542F" id="set2" {{ (in_array(2,$cat))? "checked" : "" }}>
                          <span></span>
                          Formula Practice
                      </label>
                      <label class="checkbox">
                          <input type="checkbox" name="category[]" value="3"  wtx-context="169B8CE0-8BB9-4CCD-9A63-29EA93EA542F" id="set3" {{ (in_array(3,$cat))? "checked" : "" }}>
                          <span></span>
                          Converting Units
                      </label>
                  </div>
                  </div>  
              </div> -->
               

            <div class="form-group row">
              <div class="col-xl-9"></div>
              <input type="hidden" name="question_type_id" value="{{$question?$question->question_type:''}}"> 

               <div class="col-xl-3">  <button type="button" class="btn btn-success mr-2"  onclick="questionCreate()" >Submit</button> </div>
                   
            </div>
            </form>
              
            </div>
            <br>

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

<!--end::Content-->
@endsection

@section('scripts')
<script>

//I added event handler for the file upload control to access the files properties.
document.addEventListener("DOMContentLoaded", init, false);

//To save an array of attachments
var AttachmentArray = [];

//counter for attachment array
var arrCounter = 0;

//to make sure the error message for number of files will be shown only one time.
var filesCounterAlertStatus = false;

//un ordered list to keep attachments thumbnails

var ul = document.createElement("ul");
ul.className = "thumb-Images";
ul.id = "imgList";

function init() {
  //add javascript handlers for the file upload event
  document
    .querySelector("#files")
    .addEventListener("change", handleFileSelect, false);

    console.log("here");
}

//the handler for file upload event
function handleFileSelect(e) {
  //to make sure the user select file/files
  if (!e.target.files) return;

  //To obtaine a File reference
  var files = e.target.files;

  // Loop through the FileList and then to render image files as thumbnails.
  for (var i = 0, f; (f = files[i]); i++) {
    //instantiate a FileReader object to read its contents into memory
    var fileReader = new FileReader();

    // Closure to capture the file information and apply validation.
    fileReader.onload = (function(readerEvt) {
      return function(e) {
        //Apply the validation rules for attachments upload
        ApplyFileValidationRules(readerEvt);

        //Render attachments thumbnails.
        RenderThumbnail(e, readerEvt);

        //Fill the array of attachment
        FillAttachmentArray(e, readerEvt);
      };
    })(f);

    // Read in the image file as a data URL.
    // readAsDataURL: The result property will contain the file/blob's data encoded as a data URL.
    // More info about Data URI scheme https://en.wikipedia.org/wiki/Data_URI_scheme
    fileReader.readAsDataURL(f);
  }
  document
    .getElementById("files")
    .addEventListener("change", handleFileSelect, false);
}

//To remove attachment once user click on x button
jQuery(function($) {
  $("div").on("click", ".img-wrap .close", function() {
    var id = $(this)
      .closest(".img-wrap")
      .find("img")
      .data("id");

    //to remove the deleted item from array
    var elementPos = AttachmentArray.map(function(x) {
      return x.FileName;
    }).indexOf(id);
    if (elementPos !== -1) {
      AttachmentArray.splice(elementPos, 1);
    }

    //to remove image tag
    $(this)
      .parent()
      .find("img")
      .not()
      .remove();

    //to remove div tag that contain the image
    $(this)
      .parent()
      .find("div")
      .not()
      .remove();

    //to remove div tag that contain caption name
    $(this)
      .parent()
      .parent()
      .find("div")
      .not()
      .remove();

    //to remove li tag
    var lis = document.querySelectorAll("#imgList li");
    for (var i = 0; (li = lis[i]); i++) {
      if (li.innerHTML == "") {
        li.parentNode.removeChild(li);
      }
    }
  });
});

//Apply the validation rules for attachments upload
function ApplyFileValidationRules(readerEvt) {
  //To check file type according to upload conditions
  if (CheckFileType(readerEvt.type) == false) {
    alert(
      "The file (" +
        readerEvt.name +
        ") does not match the upload conditions, You can only upload jpg/png/gif files"
    );
    e.preventDefault();
    return;
  }

  //To check file Size according to upload conditions
  if (CheckFileSize(readerEvt.size) == false) {
    alert(
      "The file (" +
        readerEvt.name +
        ") does not match the upload conditions, The maximum file size for uploads should not exceed 300 KB"
    );
    e.preventDefault();
    return;
  }

  //To check files count according to upload conditions
  if (CheckFilesCount(AttachmentArray) == false) {
    if (!filesCounterAlertStatus) {
      filesCounterAlertStatus = true;
      alert(
        "You have added more than 10 files. According to upload conditions you can upload 10 files maximum"
      );
    }
    e.preventDefault();
    return;
  }
}

//To check file type according to upload conditions
function CheckFileType(fileType) {
  if (fileType == "image/jpeg") {
    return true;
  } else if (fileType == "image/png") {
    return true;
  } else if (fileType == "image/gif") {
    return true;
  } else {
    return false;
  }
  return true;
}

//To check file Size according to upload conditions
function CheckFileSize(fileSize) {
  if (fileSize < 3000000) {
    return true;
  } else {
    return false;
  }
  return true;
}

//To check files count according to upload conditions
function CheckFilesCount(AttachmentArray) {
  //Since AttachmentArray.length return the next available index in the array,
  //I have used the loop to get the real length
  var len = 0;
  for (var i = 0; i < AttachmentArray.length; i++) {
    if (AttachmentArray[i] !== undefined) {
      len++;
    }
  }
  //To check the length does not exceed 10 files maximum
  if (len > 9) {
    return false;
  } else {
    return true;
  }
}

//Render attachments thumbnails.
function RenderThumbnail(e, readerEvt) {
  var li = document.createElement("li");
 
  ul.appendChild(li);
  li.innerHTML = [
    '<div class="img-wrap"> <span class="close">&times;</span>' +
      '<img class="thumb" src="',
    e.target.result,
    '" title="',
    escape(readerEvt.name),
    '" data-id="',
    readerEvt.name,
    '"/>' + "</div>"
  ].join("");

  var div = document.createElement("div");
  div.className = "FileNameCaptionStyle";
  li.appendChild(div);
  div.innerHTML = [readerEvt.name].join("");
  document.getElementById("Filelist").insertBefore(ul, null);
}

//Fill the array of attachment
function FillAttachmentArray(e, readerEvt) {
  AttachmentArray[arrCounter] = {
    AttachmentType: 1,
    ObjectType: 1,
    FileName: readerEvt.name,
    FileDescription: "Attachment",
    NoteText: "",
    MimeType: readerEvt.type,
    Content: e.target.result.split("base64,")[1],
    FileSizeInBytes: readerEvt.size
  };
  arrCounter = arrCounter + 1;
  

}
$(document).on('click','body #saveButton',function(){
      var error = 0;
   
      if($('#opt1').val().trim().length <= 0){
        $("#opt1_error").html('* Option 1 required').show();
        error = 1;
      } else {
        $("#opt1_error").html('').hide();
      }
      if($('#opt2').val().trim().length <= 0){
        $("#opt2_error").html('* Option 2 required').show();
        error = 1;
      } else {
        $("#opt2_error").html('').hide();
      }
      if ($('input:checkbox:checked').length < 1) {
        $("#checkbox_error").html('* Atleast one answer should be selected').show();
        error = 1;
      } else {
        $("#checkbox_error").html('').hide();
      }
      
      if(error == 0){
       $("#kt_edit_multi_option_form").submit();
      } else {
        return false;
      }
  });

document.addEventListener('DOMContentLoaded', function(e) {
    const curriculumValidators = {
        validators: {
            notEmpty: {
                message: 'Please select curriculum'
            }
        }
    };

    const topicValidators = {
      validators: {
        notEmpty: {
            message: 'Please select topic'
        }
      }
    };
    

    const questionform = document.getElementById('edit_multiple_option_form');
    const fv = FormValidation.formValidation(questionform, {
        fields: {
         
            country_id: {
                validators: {
                    notEmpty: {
                        message: 'Please select country'
                    }
                }
            },
            'curriculum_id': curriculumValidators,
            subject_id: {
                validators: {
                    notEmpty: {
                        message: 'Please select subject'
                    }
                }
            },
            year_id: {
                validators: {
                    notEmpty: {
                        message: 'Please select year'
                    }
                }
            },

            paper_id: {
                validators: {
                    notEmpty: {
                        message: 'Please select paper'
                    }
                }
            },

            'topic_id':topicValidators,
            chapter_id: {
                validators: {
                    notEmpty: {
                        message: 'Please select chapter'
                    }
                }
            },
            unit_id: {
                validators: {
                    notEmpty: {
                        message: 'Please select unit'
                    }
                }
            },
            question: {
                validators: {
                    notEmpty: {
                        message: 'Please enter question'
                    }
                }
            },
            difficulty_level: {
                validators: {
                    notEmpty: {
                        message: 'Please select difficulty_level'
                    }
                }
            },
            mark: {
                validators: {
                    notEmpty: {
                        message: 'Please enter mark'
                    }
                }
            },
            question_mode: {
                validators: {
                    notEmpty: {
                        message: 'Please select question mode'
                    }
                }
            },
        },
        plugins: {
            trigger: new FormValidation.plugins.Trigger(),
            bootstrap: new FormValidation.plugins.Bootstrap(),
            submitButton: new FormValidation.plugins.SubmitButton(),
            trigger: new FormValidation.plugins.Trigger(),
        },
    }).on('core.form.valid', function() {
            $("#kt_edit_multi_option_form").submit();
            
    });

      $(document).on('change', '#country_id', function () {
            $.ajax({
                 url: "{{ url('common/getCurriculum') }}/"+$(this).val(),
                 type: "GET",
                 dataType: "html"
             }).done(function (data) {
             console.log(data);

               $('#year_id').prop('selectedIndex',0);
               $('#subject_id').prop('selectedIndex',0);
               $('#paper_id').prop('selectedIndex',0);

               var ch = $("#chapter_id").empty();
               ch.append('<option value="0">Please Choose</option>');

               var tp = $("#topic_id").empty();
               tp.append('<option value="0">Please Choose</option>');

               var un = $("#unit_id").empty();
               un.append('<option value="0">Please Choose</option>');

               $("#curriculum_blck").html(data);
             })
       });

       $(document).on('change', '#curriculum_id', function () {
            
               $('#year_id').prop('selectedIndex',0);
               $('#subject_id').prop('selectedIndex',0);
               $('#paper_id').prop('selectedIndex',0);

               var ch = $("#chapter_id").empty();
               ch.append('<option value="0">Please Choose</option>');

               var tp = $("#topic_id").empty();
               tp.append('<option value="0">Please Choose</option>');

               var un = $("#unit_id").empty();
               un.append('<option value="0">Please Choose</option>');
       });


       $(document).on('change', '#year_id', function () {
          var country = $("#country_id").val();
          var curriculum = $("#curriculum_id").val();
          var subject = $("#subject_id").val();
          var year = $("#year_id").val();
          var token = "{{ csrf_token() }}";
            $.ajax({
                 url: "{{ url('common/getTopics') }}",
                 type: "POST",
                 dataType: "html",
                 data: { country:country,curriculum:curriculum,subject:subject,year:year,_token:token},
             }).done(function (data) {
               
               var ch = $("#chapter_id").empty();
               ch.append('<option value="0">Please Choose</option>');

               var tp = $("#topic_id").empty();
               tp.append('<option value="0">Please Choose</option>');

               var un = $("#unit_id").empty();
               un.append('<option value="0">Please Choose</option>');

               $("#topic_blck").html(data);
             })
       });

       $(document).on('change', '#subject_id', function () {
          var country = $("#country_id").val();
          var curriculum = $("#curriculum_id").val();
          var subject = $("#subject_id").val();
          var year = $("#year_id").val();
          var token = "{{ csrf_token() }}";
            $.ajax({
                 url: "{{ url('common/getTopics') }}",
                 type: "POST",
                 dataType: "html",
                 data: { country:country,curriculum:curriculum,subject:subject,year:year,_token:token},
             }).done(function (data) {
               
               var ch = $("#chapter_id").empty();
               ch.append('<option value="0">Please Choose</option>');

               var tp = $("#topic_id").empty();
               tp.append('<option value="0">Please Choose</option>');

               var un = $("#unit_id").empty();
               un.append('<option value="0">Please Choose</option>');

               $("#topic_blck").html(data);
             })
       });
         
       $(document).on('change', '#topic_id', function () {
          var country = $("#country_id").val();
          var curriculum = $("#curriculum_id").val();
          var subject = $("#subject_id").val();
          var year = $("#year_id").val();
          var topic = $(this).val();
          var token = "{{ csrf_token() }}";
            $.ajax({
                 url: "{{ url('common/getChapters') }}",
                 type: "POST",
                 dataType: "html",
                 data: { country:country,curriculum:curriculum,subject:subject,year:year,topic:topic,_token:token},
             }).done(function (data) {
               
               var ch = $("#chapter_id").empty();
               ch.append('<option value="0">Please Choose</option>');

               var un = $("#unit_id").empty();
               un.append('<option value="0">Please Choose</option>');

               $("#chapter_blck").html(data);
             })
       });

       $(document).on('change', '#chapter_id', function () {
          var country = $("#country_id").val();
          var curriculum = $("#curriculum_id").val();
          var subject = $("#subject_id").val();
          var year = $("#year_id").val();
          var topic = $("#topic_id").val();
          var chapter = $(this).val();
          var token = "{{ csrf_token() }}";
            $.ajax({
                 url: "{{ url('common/getUnits') }}",
                 type: "POST",
                 dataType: "html",
                 data: { country:country,curriculum:curriculum,subject:subject,year:year,topic:topic,chapter:chapter,_token:token},
             }).done(function (data) {
               
               var un = $("#unit_id").empty();
               un.append('<option value="0">Please Choose</option>');

               $("#unit_blck").html(data);
             })
       });

 });

 function questionCreate(qid){
  
    var Qtype = $("#question_type").val();
    var error = 0;

      
      if($('#question').val().trim().length <= 0){
        $('#question').addClass('is-invalid');
        $("#question_error").html('Question required').show();
        var qstnError = 1;
      } else {
        $('#question').removeClass('is-invalid');
        $("#question_error").html('').hide();
        var qstnError = 0;
      }
      if($('#opt1').val().trim().length <= 0){
         $('#opt1').addClass('is-invalid');
        $("#opt1_error").html('Option 1 is required').show();
        var Opt1Error = 1;
      } else {
        $('#opt1').removeClass('is-invalid');
        $("#opt1_error").html('').hide();
        var Opt1Error = 0;
      }
      if($('#opt2').val().trim().length <= 0){
        $('#opt2').addClass('is-invalid');
        $("#opt2_error").html('Option 2 is required').show();
        var Opt2Error = 1;
      } else {
        $('#opt2').removeClass('is-invalid');
        $("#opt2_error").html('').hide();
        var Opt2Error = 0;
      }
      if (($('input:checkbox:checked').length < 1)) {
        $("#checkbox_error").html('Atleast one answer should be selected').show();
        var AnsError = 1;
      } else {
        $("#checkbox_error").html('').hide();
        var AnsError = 0;
      }
      if($('#mark').val().trim().length <= 0){
        $('#mark').addClass('is-invalid');
        $("#mark_error").html('Mark required').show();
        var markError = 1;
      } else {
        $('#mark').removeClass('is-invalid');
        $("#mark_error").html('').hide();
        var markError = 0;
      }

      if(qstnError == 0 && Opt1Error == 0 && Opt2Error == 0 && AnsError == 0 && markError == 0){
        error = 0;
      }else{
        error = 1;
      }

    if(error == 0){
       

     //var data = new FormData();
       var data = $('#edit_multiple_option_form').serializeArray();



       for (var i = 0; i < AttachmentArray.length; i++) {
          if (AttachmentArray[i] !== undefined) {
              console.log(AttachmentArray[i]);
              imgArray = JSON.stringify(AttachmentArray[i]);
              var img = {'name':'images[]','value':imgArray};
              data.push(img);
          }
        }

            $.ajax({
                 url: "{{ url('admin/questions') }}/"+qid,
                 type: "PUT",
                 data: data,
                 dataType: "json"
             }).done(function (data) {
              
                  if(data.flagError){
                    showAlert(data.message, "error");
                  }else{
                   showAlert(data.message, "success");
                   setTimeout(function () {
                    window.location.href = "{{ url('admin/questions') }}/"+qid+"/edit";
                    }, 1000);

                  }
                
             });

    } else {
      return false;
    }
  };
(function($) {
  "use strict";

  $( function() {
    $( "#dob,#doa" ).datepicker({
      changeYear: true,
      yearRange: "-100:+0",
      dateFormat: 'yy/mm/dd',
    });
  });
  

  $('#married_status').change(function() {
      
    if($(this).val() == 'Married')
    {
      $('#doaboxxx').show();
    }
    else
    {
      $('#doaboxxx').hide();
    }
  });


  $(function() {
    var urlLike = '{{ url('country/dropdown') }}';
    $('#country_id').change(function() {
      var up = $('#upload_id').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:id, text:title}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
    
  });

  $(function() {
    var urlLike = '{{ url('country/gcity') }}';
    $('#upload_id').change(function() {
      var up = $('#grand').empty();
      var cat_id = $(this).val();    
      if(cat_id){
        $.ajax({
          headers: {
          'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          },
          type:"GET",
          url: urlLike,
          data: {catId: cat_id},
          success:function(data){   
            console.log(data);
            up.append('<option value="0">Please Choose</option>');
            $.each(data, function(id, title) {
              up.append($('<option>', {value:id, text:title}));
            });
          },
          error: function(XMLHttpRequest, textStatus, errorThrown) {
            console.log(XMLHttpRequest);
          }
        });
      }
    });
  });

})(jQuery);

</script>

<script>
  function myFunction() {
    var checkBox = document.getElementById("myCheck");
    var text = document.getElementById("update-password");
    if (checkBox.checked == true){
      text.style.display = "block";
    } else {
       text.style.display = "none";
    }
  }

  function imageDelete(id){
      $.ajax({
          url: "{{ url('admin/questions/remove-image') }}/" + id, 
          type: "GET", 
          dataType: "html"
      })
      .done(function (a) {
              var data = JSON.parse(a);
            
            if(data.flagError){
                  showAlert(data.message, "error");
              }else{
                  showAlert(data.message, "success");
              }   
          }).fail(function () {
                  showAlert("Somthing went wrong!", "error");
      });         
  }
</script>

@endsection