/*global $ */
document.addEventListener( 'wpcf7mailsent', function( event ) {
    let cform_id = event.detail.contactFormId;
    // console.log(cform_id);
    if(cform_id == '4515' || cform_id == 4882) {
        setTimeout(function () {
            window.location.href = site_url;        
        },3000);        
    }
}, false );

$(document).ready(function () {

    $('[data-toggle="tooltip"]').tooltip();

    Fancybox.bind("[data-fancybox]", {
	  // Your custom options
	});

    if ($("#certRegForm").length>0) {
        jQuery.validator.setDefaults({
            onfocusout: function (e) {
                this.element(e);
            },
            onkeyup: false,

            highlight: function (element) {
                jQuery(element).closest('.form-control').addClass('is-invalid');
            },
            unhighlight: function (element) {
                jQuery(element).closest('.form-control').removeClass('is-invalid');
                jQuery(element).closest('.form-control').addClass('is-valid');
            },

            errorElement: 'div',
            errorClass: 'invalid-feedback',
            errorPlacement: function (error, element) {
                if (element.parent('.input-group-prepend').length) {
                    $(element).siblings(".invalid-feedback").append(error);
                    //error.insertAfter(element.parent());
                } else {
                    element.closest('label').append(error);
                }
            },
        });

        $.extend( $.validator.messages, {
            required: "هذا الحقل إلزامي",
            remote: "يرجى تصحيح هذا الحقل للمتابعة",
            email: "رجاء إدخال عنوان بريد إلكتروني صحيح",
            url: "رجاء إدخال عنوان موقع إلكتروني صحيح",
            date: "رجاء إدخال تاريخ صحيح",
            dateISO: "رجاء إدخال تاريخ صحيح (ISO)",
            number: "رجاء إدخال عدد بطريقة صحيحة",
            digits: "رجاء إدخال أرقام فقط",
            creditcard: "رجاء إدخال رقم بطاقة ائتمان صحيح",
            equalTo: "رجاء إدخال نفس القيمة",
            extension: "رجاء إدخال ملف بامتداد موافق عليه",
            maxlength: $.validator.format( "الحد الأقصى لعدد الحروف هو {0}" ),
            minlength: $.validator.format( "الحد الأدنى لعدد الحروف هو {0}" ),
            rangelength: $.validator.format( "عدد الحروف يجب أن يكون بين {0} و {1}" ),
            range: $.validator.format( "رجاء إدخال عدد قيمته بين {0} و {1}" ),
            max: $.validator.format( "رجاء إدخال عدد أقل من أو يساوي {0}" ),
            min: $.validator.format( "رجاء إدخال عدد أكبر من أو يساوي {0}" )
        } ); 

        // $.validator.addMethod(
        //   "regex",
        //   function(value, element, regexp) {
        //     var re = new RegExp(regexp);
        //     return this.optional(element) || re.test(value);
        //   },
        //   "Please check your input."
        // );       

        $("#certRegForm").validate({
            rules: {
                confirm_email: {
                  equalTo: "#manar_email"
                },
                mobile: { required: true, pattern : /^5[0-9]{8}$/ },
                nat_id: { required: true, pattern : /^[0-9]{10}$/ },
            },

        });        
    }


    /*start the loading page */
    let duplicate_btns = $('.post-clone-link');
    if (duplicate_btns.length>0) {
        duplicate_btns.addClass('btn btn-success btn-sm text-white');
    }

    $('.close-popup-alert').click(function(){
        $(".popup-alert").fadeOut();
    });

    $('.overlay').click(function(){

        $(".popup-alert").fadeOut();

    });


    $('#cert_reg_agree').on('change',function() {
        $("#cert_reg_btn").attr('disabled', !this.checked);
    });


    $('.bookOrderForm #delivery').on('change',function() {
        $(".delivery_details").toggle();
    });

    // $('#cert_reg_agree').on('change',function () {
    //     let _val = $(this).checked;

    //     console.log(_val);
    // })

    setTimeout(function () {
        $('#certModalBtn').click();
    },500);

    restrictInputOtherThanArabic($('input[name="com_name1"]'));
    restrictInputOtherThanArabic($('input[name="com_name2"]'));
    restrictInputOtherThanArabic($('input[name="com_name3"]'));


    $(document).ready(function() {
        if ($('.kselect2').length>0) 
            $('.kselect2').select2();
    });


    // lightGallery(document.getElementById('lightgallery'), {
    //     plugins: [lgZoom, lgThumbnail],
    //     speed: 500,
    //     mode: 'fade',
    // });

    // jQuery("#lightgallery")
    //   .justifiedGallery({
    //     captions: false,
    //     lastRow: "hide",
    //     rowHeight: 180,
    //     margins: 5
    //   })
    //   .on("jg.complete", function () {
    //     window.lightGallery(
    //       document.getElementById("lightgallery"),
    //       {
    //         autoplayFirstVideo: false,
    //         pager: false,
    //         galleryId: "nature",
    //         plugins: [lgZoom, lgThumbnail],
    //         mobileSettings: {
    //           controls: false,
    //           showCloseIcon: false,
    //           download: false,
    //           rotate: false
    //         }
    //       }
    //     );
    //   });

    // $('.single-gallery').lightGallery({
    //     selector: '.gallery-item'
    // });
    // lightGallery($('.single-gallery'), {
    //     // thumbnail: true,
    //     'selector' : '.gallery-item'
    // });


    // const el = document.querySelector(".quizCounts")
    // const observer = new IntersectionObserver( 
    //   ([e]) => e.target.classList.toggle("is-pinned", e.intersectionRatio < 1),
    //   { threshold: [1] }
    // );

    // observer.observe(el);

    // jQuery(".popup-alert").fadeOut(9000);



    // $('#inputFile').on('change', function() {
        // console.log('selectedddd');
        
    // });
    let avatarForm = $('#basic-user-avatar-form');
    if (avatarForm.length>0) {
        avatarForm.find('input[type="file"]').addClass('form-control mt-3');
        avatarForm.find('input[type="submit"]').addClass('btn btn-default');
    }

    $('.ques-toggle-paragraph').click(function(){

        $(this).parent().find('.quesPdiv').slideToggle('show');

    });
    

    var code_time = $('.code-wait-time');
    if (code_time.length>0) {
        sendCodeCountdown(code_time);
    }

    $('.btn-resend-code').on('click',function () {
        $(this).attr('disabled',true);
        $('.resend-code div').show();
        sendCodeCountdown(code_time);

        var data = {
            'action': 'resend_code',
            'post_type': 'POST',
            'user_id': $('#user_id').val(),
            'current_mobile': $('#current_mobile').val(),
            'current_email': $('#current_email').val()            
        };

        jQuery.post("/wp-admin/admin-ajax.php", data, function(response) {
            // console.log( response );
        }, 'json');

    });


    // filter course category
    $('.course-category-filter input').on('keyup',delay(function (e) {
    	let _this = $(this);
        let _val = _this.val();
    	let _all_cats = $('.courseCatWrap');
        let result = $('.courseCatWrap h3:contains(' + $.trim(_val) + ')');
        // console.log(_val,result);
        // let search_highlight = $('.search-highlight');
        // let list_item = $('.courseListBody .listItem');
        // console.log(result);
        // list_item.removeClass('open');
        // search_highlight.removeClass('search-highlight');
        
        if (_val != '' && result.length > 0) {  
        	_all_cats.hide();      
            $.each(result,function (k,v) {
                let link = $(v);
                link.closest('.courseCatWrap').slideDown('slow');
            });
        }
        else{
            // list_item.removeClass('open');
            // list_item.first().addClass('open');
            // search_highlight.removeClass('search-highlight');
        }

    }, 1000) );

    // Copy Lesson Tests to another course lesson
    $('.copy-lesson-test').on('submit',function (e) {
        let form = $(this); 
        let btn = form.find('button'); 
        // let select = form.find('select');
        let select = form.find('.select-course-wrap');        
        // let from_lesson_id = select.closest('.copy-lesson-test-wrap').data('from-lesson-id');
        // let to_lesson_id = parseInt(select.val());
        let  to_lesson_id = select.closest('.copy-lesson-test-wrap').data('from-lesson-id');
        let from_lesson_id = parseInt(select.val());
        // let lesson = select.find("option:selected");
        // let lesson_title = lesson.text();
        // let class_ = lesson.parent();
        // let class_title = class_.attr('label');        
        // let course_title = class_.prevAll('.select-course-head').text();
        // let valid = confirm("هل انت متاكد من نسخ الواجب الى درس : " + course_title + " >> " + class_title + " >> " +  lesson_title);
        let valid = confirm("هل انت متاكد من  النسخ");

        console.log('form ' + from_lesson_id, 'to ' + to_lesson_id);
        if (valid == true) {
            var data = {
                'action': 'copy_test_to_lesson',
                'post_type': 'POST',
                'from_lesson_id': from_lesson_id,
                'to_lesson_id': to_lesson_id
            };
            // console.log(from_lesson_id,to_lesson_id);
            // btn.attr('disabled',true);
            // btn.text('انتظر ..');
            jQuery.post("/wp-admin/admin-ajax.php", data, function(response) {
                console.log(response);
                if (response.response == true ) {
                    alert('تم النسخ');
                    // btn.removeAttr('disabled');
                    // btn.text('نسخ');
                }                     
            }, 'json');

            // console.log(from_lesson_id,to_lesson_id);
        } else {
          
        }        
        
        e.preventDefault();
        return false;
    });


    // Copy Class to another Course
    $('.copy-class-content').on('submit',function (e) {
        let form = $(this); 
        let btn = form.find('button'); 
        let select = form.find('select');
        let from_class_id = select.closest('.copy-lesson-test-wrap').data('from-class-id');
        let to_course_id = parseInt(select.val());
        let course = select.find("option:selected");
        let course_title = course.text();
        
        let valid = confirm("هل انت متاكد من نسخ  الفصل  الى دورة : " + course_title );
        if (valid == true) {
            var data = {
                'action': 'copy_class_to_course',
                'post_type': 'POST',
                'from_class_id': from_class_id,
                'to_course_id': to_course_id
            };            
            jQuery.post("/wp-admin/admin-ajax.php", data, function(response) {
                // console.log(response);
                if (response.response == true ) {
                    alert('تم النسخ');
                    // btn.removeAttr('disabled');
                    // btn.text('نسخ');
                }                     
            }, 'json');

            // console.log(from_lesson_id,to_lesson_id);
        } else {
          
        }                
        e.preventDefault();
        return false;
    });


    // Course Rate Report Loop
    if($('.page-template-course-rate-report').length>0){
        var cr_stu_no = $('#cr_stu_no').val();
        var loop = Math.ceil(cr_stu_no / 100);  
        var cc_id = $('#current_course_id').val();
        // console.log(cc_id);
        courseRateReportLoop(cc_id,loop);                    
    }    
    

    var dTable = $('#dataTable');
    if (dTable.length>0) {
        var current_course_title = $('#current_course_title').html();
        table = dTable.DataTable({
            lengthChange: false,
            // "searching": false,
            dom: 'Bfrtip',
            buttons: [
                { extend: 'excelHtml5', title: current_course_title },
                // { extend: 'colvis',text: 'التكم فى  الحقول'},            
                // 'copyHtml5',
                // 'excelHtml5',
                // 'csvHtml5',
                // 'pdfHtml5'
                // 'csv', 
                // 'pdf', 
                // 'excel', 
                // 'print'
            ],
            "language": {
                "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
            }
        });  

        // table.buttons().container().appendTo( '#example_wrapper .col-md-6:eq(0)' );  
        setTimeout(function () {
            $('#dataTable_wrapper .dt-buttons .buttons-excel').addClass('btn btn-success').removeClass('dt-button');
        },500)    ;
        
    }


    if ($('.wrongCount').length>0) {

        setTimeout(function () {    
            var wrongCount = parseInt($('.wrongCount').html()) ;            
            // console.log(wrongCount);
            let total =parseInt( $('#totalNumber').html());
            let net = total - wrongCount; 
            let perc = (net / total) * 100;
            if (perc >= 50) {
                $('#level_evaluation_up').show();
            }
            else{
                $('#level_evaluation_down').show();
            }

            // console.log(perc);
            $('.wrongCountDiv').html(net);
        },1000);
    } 
    

    $('#search_course_content').keyup(delay(function (e) {
        let val = $(this).val();
        let result = $('.courseListBody .listItem a:contains(' + $.trim(val) + ')');
        let search_highlight = $('.search-highlight');
        let list_item = $('.courseListBody .listItem');
        // console.log(result);
        list_item.removeClass('open');
        search_highlight.removeClass('search-highlight');
        if (val != '' && result.length >0) {        
            $.each(result,function (k,v) {
                let link = $(v);
                link.addClass('search-highlight');
                link.closest('.listItem').addClass('open');
            });
        }
        else{
            list_item.removeClass('open');
            list_item.first().addClass('open');
            search_highlight.removeClass('search-highlight');
        }

    }, 1000));

    // Search by course total rate
    $('#rcr_btn').on('click',function(){
        let btn = $(this).val();        
        let rcr_from = parseInt($('#rcr_from').val());  
        let rcr_to = parseInt($('#rcr_to').val());  
        let rows = $('.course-rate-table > tbody > tr:not(.tr-no-data)');
        let tr_no_data = $('.tr-no-data');

        // console.log(rcr_from == NaN || rcr_to == NaN || rcr_to < rcr_from);
        if (isNaN(rcr_from) || isNaN(rcr_to) || rcr_to <= rcr_from  ) {
            alert('من فضلك ادخل ارقام صحيحة') ;
            return false;
        }
        // let rows = tb.find('.student_all_rate');         
        if (rows.length > 0) {
            // rows.show();
            let isResult = false;
            tr_no_data.hide();
            $.each(rows,function(k,v){
                let row = $(this);
                let rate = row.find('.student_all_rate').val();
                let check = rcr_from < rate && rate < rcr_to;

                if (check) {
                    row.show(); 
                    if (isResult == false) 
                        isResult = true;                                    
                }
                else{
                    row.hide();
                    
                }                
            });

            if (!isResult) {
                tr_no_data.show();
            }
            else{

                tr_no_data.hide();   
            }
        }              
    });


    // Sort RCR
    $('#rcr_sort').on('change',function(){
        let sortBy = $(this).val();
        let rows = $('.course-rate-table > tbody > tr:not(.tr-no-data)');
        rows.sort(function(a, b){
            let sort_a =  $(a).find('.student_all_rate').val();
            let sort_b =  $(b).find('.student_all_rate').val();
            if (sortBy == 'low_to_high') 
                return +sort_a - +sort_b;
            else if (sortBy == 'high_to_low') 
                return -sort_a - -sort_b;
        });
            
        rows.appendTo('.course-rate-table > tbody');
    });

    // in active
    
    // var is_single_course = $('.single-courses');
    // var is_video = is_single_course.find('.course-video-wrap');
    // console.log(is_single_course,is_video);
    // if (is_single_course.length>0 && is_video.length == 0) {
    //     var time = new Date().getTime();
    //     $(document.body).bind("mousemove keypress", function(e) {
    //         time = new Date().getTime();

    //     });
    //     function refresh() {
    //         console.log('1');
    //         if(new Date().getTime() - time >= 60000) 
    //             window.location.reload(true);
    //         else 
    //             setTimeout(refresh, 10000);
    //     }
    //     setTimeout(refresh, 1000);
    // }


    // // Bootstrap Select
    // $('.my-select').selectpicker();

    // $('input[name="paymentType"]').click(function () {
    //     $(this).tab('show');
    //     $(this).removeClass('active');

    // });

    $('#paymentTypes a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
        // console.log($(e.target));
        
        var payTypeElem = $(e.target).find('input[name="paymentType"]');
        var payType = payTypeElem.val();
        var payname = $('input[name="payname"]');
        var fileToUpload = $('input[name="fileToUpload"]');        

        $("[name='paymentType']").removeAttr("checked");        
        payTypeElem.attr('checked',true).trigger('click');

        if (payType == 'online') {
            payname.removeAttr('required');
            fileToUpload.removeAttr('required');
        }
        else{
            payname.attr('required',true);
            fileToUpload.attr('required',true);   
        }
        // e.target // newly activated tab
        // e.relatedTarget // previous active tab
    });

    
    // Add Book Price
    $('.book_type').on('change',function () {
        let _val = $(this).data('price');
        $('#money').val(_val);
        console.log(_val);
    });

});


