jQuery(document).ready(function($) {


    var needToConfirm=false;
    var form_original_data = $(".leave_form").serialize();

    $('#page_top_btn').click(function(){ 
        var title = $('#title').val();
        var cat = $('#category').val();

        if (title == '' || cat == '') {
            $('#title').valid();
        } else {
            $('.form_2').slideDown();
            $('.form_1').hide();
        };
        return false;
    });


    $(document).ready(function (e) {
      $('#logo_upload_form').on('submit',(function(e) {
          e.preventDefault();
          var formData = new FormData(this);
          
          $.ajax({
              type:'POST',
              url: base_url+'page/upload_logo',
              data:formData,
              cache:false,
              contentType: false,
              processData: false,
              success:function(data){
                  $('#preview_img').html(data);
                  console.log("success");
                  console.log(data);
              },
              error: function(data){
                  console.log("error");
                  console.log(data);
              }
          });
      }));

      $("#page_logo").on("change", function() {
          $("#logo_upload_form").submit();
      });
    });


     $(function(){

            $(".copy_right_page").change(function(){

                var value = $(this).val();
                $('.details_list').hide();
                $('.copyright_details_'+value).slideDown();
              
                // if (value == 4 || value == 5) {
                //     $('#uploaded_area_single_'+imgID+' .single_img_price_box').slideDown();
                //     $('#uploaded_area_single_'+imgID+' .single_img_price_box input').prop("required", true);
                // } else {
                //     $('#uploaded_area_single_'+imgID+' .single_img_price_box').slideUp();
                //     $('#uploaded_area_single_'+imgID+' .single_img_price_box input').prop("required", false);
                // }

            });

        });



    $('#page_center_btn').click(function(){ 
        if ($(".page_category").val() == "" || $(".page_name").val() == "") { 
            $('.page_category').valid();
            return false;
        }else {
            $('.form_1').hide();
            $('.form_2').hide();
            $('.form_3').slideDown();

            // swal({
            //   title: "Error",
            //   text:"যেকোনো একটি অপশন নির্বাচন করুন",
            //   type: "error",
            //   showCancelButton: false
            // })
            //$('.page_type').valid();
        };
        return false;
    }); 

    $('#page_center_cancel').click(function(){ 
        $('.form_1').slideDown();
        $('.form_2').hide();
        return false;
    });

    $('#page_bottom_cancel').click(function(){ 
        $('.form_2').slideDown();
        $('.form_3').hide();
        $('.form_1').hide();
        return false;
    });


    $(function(){
        $('#create_new_page').submit(function(){

            $('#page_bottom_btn').prop('disabled', true);

            $.post($('#create_new_page').attr('action'), $('#create_new_page').serialize(), function(json){

                if (json.st == 1) {
                    swal({
                          title: "Success",
                          text: "আপনার চাহিদানুযায়ী পেইজ তৈরী হয়েছে এবং তা অপ্রকাশিত অবস্থায় রয়েছে। প্রয়োজনীয় তথ্য যুক্ত করে পেইজটি প্রকাশ করুন।",
                          type: "success",
                          showConfirmButton: true
                    }, function(){
                        window.location = json.url;
                    });
                    
                }else {
                    swal({
                      title: "Error!",
                      text: "Something wrong",
                      type: "error",
                      showConfirmButton: true
                    });
                }
            },'json');
            return false;
        });

    });



    $(function(){
        $('.add_user_role').submit(function(){
            $.post($('.add_user_role').attr('action'), $('.add_user_role').serialize(), function(json){
                if (json.st == 1) {
                    $("#roleModal").modal('hide');
                    $('.add_user_role')[0].reset();
                }
                location.reload();
            },'json');
            return false;
        });
    });


    $(function(){
        $('.department_form').submit(function(){
            $("#myModal").modal('hide');
            $.post($('.department_form').attr('action'), $('.department_form').serialize(), function(json){
                if (json.st == 1) {
                    $('#page_result').html(json.loaded);
                    $('.department_form')[0].reset();
                    location.reload();
                }
            },'json');
            return false;
        });
    });



    $(document).on('click', ".mp_publish_btn", function() {
        var id = $(this).attr('data-id');
        var pageId = $(this).attr('data-val');
        var url = base_url+'page/publish_department_page/1/'+id+'/'+pageId;
        $.post(url, $(this).serialize(), function(json){
            if(json.st == 1){
                $("#publish_"+id).html('<i class="fa fa-times"></i>  স্থগিত করুন');
                $("#publish_"+id).addClass('unpublish_page');
                $("#publish_"+id).removeClass('mp_publish_btn');
            }
         },'json');

        return false;
    });


    $(document).on('click', ".mp_unpublish_btn", function() {
        var id = $(this).attr('data-id');
        var pageId = $(this).attr('data-val');
        var url = base_url+'page/publish_department_page/0/'+id+'/'+pageId;
        $.post(url, $(this).serialize(), function(json){
            if(json.st == 1){
                $("#unpublish_"+id).html('<i class="fa fa-check"></i> প্রকাশ করুন');
                $("#unpublish_"+id).addClass('mp_publish_btn');
                $("#unpublish_"+id).removeClass('mp_unpublish_btn');
            }
         },'json');

        return false;
    });



    // $(document).on('click', ".follow_page", function() {
    //     var id = $(this).attr('data-id');
    //     var url = base_url+'page/follow/'+id;
    //     $.post(url, $(this).serialize(), function(json){
    //         if(json.st == 1){
    //             location.reload();
    //         }
    //      },'json');
    //     return false;
    // });



    $(document).on('click', ".unfollow_page", function() {
        var id = $(this).attr('data-id');
        var url = base_url+'page/unfollow/'+id;
        $.post(url, $(this).serialize(), function(json){
            if(json.st == 1){
                location.reload();
            }
         },'json');
        return false;
    });


    // section page join / leave 
    $(document).on('click', ".join_page", function() {
        var page_id = $(this).attr('page-id');
        var section_id = $(this).attr('section-id');
        var url = base_url+'page/join/'+page_id+'/'+section_id;
        $.post(url, $(this).serialize(), function(json){
            if(json.st == 1){
                // $('.join_page').html('Joined');
                // $('.joined_btn').html('Joined');
                // $('.join_page').addClass('leave_page');
                // $('.join_page').removeClass('join_page');
                $('#join_modal').modal('hide');
                location.reload();
            }else{
                swal({
                      title: "warning!",
                      text: "Already joined",
                      type: "warning",
                      showConfirmButton: true
                    });
            }
         },'json');
        return false;
    });

    $(document).on('click', ".leave_page", function() {
       var page_id = $(this).attr('page-id');
        var section_id = $(this).attr('section-id');
        var url = base_url+'page/leave/'+page_id+'/'+section_id;
        $.post(url, $(this).serialize(), function(json){
            if(json.st == 1){
                $('.leave_page').html('Join');
                $('.leave_page').addClass('join_page');
                $('.leave_page').removeClass('leave_page');
            }
         },'json');
        return false;
    });




    $('.page_category').change(function(){  
        var cat_id = $(this).val();
        if(cat_id != ''){
            var url = base_url+'page/get_subcategory/'+ cat_id;
                $.get(url,{ },function(data){
                    $('.page_sub_category').html(data);
                    $('.page_subcat_area').show();
                    $('.page_sub_category').prop('disabled', false);
                }
            );
        }  

    });



    $(".page_agree").click(function () {

        if ($(".page_agree").is(":checked")) {
            $('.page_agree_btn').prop('disabled', false);
        } else {
            $('.page_agree_btn').prop('disabled', true);
        }
    });

    $(".follow_agree").click(function () {

        if ($(".follow_agree").is(":checked")) {
            $('.follow_agree_btn').prop('disabled', false);
        } else {
            $('.follow_agree_btn').prop('disabled', true);
        }
    });



   
   $(".check_agree").click(function () {
        if ($(".check_agree").is(":checked")) {
            $(".check_agree_btn").removeAttr('disabled');
        } else {
            $(".check_agree_btn").attr('disabled','disabled');
        }
    });


    $('.add_more_social').click(function(){
        $('.add_social_link_area').hide();
        $('.more_social_media').slideDown();
        return false;
    });


    $('.back_more_social').click(function(){
        $('.add_social_link_area').slideDown();
        $('.more_social_media').hide();
        return false;
    });


    $('.page_active_alert').click(function(){
        var id = $(this).data('id');
        swal({
            title: "শাখা পেইজ তৈরী করুন",
            text: "দুঃখিত! এই ফটোগ্রাফিক পেইজটি ‘মাল্টিপল ভিউ’ অপশনে তৈরীকৃত। ‘মাল্টিপল ভিউ’ ফটোগ্রাফি পেইজে আওতাধীন ‘শাখা পেইজ’ তৈরী ব্যতিত ফটোগ্রাফি পেইজ প্রকাশ করা যায়না। অনুগ্রহ করে শাখা পেইজ তৈরী করুন। ",
            type: "warning",
            confirmButtonColor: "#DD6B55",
            cancelButtonColor: '#d33',
            showConfirmButton: true,
            confirmButtonText:"শাখা পেইজ নির্বাচন",
            cancelButtonText:"না থাক ",
            showCancelButton: true,
        },function(){
            window.location.href = base_url+"page/department_page/"+id;
        });
        return false;
    });


    $('#live').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "আপনার পেইজ প্রকাশ করা হয়েছে",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                        location.reload();
                });
            }
         },'json');
        return false;
    });

    

    $('#unpublish').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                $(this).attr('checked', 'checked');
                $("#publish").prop("checked", false);
                swal({
                    title: "Success",
                    text: "পেইজ অপ্রকাশিত হয়েছে। এই পেইজ কেউ দেখতে পাবেনা",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                        location.reload();
                });
            }
         },'json');
        return false;
    });




    $('#upload_on').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "পেইজে ছবি আপলোড অপশন চালু করা হয়েছে",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                        location.reload();
                });
            }
         },'json');
        return false;
    });

    $('#upload_off').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "ছবি আপলোড অপশন বন্ধ করা হয়েছে। কেউ পেইজে ছবি আপলোড করতে পারবেনা",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                        location.reload();
                });
            }
         },'json');
        return false;
    });

    $('#any_one').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "এই পেইজে যে কেউ ছবি আপলোড করতে পারবে",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                        location.reload();
                });
            }
         },'json');
        return false;
    });

    $('#approve_members').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "শুধুমাত্র অনুমোদিত ফটোগ্রাফার এই পেইজে ছবি আপলোড করতে পারবে",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                    location.reload();
                });
            }
         },'json');
        return false;
    });

    $('#auto').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "ভিজিটরদের আপলোডকৃত ছবি কারো অনুমোদন ছাড়াই এই পেইজে সরাসরি প্রকাশ করা হবে",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                    location.reload();
                });
            }
         },'json');
        return false;
    });

    $('#admin').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "এই পেইজে সদস্য/ফলোয়ারদের আপলোডকৃত ‘ছবি’ পেইজ এডমিন অথবা এডিটরের অনুমোদনক্রমে প্রকাশ করা হবে।",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                        location.reload();
                });
            }
         },'json');
        return false;
    });


    $('.not_verified').click(function(){
        swal({
            title: "দুঃখিত!",
            text: "মোবাইল SMS ভেরিফিকেশন ব্যতীত কোনো ফটোগ্রাফি পেইজে ‘সদস্য’ অথবা ‘ফলোয়ার’ হিসেবে যোগ দেয়া যায় না। অনুগ্রহ করে আপনার একাউন্ট ভেরিফাই করুন।",
            type: "warning",
            confirmButtonText: "একাউন্ট ভেরিফাই করুন",
            showConfirmButton: true
        }, function(){
            $("#varificationPop").modal('show');
        });
        return false;
    });
    
    // $('.create_album').click(function(){
    //     $(".album_inputs").toggle();
    //     return false;
    // });

    $(".create_album").click(function () {
        $('.create_album').not(this).prop('checked', this.checked);
        
        if ($(".create_album").is(":checked")) {
            $(".album_inputs").show()
        } else {
            $(".album_inputs").hide()
        }
    });

    $(document).on('click', ".select_award", function() {
        var image_id = $(this).attr('data-id');
        $('#rating_modal_'+image_id).modal('show');
    
    });


    // page rating
    $(document).on('click', ".add_page_rating", function() {
        var image_id = $(this).attr('data-id');
        $(function(){
            $('#rating_form_'+image_id).submit(function(){
                $('.add_page_rating').prop('disabled', true);
                $.post($('#rating_form_'+image_id).attr('action'), $('#rating_form_'+image_id).serialize(), function(json){
                    if (json.st == 1) {
                      $('.custom_rating_modal').modal('hide');
                      $('#select_award_'+image_id).html(json.rating).addClass('active_rating');
                      $('#select_award_'+image_id).removeAttr('data-target');
                      $('.add_page_rating').prop('disabled', false);
                      $('#select_award_'+image_id).removeClass('select_award');
                    }
                },'json');
                return false;
            });
        });

    });
    


    $('#rating_follower').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "এই পেইজের ছবিতে সদস্য/ফলোয়ার রেটিং দিতে পারবে",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                        location.reload();
                });
            }
         },'json');
        return false;
    });

    $('#rating_member').click(function(){
        var pageUrl = $(this).val();
        $.post(pageUrl, $(this).serialize(), function(json){
            if(json.st == 1){
                swal({
                    title: "Success",
                    text: "এই পেইজের ছবিতে সদস্য রেটিং দিতে পারবে",
                    type: "success",
                    showConfirmButton: true
                }, function(){
                        location.reload();
                });
            }
         },'json');
        return false;
    });

