$(function () {
  $('#example1').DataTable({
    responsive: true
  });
});
function readURL(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    
    reader.onload = function (e) {
      $('#image_tag').attr('src', e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
  }
}
$("#page_image").change(function(){
  readURL(this);
});


function readURL3(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    
    reader.onload = function (e) {
      $('#image_tag1').attr('src', e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
  }
}
$("#page_image_edit").change(function(){
  readURL3(this);
});


function readURL2(input) {
  if (input.files && input.files[0]) {
    var reader = new FileReader();
    
    reader.onload = function (e) {
      $('#page_banners').attr('src', e.target.result);
    }
    reader.readAsDataURL(input.files[0]);
  }
}
$("#page_banner").change(function(){
  readURL2(this);
});

$("#PagesImageAddForm").validate({ 
  rules: {
      title: { 
          required: true,
      }, 
      page_image: { 
          required: true,
      }, 
  },
  messages: {
      title: {
          required: "Pages title is Required Field.",
      },
      page_image: {
          required: "Pages Image is Required Field.",
      },
  },
});
 
$("#PagesImageEditForm").validate({ 
  rules: {
      title: { 
          required: true,
      } 
  },
  messages: {
      title: {
          required: "Pages title is Required Field.",
      },
  },
});
$("#PagesAddForm").validate({ 
  rules: {
      page_name: { 
          required: true,
      }, 
      page_banner: { 
          required: true,
      }, 
      page_description: { 
          required: true,
      }, 
  },
  messages: {
      title: {
          required: "Pages title is Required Field.",
      },
      page_banner: {
          required: "Pages Image is Required Field.",
      },
      page_description: {
          required: "Pages Description is Required Field.",
      },
  },
});
 
$("#PagesEditForm").validate({ 
  rules: {
      page_name: { 
          required: true,
      },
      page_description: { 
          required: true,
      }, 
  },
  messages: {
      page_name: {
          required: "Pages title is Required Field.",
      },
      page_description: {
          required: "Pages Description is Required Field.",
      },
  },
});