function courseRateReportLoop(cc_id,loop,cpage = 1){  

    $.ajax({
        url: "/?p=19284&course_id="+ cc_id +"&cpage=" + cpage,
        type: "GET",
        dataType: "html",
        // timeout: 1000,
        success: function(response,status) { 
            // console.log(response);
            if (status == 'success' ) {
                
                $('#course_rate_report tbody').append(response);                 
                --loop;
                console.log('Page: '+cpage);
                ++cpage;
            
                if (loop > 0) {
                    setTimeout(function () {                        
                        courseRateReportLoop(cc_id,loop,cpage);
                    },2000);    
                }            
                else{
                    $('.waiting-data').removeClass('alert-info').
                    addClass('alert-success').html('تم اعداد التقرير بنجاح');
                    $('#course_rate_report').DataTable({
                        // lengthChange: false,
                        dom: 'Bfrtip',
                        buttons: [
                            { extend: 'excelHtml5',title: $('.pageInfo h1').html() },                           
                        ],
                        "language": {
                            "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Arabic.json"
                        }
                    });  
                    
                    // setTimeout(function () {
                    //     $('#course_rate_report #dataTable_wrapper .dt-buttons .buttons-excel').addClass('btn btn-success').removeClass('dt-button');
                    // },500);

                    // alert('اكتمل التقرير');    
                }
            }                     
            else{
                alert('حدث خطأ .. يرج المحاولة لاحقا');
            }
        },
        error: function(xmlhttprequest, textstatus, message) {
            alert('حدث خطأ .. يرج المحاولة لاحقا');
            // if(textstatus==="timeout") {
            //     alert("got timeout");
            // } else {
            //     alert(textstatus);
            // }
        }
    });
    // jQuery.get("/?p=19284&course_id=15663&cpage=" + cpage, {}, function(response,status) {                
    //     if (status == 'success' ) {
    //         $('.waiting-data:visible').hide();
    //         $('#course_rate_report tbody').append(response);    
    //         --loop;
    //         ++cpage;
    //         if (loop > 0) {
    //             setTimeout(function () {
    //                 console.log('getting page:'+cpage);
    //                 courseRateReportLoop(loop,cpage);
    //             },2000);    
    //         }            
    //         else{
    //             alert('اكتمل التقرير');    
    //         }
    //     }                     
    //     else{
    //         alert('حدث خطأ .. يرج المحاولة لاحقا');
    //     }
    // }, 'html');
}