// delete departmant section
$(document).on('click', ".delete_dprt", function() {
        
        var id = $(this).attr('data-id');
        var url = base_url+'page/delete_section_page/'+id;

        swal({
          title: "আপনি কি নিশ্চিত?",
          text: "এই শাখা পেইজের মাধ্যমে প্রাপ্ত সকল পয়েন্টসহ ‘শাখা পেইজ’টি ডিলিট করা হবে।",
          type: "warning",
          showCancelButton: true,
          confirmButtonColor: "#DD6B55",
          confirmButtonText: "হ্যা, ডিলিট হোক",
          closeOnConfirm: false
        },
        function(){ 

            $.post(url, $(this).serialize(), function(json){
                if(json.st == 1){
                    swal({
                      title: "Deleted!",
                      text: "শাখা পেইজটি ডিলিট করা হয়েছে",
                      type: "success",
                      showCancelButton: false
                    }),                
                    $("#hide_dprt_"+id).slideUp();
                }
            },'json');

        });

        return false;

    });



    


    // single page pending members approve reject user 
    $(document).on('click', ".approve_member", function() {
        var ID = $(this).attr('data-id');
        var pageId = $(this).attr('data-val');
        var url = base_url+'page/approve_section_user/'+ID+'/'+pageId;
        $('.approve_member').off('click');
        $.post(url, $(this).serialize(), function(json){
            if(json.st == 1){
                $('#block_member_'+ID).slideUp();
            }
         },'json');

        return false;

    });


    // single page pending members approve reject user 
    $(document).on('click', ".reject_member", function() {
        var ID = $(this).attr('data-id');
        var pageId = $(this).attr('data-val');

        var url = base_url+'page/reject_section_user/'+ID+'/'+pageId;
        swal({
              title: "আপনি কি নিশ্চিত?",
              text: "পেইজে ‘সদস্য’ হতে আগ্রহী ফটোগ্রাফারের অনুরোধ বাতিল করা হবে।",
              type: "warning",
              showCancelButton: true,
              confirmButtonColor: "#DD6B55",
              confirmButtonText: "হ্যা, বাতিল হোক",
              cancelButtonText: "না",
              closeOnConfirm: false
            },
        function(){ 
            $.post(url, $(this).serialize(), function(json){
                if(json.st == 1){
                swal({
                  text: "পেইজে ‘সদস্য’ হতে আগ্রহী ফটোগ্রাফারের অনুরোধ বাতিল করা হয়েছে",
                  type: "success",
                  showCancelButton: false
                }),
                    //location.reload();
                    $('#block_member_'+ID).slideUp();
                }
             },'json');
        });
        return false;

    });


    $(document).on('click', ".reject_approve_member", function() {

        var ID = $(this).attr('data-id');
        var pageId = $(this).attr('data-val');
        var url = base_url+'page/reject_section_user/'+ID+'/'+pageId;

            swal({
              title: "আপনি কি নিশ্চিত?",
              text: "পেইজে এই ব্যক্তির সদস্যপদ বাতিল করবেন?",
              type: "warning",
              showCancelButton: true,
              confirmButtonColor: "#DD6B55",
              confirmButtonText: "হ্যা",
              cancelButtonText: "না",
              closeOnConfirm: false
            },
            function(){ 
                $.post(url, $(this).serialize(), function(json){
                    if(json.st == 1){     
                        swal({
                            title: "সফল হয়েছে",
                            text: "পেইজে ‘সদস্য’ হতে আগ্রহী ফটোগ্রাফারের অনুরোধ বাতিল করা হয়েছে",
                            type: "success",
                            showCancelButton: false
                        });                
                        $("#block_"+ID).slideUp();
                    }
                },'json');

            });

        return false;

    });



    $(document).on('click', ".select_page_rating", function() {
        var id = $(this).data('id');
        var type = $(this).data('type');
        var url =`${base_url}page/get_ajax_rating_modal/${id}/${type}`;
        $.post(url, { }, function(json) {
           if(json.st == 1){
              $('#rating_load_page').html(json.result);
              $('.pageRatingModal').modal('show');
            }
        }, 'json' );
        return false;
    });








 // var upload_files = function() {            
 //      $(function() {

 //        $(".close_profile_crop_btn").click(function(){
 //            $('#mask2 , .image_crop_area').fadeOut(300 , function() {
 //                $('#mask2').hide();
 //            });

 //            $('.pro_pic_change').remove();
 //        });

 //        $(".rotate_iamge").click(function(){
 //                var $image = $('.img-container > img');
 //                $('.loading_img_rotate_inc').hide();
 //                $('.loading_img_rotate_img').show();

 //                var img = $('#img_path').val();
 //                var imgDelUrl = base_url+'profile_operation/rotate_image/';

 //                $.post(imgDelUrl, {image: img}, function(json){
 //                    if(json.st == 1){

 //                        $image.cropper('replace', json.img);



 //                        $('.loading_img_rotate_inc').show();
 //                        $('.loading_img_rotate_img').hide();


 //                    }

 //                 },'json');

 //            });


 //        $("#change_profile_pic_btn").click(function(){

 //            $('#uploadImage').click();
 //            $('.pro_pic_change').remove();

 //        });
        
 //        $('#uploadImage').change(function(e) {    
 //            if($('#uploadImage').val()) {
 //                e.preventDefault();
 //                $('#loader-icon').show();
 //                $('#progress-div').show();

 //                $('#loading_img').show();
 //                $('#change_profile_pic_img').hide();


 //                $('#upload_user_photo_frm').ajaxSubmit({ 
 //                    target:   '.img-container', 
 //                    beforeSubmit: function() {
 //                      $("#progress-bar").width('0%');
 //                    },
 //                    uploadProgress: function (event, position, total, percentComplete){ 
 //                        $("#progress-bar").width(percentComplete + '%');
 //                        $("#progress-bar").html('<div id="progress-status">' + percentComplete +' %</div>')
 //                    },
 //                    success:function (){
 //                        $('#loader-icon').hide();
 //                        $('#progress-div').hide();

                        
 //                        $(function () {
 //                          var $image = $('.img-container > img');

 //                          $image.cropper({
 //                            movable: true,
 //                            zoomable: false,
 //                            rotatable: true,
 //                            scalable: true,
 //                            minCropBoxWidth:100,
 //                            minCropBoxHeight:100,
 //                            preview: '.img-preview',
 //                            aspectRatio: 1 / 1,
                            
 //                            crop: function(e) {
 //                                // Output the result data for cropping image.
 //                                console.log('X:'+e.x);
 //                                console.log('Y:'+e.y);
 //                                console.log('W:'+e.width);
 //                                console.log('H:'+e.height);
 //                                console.log('R:'+e.rotate);
 //                                console.log(e.scaleX);
 //                                console.log(e.scaleY);

 //                                $('#x').val(e.x);
 //                                $('#y').val(e.y);
 //                                $('#w').val(e.width);
 //                                $('#h').val(e.height);


 //                            }
                            
                            
 //                          });
                          
                          
                          
                          
 //                        });


 //                        $('#img_p').val($('#img_path').val());
 //                        $('.image_crop_area').fadeIn();

 //                        $('body').append('<div id="mask2"></div>');
 //                        $('#mask2').fadeIn(300);

 //                        $('#loading_img').hide();
 //                        $('#change_profile_pic_img').show();


 //                    }
 //                    //resetForm: true 
 //                }); 
 //                return false; 
 //            }
 //        });


 //      });
 //    };


 //    $(function(){
 //        $('#upload_user_photo_frm').submit(function(){


 //            $('#upload_img_btn_area').slideUp();
 //            $('.order_submit_anim').slideDown();

 //            $.post(base_url+'profile_operation/save_profile_img_final', $(this).serialize(), function(json){
                
 //                if (json.st == 1){
 //                    $('#upload_user_photo_frm')[0].reset();
 //                    $('#change_profile_pic_img').attr('src',json.new_img);
 //                    $('.header_right_login .user img').attr('src',json.new_img);
 //                    $('#mask2 , .image_crop_area').fadeOut(300 , function() {
 //                        $('#mask2').hide();
 //                    });

 //                    $('.pro_pic_change').remove();
 //                }

 //            },'json');
 //            return false;


 //        });
 //    });



 //    $(function(){

 //        $('#change_upload_page').change(function(){

 //            var pageUrl = $(this).val();
 //            window.location = pageUrl;

 //        });

 //    });

 //    $(function(){

 //        $('#change_upload_imgcat_page').change(function(){

 //            var pageUrl = $(this).val();
 //            window.location = pageUrl;

 //        });

 //    });