function restrictInputOtherThanArabic($field){
  var arabicCharUnicodeRange = /[\u0600-\u06FF]/;

  $field.bind("keypress", function(event)
  {
    var key = event.which;
    // 0 = numpad
    // 8 = backspace
    // 32 = space

    // var curVal = $field.val().trim();
    // console.log(curVal);
    if (key==8 || key==0 || key === 32 )
    {
      return true;
    }

    var str = String.fromCharCode(key);
    if ( arabicCharUnicodeRange.test(str) )
    {
      return true;
    }
    return false;
  });
}


function delay(callback, ms) {
    var timer = 0;
    return function() {
        var context = this, args = arguments;
        clearTimeout(timer);
        timer = setTimeout(function () {
            callback.apply(context, args);
        }, ms || 0);
    };
}


function sendCodeCountdown(code_time){
    var timer2 = "0:05";
    var interval = setInterval(function() {
        var timer = timer2.split(':');
        //by parsing integer, I avoid all extra string processing
        var minutes = parseInt(timer[0], 10);
        var seconds = parseInt(timer[1], 10);
        --seconds;
        minutes = (seconds < 0) ? --minutes : minutes;
        if (minutes < 0) clearInterval(interval);
        seconds = (seconds < 0) ? 59 : seconds;
        seconds = (seconds < 10) ? '0' + seconds : seconds;
        //minutes = (minutes < 10) ?  minutes : minutes;
        // console.log(minutes,seconds);
        if (minutes == 0 & seconds == "00") {
            // console.log('dsdsd');
            $('.btn-resend-code').removeAttr('disabled');
            $('.resend-code div').hide();
            // timer2 = "00:00";
            code_time.html("0:05");
            clearInterval(interval);
        }
        else{
            code_time.html(minutes + ':' + seconds);
            timer2 = minutes + ':' + seconds;    
        }
        

    }, 1000);



}

(function($) {

    "use strict";



    $(window).on('load', function(){

        // $('body').addClass('stopScroll');

        $('.loader').fadeOut(500, function () {

            $(this).remove();

            $('body').removeClass('stopScroll');

        }); 



        // Adjust Textarea Height

        var textArea = document.querySelectorAll('textarea[data-adaptheight]');

        textArea.forEach(function(el) {

            var innerHeight = $(textArea).prop('scrollHeight');

            $(textArea).css('min-height' , innerHeight );

        });

    });

$(document).ready(function(){

        $(document).on("change", ".mycourseidcustom", function () {

          var a=  $( ".mycourseidcustom option:selected" ).attr('data-price');

$('.mycustomeprice').val(a+' ريال');



        });

    

   $('video').bind('contextmenu',function() { return false; });

});

    $(document).on("click", ".addRate input", function () {

        var v = $(this).val();

        $('#rate').val(v);

    });

    // Close PopUp

    $('.centerPopup .overlay ,.closeme').on('click', function (e) {

        e.preventDefault();

        $('.centerPopup').removeClass('show');

        $('body').removeClass('stopScroll');

    });

  // Dynamic Popup

    $('.togglePopup').on('click', function () {

        let id = $(this).data('id');

        $('#' + id).addClass('show');

        $('body').addClass('stopScroll'); 

    });



    // OPEN SIDE  MENU 

    $('.menuBtn').on('click', function(){

        $('.navMenu').toggleClass('show');

        $('.navOverlay').addClass('show');  

        setTimeout(function(){

            $('body').addClass('stopScroll');

        }, 200); 

    });



    // CLOSE SIDE MENU 

    $('.navOverlay').on('click', function(){

        $(this).removeClass('show');

        $('.navMenu').removeClass('show');  

        $('body').removeClass('stopScroll');  

    });



    // Open Search 

    $('.openSearch').on('click', function() {

        $('.searchPopup').addClass('show');   

    });



    // Close Search 

    $('.searchPopup .close').on('click', function() {

        $('.searchPopup').removeClass('show');   

    });

    

    //  Open dropList

    $('.dropToggle').on('click', function(e){

        e.preventDefault();

        e.stopPropagation();

        if($(this).find('.dropList').hasClass('show')){

            $('.dropList').removeClass('show');

        } else {

            $('.dropList').removeClass('show');

            $(this).find('.dropList').toggleClass('show');

        } 

    });



    //  Close dropList

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

        $('.dropList').removeClass('show');

    });



    $('.dropList').on('click', function(e) {

        e.stopPropagation(); 

    });





    // Header OWL 

    $('.owlCourses').owlCarousel({

        rtl: true,

        margin: 10,

        autoplay: false,

        loop: false,

        nav: true,

        dots: false,

        merge: true,

        mergeFit: true,

        autoplaySpeed : 2000,

        autoplayTimeout : 2000,

        smartSpeed: 2000 ,

        navText: ["<i class='icofont-long-arrow-right'></i>", "<i class='icofont-long-arrow-left'></i>"],

        responsive: {

            0: {

                items: 1

            },

            768: {

                items: 2

            },
            992: {

                items: 3

            },
            1200: {

                items: 4

            }

        }

    });

    

    

  

    $('.slidermobile').owlCarousel({

        rtl: true,

        margin: 15,

        autoplay: false,

        loop: true,

        nav: true,

        dots: false,

        autoplaySpeed : 2000,

        autoplayTimeout : 2000,

        smartSpeed: 2000 ,

        navText: ["<i class='icofont-long-arrow-right'></i>", "<i class='icofont-long-arrow-left'></i>"],

        responsive: {

            0: {

                items: 1

            },

            600: {

                items: 2

            },

            1000: {

                items: 3

            }

        }

    });


    $('.mainCarousel').owlCarousel({
        rtl: true,
        items:1,
        // margin:10,
        // autoHeight:true,
        loop:true,
        nav:true,
        navText: ["<i class='fa fa-arrow-right'></i>", "<i class='fa fa-arrow-left'></i>"],

        dots:true,
        // margin:10,
        autoplay:true,
        autoplayTimeout:4000,
        autoplayHoverPause:true
    });

    









    

    

    

  

    // Toggle Password 

    $('.showPassword').click(function(){

        let passWord = $(this).parent().find('input');

        if($(passWord).attr('type') == 'password'){

             $(passWord).prop('type', 'text');

        }else{

             $(passWord).prop('type', 'password');

        }

    });



    // Upload Photo 

    function uploadImage(input , place) {

        if (input.files && input.files[0]) {
            let valid = true;
            let errors = '<ul>';
            let errorDiv = $('.form-msg');
            let fileInput = input.files[0];
            let size = fileInput.size;
            let fileType = fileInput['type'];
            var emptyFile = document.createElement('input');
            emptyFile.type = 'file';

            let validImageTypes = ['image/gif', 'image/jpeg', 'image/png'];

            errorDiv.html('').hide();
            
            if (!validImageTypes.includes(fileType)) {
                errors += '<li>- ' +  "الصيغ المسموحة للصورة  JPG, JPEG, PNG , GIF" + '</li>'; 
                valid = false;                      
            } 

            if (size > 2000000) {
                errors += '<li>- ' + "الحد الاقصى للصورة 2 ميجا" + '</li>';                    
                valid = false;
            }
            errors += '</ul>';

            // console.log(fileType);

            if (!valid) {
                // fileInput = null;
                // $(fileInput).attr({ type: 'text'}).attr({ type: 'file'});
                input.files = emptyFile.files;
                place.html('');
                errorDiv.html(errors).show();
                event.preventDefault(); 
                return false;
            }
            else{

                let reader = new FileReader();

                reader.onload = function(e) {

                    let preview = place;

                    preview.hide();

                    preview.html("");

                    let src = e.target.result;

                    let previewImage =  '<img src="'+ src +'"class="img-fluid">';    

                    preview.append(previewImage); 

                    // console.log(src);       

                    // console.log(e.target.result);       

                    preview.fadeIn(650);

                }

                reader.readAsDataURL(input.files[0]);
            }

        }

    }

    $('.uploadBtn input').change(function() {

        uploadImage(this , $(this).parent().next('.previewBox'));

    });



    // Tabs

    $('.tabBtn').on('click' , function(e){

        e.preventDefault();

        $('.tabBtn').removeClass('active');

        $(this).addClass('active');

        var itemId = $(this).attr("href"); 

        $('.tabContent').removeClass('show'); 

        $(itemId).addClass('show');

    });



    // Add Lecture 

    $('.lecturePopupAddBtn').on('click' , function(){

        let input = $(this).prev('.field').find('input');

        let LectureName = $(input).val();

        if ($(input).val()) {

            let newLecture = '<div class="lecture">' +

                                '<input type="text" disabled value="' + LectureName+ '">' +

                                '<div class="lectureAction">' +

                                    '<div class="lectureBtn editLecture"> <img src="images/icon-pencil.png" alt="icon"> <span> تعديل </span></div>' +

                                    '<div class="lectureBtn deleteLecture"> <img src="images/icon-trash.png" alt="icon"> <span> حذف </span> </div>' +

                                '</div>' +

                            '</div>';

            let lecturesList = $('.addedLectures');

            lecturesList.append(newLecture);

            $(input).val('');

        }

    });



    // Edit Lecture 

    $(document).on('click', '.editLecture' , function(){

        let textInput = $(this).parent().prev('input');

        if (textInput.attr('disabled')) {

            textInput.removeAttr('disabled'); 

            textInput.focus(); 

            textInput.addClass('focused');

        }

        else {

            textInput.attr('disabled', 'disabled'); 

            textInput.removeClass('focused');

        }

    });



    // Delete Lecture 

    $(document).on('click', '.deleteLecture' , function(){

        let lecture = $(this).parent().parent('.lecture');

        $(lecture).remove();

    });



    // Edit Lesson 

    $(document).on('click', '.lesson .editLecture' , function(){

        let textInput = $(this).parent().parent().find('input');

        if (textInput.attr('disabled')) {

            textInput.removeAttr('disabled'); 

            textInput.focus(); 

            textInput.addClass('focused');

        }

        else {

            textInput.attr('disabled', 'disabled'); 

            textInput.removeClass('focused');

        }

    });



    // Show Lesson Inputs Or Question Inputs 

    $('#lessonType').change(function(){

        $(this).find("option:selected").each(function(){

            let optionValue = $(this).attr("value");

            if(optionValue == 'Lesson'){

                $('.addlessonBox').show();

                $('.addQuestionBox').hide();

            } else{

                $('.addlessonBox').hide();

                $('.addQuestionBox').show();

            }

        });

    }).change();



    // Add Question 

    $('.addQuestion').on('click' , function(){

        let question = $(this).prev('input');

        let questionTitle = $(question).val();

        // console.log('questionTitle' , questionTitle);



        if ($(question).val()) {

            let newQuestion =  '<div class="addedQuestion">' +

                                    '<div class="addedQuestionHead field">' +

                                        '<label> السؤال  </label>' +

                                        '<div class="addedForm">' +

                                            '<div class="questionTitle">' + questionTitle + '</div>' +

                                            '<div class="deleteQuestion btnRed"> <i class="icofont-ui-delete"></i> </div>' +

                                        '</div>' +

                                    '</div>' +

                                    '<div class="answers">' +

                                        '<div class="answersHead field">' +

                                            '<label> الاجابة  </label>' +

                                            '<div class="addedForm">' +

                                                '<input type="text" class="form-control" placeholder="يتم كتابة الاجابة">' +

                                                '<div class="addAnswer btnOpacity"> <i class="icofont-plus"></i>  </div>' +

                                            '</div>' +

                                        '</div>' +

                                        '<div class="answersBody"></div>' +

                                    '</div>' +

                                '</div>';

            // console.log(newQuestion);



            let questions = $('.addedQuestions');

            questions.append(newQuestion);

            $(question).val('');

        } 

    });



    // Delete Question 

    $(document).on('click', '.deleteQuestion' , function(){

        $(this).parents('.addedQuestion').remove();

    });



    // Add Answer 

    $(document).on('click', '.addAnswer' , function(){

        let answer = $(this).prev('input');

        let answerContent = $(answer).val();

        // console.log('answerContent' , answerContent);



        if ($(answer).val()) {

            let newAnswer =  '<div class="answer">' +

                                '<div class="answerContent">' + answerContent + '</div>' +

                                '<div class="deleteAnswer btnGrey"> <i class="icofont-close"></i> </div>' +

                             '</div>'

            // console.log(newAnswer);



            let answers = $(this).parents('.answersHead ').next('.answersBody');

            answers.append(newAnswer);

            $(answer).val('');

        } 

    });



    // Delete Answer 

    $(document).on('click', '.deleteAnswer' , function(){

        $(this).parent('.answer').remove();

    });





    // Profile Tabs

    $('.profileTab').on('click' , function(e){

        e.preventDefault();

        $('.profileTab').removeClass('active');

        $(this).addClass('active');

        var itemId = $(this).attr("href"); 

        $('.tabContent').removeClass('show'); 

        $(itemId).addClass('show');

    });



    // Edit Profile

    $(document).on('click', '.editField' , function(){

        let filedInput = $(this).prev('input');

        if (filedInput.attr('disabled')) {

            filedInput.removeAttr('disabled'); 

            filedInput.focus(); 

            filedInput.addClass('focused');

        }

        else {

            filedInput.attr('disabled', 'disabled'); 

            filedInput.removeClass('focused');

        }

    });



    // Upload Avatar 

    function uploadAvatar(input , place) {

        if (input.files && input.files[0]) {

            let reader = new FileReader();

            reader.onload = function(e) {

                let preview = place;

                let newSrc = e.target.result;

                $(preview).find('.abc').attr('src' , newSrc );

            }

            reader.readAsDataURL(input.files[0]);

        }

    }

    $('.uploadAvatar input').change(function() {

        uploadAvatar(this , $('.profileAvatarPreview'));

    });

    



    // Animate Progress Bar

    $('.progressTab').on('click' , function() {

        $('.progress-bar').each(function(){

            let percent = $(this).attr("aria-valuenow") + "%";

            $(this).animate({

                "width": percent 

            }, {

                duration: 50,

                easing: 'linear'

            });

        });

    });



    // Courses Tabs

    $('.courseCatTab').on('click' , function(e){

        e.preventDefault();

        $('.courseCatTab').removeClass('active');

        $(this).addClass('active');

        var itemId = $(this).attr("href"); 

        $('.tabContent').removeClass('show'); 

        $(itemId).addClass('show');

    });

    

    // FaQ

    $('.questionHead').on('click' , function(){

        let parentFaq = $(this).parent('.question');

        if(parentFaq.hasClass('open')){

            $('.question').removeClass('open');

            $('.questionBody').slideUp();

        } else {

            $('.question').removeClass('open');

            $('.questionBody').slideUp();

            $(parentFaq).addClass('open');

            $(parentFaq).find('.questionBody').slideDown();

        }

    });



    // Lecture List 

    $('.listItemHead').on('click' , function(){

        let parentFaq = $(this).parent('.listItem');

        if(parentFaq.hasClass('open')){

            $('.listItem').removeClass('open');

            $('.listItemBody').slideUp();

        } else {

            $('.listItem').removeClass('open');

            $('.listItemBody').slideUp();

            $(parentFaq).addClass('open');

            $(parentFaq).find('.listItemBody').slideDown();

        }

    });

    // iniat WOW Js

    new WOW().init();

     var input = document.querySelector("#k-int-tel");
    if (input != null &&  typeof(input) != undefined) {
        // console.log(input);
        window.intlTelInput(input, {
          // allowDropdown: false,
          autoHideDialCode: true,
          autoPlaceholder: "off",
          // dropdownContainer: document.body,
          // excludeCountries: ["us"],
          formatOnDisplay: false,
          // geoIpLookup: function(callback) {
          //   $.get("http://ipinfo.io", function() {}, "jsonp").always(function(resp) {
          //     var countryCode = (resp && resp.country) ? resp.country : "";
          //     callback(countryCode);
          //   });
          // },
          // hiddenInput: "full_number",
          // initialCountry: "auto",
          // localizedCountries: { 'de': 'Deutschland' },
          nationalMode: true,
          // ,'eg' ,'ae', 'om', 'kw', 'qa','bh','iq'
          onlyCountries: ['sa'],
          // placeholderNumberType: "MOBILE",
          // preferredCountries: ['sa','eg' ,'ae', 'om', 'kw', 'qa','bh','iq'],
          separateDialCode: true,
          utilsScript: base_url + "/js/utils.js",
        });

        $('#k-int-tel').bind('input', function(){
            $(this).val(function(_, v){
              return v.replace(/\s+/g, '');
            });
        });
    }

})(jQuery);


 
(function($) {

            // let playButton = document.getElementById('playVideo');


            // load first video automatically            
            // let first_lesson_video = $('.listItem.open .listLesson:not([data-video=""]):first '); 
            // console.log($('.courseDetails'));
            // if ($('.courseDetails').length > 0) {
            //     setTimeout(function () {                                      
            //         first_lesson_video.click();
            //     },1000) ;            
            // }



            // Play Video         
            // if(playButton){

            //     playButton.addEventListener('click', function() {

            //         $(this).hide();

            //         if (video.paused == true) {

            //             video.play();    

            //         } else {

            //             video.pause();

            //         }

            //     });

            // }

            // show Play Button 

            // let videoBox = document.getElementById("video");

            // if(videoBox){            
            //     videoBox.onpause = function() {
            //         $(playButton).show();  
            //     };
            // }

            // Play Video 

            // $(document).on('click' , '.listLesson' , function(){

            //     let willPlayed = $(this).data('video');
            //     if (willPlayed != null) {
            //         $('.courseView:hidden').show();
            //         $('.quizBox:visible').hide();
            //         let videoTag = document.getElementById('video');
            //         // console.log(videoTag);
            //         if (videoTag != null) {
            //             $('.listLesson').removeClass('active');
            //             $(this).addClass('active');

            //             $(playButton).show();                      

            //             videoTag.src = willPlayed;

            //             videoTag.load();
            //         }
            //         else
            //             alert('no player found!');
                   
            //     }

            // });    

});