// image croper
// $(document).on('click','#cancel_cover',function(){
//     $('.r_banner').hide();
//     $('.single_p_banner').show();
// });
// $uploadCrop = $('.s_banner').croppie({

//     enableExif: true,
//     viewport: {

//         width: 980,

//         height: 300,

//         //type: 'square'

//     },

//     boundary: {

//         width: 980,

//         height: 300

//     }


// });


// $(document).on('change','#add_cover', function () { 

//     var reader = new FileReader();

//     reader.onload = function (e) {

//         $uploadCrop.croppie('bind', {

//             url: e.target.result

//         }).then(function(){

//             console.log('jQuery bind complete');

//         });

        

//     }

//     reader.readAsDataURL(this.files[0]);
//     $('.r_banner').show();
//     $('.single_p_banner').hide();
// });


// $('.upload-result').on('click', function (ev) {

//     $uploadCrop.croppie('result', {

//         type: 'canvas',

//         size: {
//         width: 300,
//         height: 200
//         }

//     }).then(function (resp) {


//         $.ajax({

//             url: "up.php",

//             type: "POST",

//             data: {"image":resp},

//             success: function (data) {

//                 html = '<img src="' + resp + '" />';

//                 $("#upload-demo-i").html(html);
//                 $('.up_v').fadeIn();
//                 $('.up').fadeOut();

//             }

//         });

//     });

// });





 var loading_html = '<div class="spinner"><div class="rect1" style="margin-right: 1px;"></div><div class="rect2"></div><div class="rect3"></div><div class="rect4"></div><div class="rect5"></div></div>';

   
    $(document).on('click', ".page_modal_img", function() {
        var ImgID  = $(this).attr('data-id');
        $("#page_load_img").html(loading_html);
        //window.location.hash = ImgID;
        
        var imgUrl = base_url+'page/load_modal_img/'+ImgID;
        $.post(imgUrl, $(this).serialize(), function(json){

            if(json.st == 1){
                $('#page_load_img').html(json.result);

                $('.custom_btn_p').click(function(){
                    var image_id = $(this).attr('data-id');
                    
                    $(function(){
                        $('#rating_form_'+image_id).submit(function(){
                            $('.custom_btn_s').prop('disabled', true);
                            $.post($('#rating_form_'+image_id).attr('action'), $('#rating_form_'+image_id).serialize(), function(json){
                                if (json.st == 1) {
                                   window.location.reload();
                                    $('#pageimgModal').modal('hide');
                                }
                            },'json');
                            return false;
                        });
                    });

                });

                $("#download_link").on("click", function(){
                    $('.dw_option_area').slideToggle();
                });
            }
        },'json');
        return false;
    });

    $(document).on("click",".add_t_cart", function(){
        $('#imgModal').modal('hide');
        $('#cart_modal').modal('show');
    });



$(function(){
    $(document).on('click', '.help_modal', function(event) {
        var id = $(this).data('id');
        var url = base_url+'home/get_help/'+id;
       $.post(url, $(this).serialize(), function(json){
            if (json.st == 1) {
                $("#help_modal").modal('show');
                $('.help_details').html(json.details);
                $('.help_title').html(json.title);
            }
        },'json');
        return false;
    });
});


















    


    $(window).bind('beforeunload', function(e){
        if ($(".leave_form").serialize() != form_original_data) {
            var needToConfirm = true;
        }
        if(needToConfirm)
            return "You made some changes and it's not saved?";
        else 
        e=null; // i.e; if form state change show warning box, else don't show it.
    });


});;