@php
    if ($userScore->event_id != null) {
        $type = 'event';
        $collection = $userScore->event;
        $rounds = $collection->event_rounds;
    } else {
        $type = 'challenge';
        $collection = $userScore->challenge;
        $rounds = $collection->challenge_round->whereNotNull('yards');
    }
@endphp
<script>
    type = "{{ $type }}";
    userHasPlayed = "{{ verifyUserAlreadyPlayed($userScore) ? true : false }}";

    video_required = "{{ $collection->video_required }}" == '1' ? true : false;
    target_required = "{{ $collection->image_required }}" == '1' ? true : false;

    jQuery(document).ready(function() {
        totalRounds = parseInt("{{ $rounds->count() }}");

        //DISABLE FINAL FORM SUBMIT BUTTON
        jQuery('#submitFormData').attr('disabled', true);

        //DISABLE SAVE SCORE BOARD BUTTON
        jQuery('#save-round-detail-scoreboard').attr('disabled', true);


        //DISABLE SAVE VIDEO TO SCORE BOARD BUTTON
        jQuery('#upload-video-target-score').attr('disabled', true);


        //CROPPING TARGET IMAGE CANCEL BUTTON
        jQuery('.cancel-cropping-img').click(function() {
            //CHANGE THE  ICON FROM UPLOADED TO UPLOAD ON SCOREBOARD
            let iconImageSrc = APP_URL + '/images/upload-target-img.svg';
            jQuery('.upload-final-target').find('img').attr('src',
                iconImageSrc);

            //CHANGE THE TARGET TO DEFAULT IMAGE WHEN NO TARGET IS PRESENT
            let showImagePreview = APP_URL + '/images/gallery-icon.png'
            jQuery('.show-uploaded-target img').attr('src',
                showImagePreview)

            //FOR FITTING IMAGE IN FRAME
            jQuery('.show-image-preview').removeClass('traget-image-uploaded');

            //disable save and reset buttons
            jQuery('#reset-target-image').attr('disabled', true);
            jQuery('#upload-target-image').attr('disabled', true);

            //enable upload button
            jQuery('#upload-target_image').parent().removeClass('disable-label');
            jQuery('#upload-target_image').parent().attr('for',
                'upload-target_image');

            enableDisableButton()

            //clear input file type to null
            jQuery('#uploadTargetImageForm')[0].reset();

            // jQuery('#upload-target-file').filestyle('clear');
            jQuery('#upload-target-file').val(null);

            //clearing input file value
            $('#uploadTargetImageForm')[0].reset();

            //showing text
            jQuery('.target-text-dummy').removeClass('d-none');

            //hide fullpage loader
            jQuery('#fullPageLoader').addClass('d-none');
        });

        //ADD SCORE JS START

        //WHEN USER FOCUS ON THE INPUT IN SCORE MODAL
        jQuery('.show-number').click(function(e) {
            let currentElement = jQuery(this);
            let inputElement = currentElement.prev().children().first();

            //SHOW HIGHLIGHTED SCORE ELEMENT IN SCORE MODAL
            jQuery('.show-number').removeClass('activated');
            jQuery(this).addClass('activated');

            //WHEN USER CLICKED ON SCORE ELEMENT IN SCORE MODAL
            jQuery('.update-input-value').off('click').click(function(e) {

                if (currentElement.hasClass('remove-values')) {
                    currentVal = '0';
                    inputValue = '0';

                    //remove class
                    currentElement.removeClass('remove-values');
                } else {
                    currentVal = inputElement.val();
                    inputValue = inputElement.val();
                }


                let clickedButtonValue = jQuery(this).val();
                if (inputValue == '.') {
                    inputElement.val('0.');
                    currentElement.html('0.');
                }


                //BACKSPACE BUTTON OR CLEAR SINGLE CHARACTER FUNCTIONALITY
                if (clickedButtonValue == ' ') {
                    //REMOVE SINGLE CHARACTER FROM THE END
                    inputElement.val(currentVal.replace(/.$/, ''));
                } else {
                    //RETURN IF DIGITS LENGTH INCREASED BY 5
                    if (currentVal.length > 4) {
                        return;
                    }

                    // PREVENT USER FROM ENTERGIN '.' SECOND TIME
                    if (currentVal.includes('.') && clickedButtonValue == '.') {
                        return
                    }
                    // UPDATE INPUT VALUE
                    inputElement.val(currentVal + clickedButtonValue);
                }
                //SHOWING THE ENTERED VALUE OF INPUT IN MODAL SCORE
                currentElement.html(inputElement.val());

                //IF POINTS VALUE IS NULL
                if (inputElement.val().length === 0) {
                    inputElement.val('0');
                    currentElement.html('0');
                }


                if (inputValue === '0' && clickedButtonValue !== ' ') {
                    if (clickedButtonValue !== '.') {
                        inputElement.val(clickedButtonValue.replace(/^0*(.+)/, '$1'));
                        currentElement.html(clickedButtonValue.replace(/^0*(.+)/, '$1'));
                    }
                }

                //DISABLE ENABLE SAVE BUTTON IF  ROUND POINTS AND  ROUND TIME FILLED ARE EMPTY
                if (jQuery("input[name='round-points']").val() == ' ' || jQuery(
                        "input[name='round-time']").val() == ' ') {

                    jQuery('#save-round-detail').attr('disabled', true);
                    jQuery('#save-round-detail-scoreboard').attr('disabled', true);

                } else {
                    jQuery('#save-round-detail').attr('disabled', false);
                    // jQuery('#save-round-detail-scoreboard').attr('disabled', false);
                }
            })


        })


        // RESTRICT USER FROM CLOSING THE VIDEO MODAL UNTIL ALL VIDEOS ARE UPLOADED BY USER IF REQUIRED
        // jQuery('#close-video-modal').click(function(e) {
        //     let videoUploaded = true;
        //     for (let i = 1; i < parseInt(totalRounds) + 1; i++) {
        //         if (!(jQuery('#round_' + i + '_video').hasClass('disable-video-icon'))) {
        //             if (!jQuery('#round_' + i + '_video').find('img').hasClass('videoUploaded')) {
        //                 videoUploaded = false;
        //             }
        //         }
        //     }
        //     if (videoUploaded != true) {
        //         errorShow('Error', 'Please upload all round videos', 'Ok');
        //     }
        // });


        //SAVE ROUND VIDEO
        jQuery('#save-round-detail').click(function(e) {
            e.preventDefault();

            //SHOW LOADER
            jQuery('#fullPageLoader').removeClass('d-none');

            //GET ROUND DETAILS
            let roundNumber = jQuery('select[name="round-number"]').val();
            let roundPoints = (jQuery('input[name="round-points"]').val());
            let roundTime = parseFloat(jQuery('input[name="round-time"]').val()).toFixed(2);

            if (roundPoints == '' || roundTime == 'NaN') {
                //HIDE LOADER
                jQuery('#fullPageLoader').addClass('d-none');

                //SHOW ERROR MESSAGE
                errorShow('Invalid details', 'Please enter the details ', 'Ok');

                return;
            }

            //ROUND TIME CANNOT BE ZERO
            if (roundTime == 0) {
                //HIDE LOADER
                jQuery('#fullPageLoader').addClass('d-none');

                //SHOW ERROR MESSAGE
                errorShow('Invalid details', 'Time cannot be zero', 'Ok');

                return;
            }


            //STORING THE ROUND POINTS AND TIME ACCORTING TO ROUND NUMBER
            storeRoundScore(roundNumber, roundPoints, roundTime);


            //SHOW COMPLETED ROUND NUMBER ON THE SCORE BOARD
            showCompletedRounds(totalRounds);

            //REMOVE ERROR MESSAGE OF POINT AND TIME THROWED BY JQUERY VALIDATION
            jQuery('#round_' + roundNumber + '_points').next('label').remove();
            jQuery('#round_' + roundNumber + '_time').next('label').remove();

            // // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
            // enableDisableButton()

            let nextRound = parseInt(roundNumber) + 1;

            setTimeout(() => {
                //enable disable button if 4 rounds are completed
                if (roundCompletedByScore() == totalRounds) {
                    jQuery('#save-round-detail-scoreboard').attr('disabled', false);
                } else {
                    jQuery('#save-round-detail-scoreboard').attr('disabled', true);
                }

                if (nextRound <= totalRounds) {
                    //show next round selected
                    jQuery('#rounds').val(nextRound);

                    //show score if exists
                    showChallengeRoundScore(nextRound)
                }



                //show completed  rounds
                showCompletedRounds(totalRounds);

                //hide loader
                jQuery('#fullPageLoader').addClass('d-none');
            }, 1000);

            // RETURN IF NEXT ROUND VALUE IS GREATER THAN THE TOTAL NO. OF ROUNDS
            if (nextRound > totalRounds) {
                setTimeout(() => {
                    //ENABLE SAVE ROUND SCORE BOARD  BUTTON
                    // jQuery('#save-round-detail-scoreboard').attr('disabled', false);

                    // hide fullpageloader
                    jQuery('#fullPageLoader').addClass('d-none');

                }, 1000);
                return false;
            }





            // jQuery('#add-score').modal('hide');
        });


        jQuery('#save-round-detail-scoreboard').click(function() {
            jQuery(this).attr('disabled', true);

            //show full page loader
            jQuery('#fullPageLoader').removeClass('d-none');

            setTimeout(() => {
                //update total score to board
                showFinalScore(totalRounds);

                //updating final score value
                // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
                enableDisableButton()

                //hide loader
                jQuery('#fullPageLoader').addClass('d-none');
            }, 1000);

            // hide modal
            jQuery('#add-score').modal('hide');
        })



        //SHOW FINAL SCORE ON THE  SCORE BOARD
        function showFinalScore(totalRounds) {

            let total_score = calcFinalScore(totalRounds)

            localStorage.setItem('c-final_score', total_score);

            //update final score
            if (roundCompletedByScore(totalRounds) == totalRounds) {
                jQuery('.show-final-score').text(total_score.toFixed(2))
                jQuery('#final_score').val(total_score.toFixed(2));
            }


            //if final score is 0
            if (total_score == 0) {
                jQuery('.show-final-score').text(' ')
            }
        }

        //add score js ends

        // show round video preview
        // show round video preview
        $('#upload-video-target').on('change', function(event) {
            var file = event.target.files[0];
            if (file) {
                var videoURL = URL.createObjectURL(file);

                //SHOW VIDEO AND HIDE FRAME
                $('#show-video-preview').attr('src', videoURL).show();
                jQuery('.dummy-frame-video').addClass('d-none');
                jQuery('#show-video-preview').parent().removeClass('d-none');

                //disable upload input
                jQuery('#upload-video-target').parent().addClass('disable-label');
                jQuery('#upload-video-target').parent().attr('for', '');

                //enable reset and save button
                jQuery('#reset-round-video').attr('disabled', false);
                jQuery('.save-round-video').attr('disabled', false);
            } else {
                //HIDE VIDEO AND SHOW FRAME
                jQuery('.dummy-frame-video').removeClass('d-none');
                jQuery('#show-video-preview').parent().addClass('d-none');

                //enable upload input
                jQuery('#upload-video-target').parent().removeClass('disable-label')
                jQuery('#upload-video-target').parent().attr('for', 'upload-video-target');

                //disable reset and save button
                jQuery('#reset-round-video').attr('disabled', true);
                jQuery('.save-round-video').attr('disabled', true);
                jQuery('#upload-video-target-score').attr('disabled', true);
            }
        });



        // upload round video starts
        jQuery('.upload-round-video').click(function(e) {
            // e.stopPropagation();

            //return if video is not required
            if (jQuery(this).hasClass('disable-video-icon')) {
                return false;
            }

            // show preview of video from database starts
            let currentRoundVideoIcon = jQuery(this);

            let currentRound = currentRoundVideoIcon.attr('id').match(/\d+/)[0];


            //enable score board main button
            enableDisableScoreBoardVideoBtn();

            //RETURN IF ROUND NUMBER GREATER THAN TOTAL ROUNDS
            if (currentRound > totalRounds) {
                setTimeout(() => {
                    jQuery('#fullPageLoader').addClass('d-none');
                    return false;
                }, 1000);
            } else {
                //SHOW ROUND NUMBER SELECTED
                jQuery('#add-score-rounds').val(currentRound)
            }

            let id = jQuery(this).attr('upload-id');

            //SHOW CURRENT ROUND VIDEO IN VIDEO MODAL
            showRoundVideo(currentRound);

            //SHOW NUMBER OF COMPLETED ROUNDS IN SCORE BOARD
            showCompletedRounds(totalRounds);

            //SHOW MODAL
            jQuery('#add-video').modal('show');
            //show preview of video from database ends


            //upload round video into database starts
            jQuery('.save-round-video').off('click').on('click', function(event) {
                const maxSize = video_size;
                //show fullpage loader
                jQuery('#fullPageLoader').removeClass('d-none');

                event.preventDefault();

                let roundNumber = jQuery('#add-score-rounds').val();

                let currentRoundVideoIcon = jQuery('#round_' + roundNumber +
                    '_video');

                let inputVideo = jQuery('#upload-video-target').get(0).files;

                //WHEN USER HAS NOT UPLOADED THE VIDEO
                if (currentRoundVideoIcon.find('img').hasClass('videoUpload')) {
                    if (inputVideo.length == 0) {
                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');
                        errorShow('Error', 'Please upload round video ', 'Ok');
                        return;
                    }

                    if (inputVideo[0].size > maxSize) {
                          //hide fullpage loader
                          jQuery('#fullPageLoader').addClass('d-none');
                        errorShow('Error', 'File size must be less than 75 MB', 'TRY AGAIN');
                        return;
                    }

                }

                //WHEN USER HAS UPLOADED THE VIDEO
                if (currentRoundVideoIcon.find('img').hasClass('videoUploaded') && inputVideo
                    .length == 0) {

                    // //SHOW VIDEO OF NEXT ROUND
                    let nextRound = parseInt(jQuery('#add-score-rounds').val()) + 1;
                    if (nextRound <= totalRounds) {
                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');

                        //SHOW ROUND VIDEO
                        showRoundVideo(nextRound);
                    } else {
                        //return if round number is less than 4
                        if (nextRound > totalRounds) {
                            setTimeout(() => {
                                //hide fullpage loader
                                jQuery('#fullPageLoader').addClass('d-none');
                            }, 1000);
                            return false;
                        }
                    }
                    //hide modal
                    // jQuery('#add-video').modal('hide');

                    //show completed  rounds
                    showCompletedRounds(totalRounds);

                    //enable score board main button
                    enableDisableScoreBoardVideoBtn();

                    return;
                }

                let nextRound = jQuery('#add-score-rounds').val();

                //return if round number is less than 4
                if (nextRound > totalRounds) {
                    setTimeout(() => {
                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');
                    }, 1000);

                    return false;
                }


                let roundId = jQuery(`#round_${roundNumber}_video`).attr('upload-id');

                let url = null;


                //IF USER PLAY SECOND TIME AND MULTIPLE TIME
                if (userHasPlayed == true && userHasPlayed.length > 0) {
                    url = currentRoundVideoIcon.attr('play-m-data-url');
                } else {
                    // IF USER PLAYED FIRST TIME
                    url = currentRoundVideoIcon.attr('data-url');
                }

                let data = new FormData(jQuery('#uploadVideoTargetForm')[0]);


                //validate file starts
                // Check if the FormData object contains the file

                //validate file ends
                let response = ajaxCall(url, 'post', data);

                response.then(function(response) {

                    if (response.status) {
                        //SHOW VIDEO VIDEO ICON ON THE SCORE BOARD UPLOADED
                        let roundVideoIconPath = APP_URL + '/images/videouploded.svg';
                        currentRoundVideoIcon.find('img').attr('src',
                            roundVideoIconPath);

                        currentRoundVideoIcon.find('img').addClass('videoUploaded');



                        currentRoundVideoIcon.find('img').removeClass('videoUpload');

                        //CHANGING TEXT WHEN VIDEO IS UPDATED
                        currentRoundVideoIcon.closest('.round-list-rank-box-innerlast')
                            .find('p span.text-upload').text('uploaded')

                        //SET VALUE TO BE TRUE  FOR CHECKING SINGLE VIDEO IS UPLOADED OR NOT
                        currentRoundVideoIcon.attr('uploaded', true);

                        //SHOW VIDEO AND HIDE FRAME
                        jQuery('.dummy-frame-video').addClass('d-none');
                        jQuery('#show-video-preview').parent().removeClass('d-none');

                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');

                        // jQuery('#add-video').modal('hide');

                    } else {
                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');

                        //SHOW VIDEO FRAME AND HIDE THE PREVIEW VIDEO
                        jQuery('.dummy-frame-video').removeClass('d-none');
                        jQuery('#show-video-preview').parent().addClass('d-none');
                    }

                    //SHOW NEXT ROUND VIDEO
                    if (nextRound < totalRounds) {
                        moveToNextRoundVideo();
                    }


                    //show completed  rounds
                    showCompletedRounds(totalRounds);

                    //enable score board main button
                    enableDisableScoreBoardVideoBtn();
                })
            })
            // upload video into database ends

            //reset round video from database starts
            jQuery('#reset-round-video').off('click').click(function() {
                //show fullpage loader
                jQuery('#fullPageLoader').removeClass('d-none');

                let currentRound = jQuery('#add-score-rounds').val();
                let resetRoundId = jQuery(`#round_${currentRound}_video`).attr('upload-id');

                let currentRoundVideoIcon = jQuery(`#round_${currentRound}_video`);

                let url = null;

                // IF USER HAS PLAYED MULTIPLE TIMES
                if (userHasPlayed == true && userHasPlayed.length > 0) {
                    url = currentRoundVideoIcon.attr('p-multiple-reset-url');
                } else {
                    // IF USER HAS PLAYED SINGLE TIME
                    url = currentRoundVideoIcon.attr('reset-url');
                }

                // CHECK IF USER RESET THE VIDEO(SELECTED FROM THE FILE OR FOLDER)  NOT FROM THE DATABASE
                if (jQuery('#upload-video-target').get(0).files.length == 1) {
                    //hide fullpage loader
                    jQuery('#fullPageLoader').addClass('d-none');

                    //enable upload input
                    jQuery('#upload-video-target').parent().removeClass('disable-label');
                    jQuery('#upload-video-target').parent().attr('for', 'upload-video-target');

                    //disable reset and save button
                    jQuery('#reset-round-video').attr('disabled', true);
                    jQuery('.save-round-video').attr('disabled', true);

                    jQuery('#upload-video-target-score').attr('disabled', true);

                    //change round video uploaded icon to upload video icon
                    let iconVideoSrc = APP_URL + '/images/uploadVideo.svg';
                    currentRoundVideoIcon.find('img').attr('src', iconVideoSrc);

                    //USED FOR CHECKING VIDEOS OF CURRENT ROUND IS UPLOADED OR NOT
                    currentRoundVideoIcon.attr('uploaded', false);

                    //enable disable button on form valid
                    // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
                    enableDisableButton()


                    //ADDING CLASS
                    currentRoundVideoIcon.addClass('videoUpload');
                    currentRoundVideoIcon.removeClass('videoUploaded');

                    //CHANGING TEXT WHEN VIDEO IS UPDATED
                    currentRoundVideoIcon.closest('.round-list-rank-box-innerlast').find(
                        'p span.text-upload').text('upload');


                    jQuery('#show-video-preview').removeAttr('src');
                    jQuery('#show-video-preview source').removeAttr('src');

                    //SHOW VIDEO FRAME AND HIDE THE VIDEO PRVIEW
                    jQuery('.dummy-frame-video').removeClass('d-none');
                    jQuery('#show-video-preview').parent().addClass('d-none');

                    //SHOW COMPLETED ROUNDS
                    showCompletedRounds(totalRounds);

                    //CLEAR INPUT FILE INPUT VALUES
                    $('#uploadVideoTargetForm')[0].reset();

                    return;
                }

                //HIT URL FOR DELETING THE ROUND VIDEO
                let response = ajaxCall(url, 'post');
                response.then((response) => {

                    //UPDATING THE VIDEO TAG FOR SHOWING VIDEO
                    let videoElement = jQuery('#show-video-preview').get(0);
                    videoElement.pause();
                    videoElement.removeAttribute('src'); // Remove source
                    videoElement.load();

                    //ENABLE INPUT TAG FOR UPLOADING VIDEO
                    jQuery('#upload-video-target').parent().removeClass(
                        'disable-label');
                    jQuery('#upload-video-target').parent().attr('for',
                        'upload-video-target');

                    //DISABLE RESET AND SAVE BUTTON
                    jQuery('#reset-round-video').attr('disabled', true);
                    jQuery('.save-round-video').attr('disabled', true);
                    jQuery('#upload-video-target-score').attr('disabled', true);

                    //IF ROUND VIDEO IS SUCCESSFULLY DELETED FROM DATABASE
                    if (response.status == true) {

                        //CHANGE RESET ROUND VIDEO ICON OF SCOREBOARD FROM UPLOADED TO UPLOAD
                        let iconVideoSrc = APP_URL + '/images/uploadVideo.svg';
                        currentRoundVideoIcon.find('img').attr('src', iconVideoSrc);
                        currentRoundVideoIcon.find('img').addClass('videoUpload');
                        currentRoundVideoIcon.find('img').removeClass('videoUploaded');

                        //CHANGING TEXT WHEN VIDEO IS UPDATED
                        currentRoundVideoIcon.closest('.round-list-rank-box-innerlast')
                            .find('p span.text-upload').text('upload')

                        //FOR CHECKING ROUND VIDEO IS UPLOADED OR NOT
                        currentRoundVideoIcon.attr('uploaded', false);

                        //enable disable button on form valid
                        // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
                        enableDisableButton()

                        jQuery('#show-video-preview').removeAttr('src');
                        jQuery('#show-video-preview source').removeAttr('src');

                        //SHOW VIDEO FRAME AND HIDE VIDEO PREVIEW
                        jQuery('.dummy-frame-video').removeClass('d-none');
                        jQuery('#show-video-preview').parent().addClass('d-none');

                        //SHOW ROUND NUMBER ON VIDEO MODAL TEXT AS CORRESPONDING TO ROUND VIDEO RESETED
                        jQuery('#round-number-p').text(jQuery('#add-score-rounds')
                            .val())

                        //CLEAR INPUT FILE TYPE TO NULL
                        $('#uploadVideoTargetForm')[0].reset();

                        //HIDE FULL PAGE LOADER
                        jQuery('#fullPageLoader').addClass('d-none');

                    } else {
                        //IF RESETING ROUND VIDEO FAILED

                        //HIDE VIDEO FRAME AND SHOW VIDEO IF
                        jQuery('.dummy-frame-video').addClass('d-none');
                        jQuery('#show-video-preview').parent().removeClass('d-none');

                        //HIDE FULL PAGE LOADER
                        jQuery('#fullPageLoader').addClass('d-none');
                    }
                    // }

                    //SHOW COMPLETED ROUNDS ON SCORE BOARD AFTER RESETING
                    showCompletedRounds(totalRounds);

                })
            })
            //reset round video ends
        });
        //upload video ends

        //For enabling toggle 
        jQuery('.yes-toggle').click(function () {
            // $(this).closest('.toggle-wrapper').find('.toggle-button').removeClass('current-slider-color');
            // $(this).closest('.toggle-wrapper').find('.toggle-button').attr('saved', '1');
            // jQuery(this).parent().find('.no-toggle').removeClass('manage-toggle');
            // $(this).parent().find('.slider').css('left', 'calc(100% - 20px)');

            slideToggleToRight(jQuery(this));
        });

      

        //For disabling toggle
        jQuery(".no-toggle").click(function () {
            // $(this).closest('.toggle-wrapper').find('.toggle-button').removeClass('current-slider-color');
            // $(this).closest('.toggle-wrapper').find('.toggle-button').attr('saved', '1');
            // jQuery(this).parent().find('.yes-toggle').removeClass('manage-toggle');
            // $(this).parent().find('.slider').css('left', '0px');
            slideToggleToLeft(jQuery(this));
        });

        // jQuery(".aspect_ratio_toggle").click(function(){
        //     jQuery('#upload-target_image').attr('aspect-ratio' , jQuery(this).val());

        // })

        //upload target file starts
        //show uploaded target image preiview when image is already uploaded
        jQuery('#upload-target-file').off('click').click(function() {
            //RETURN IF TARGET IS NOT REQUIRED
            if (jQuery(this).hasClass('disable-video-icon')) {
                return false;
            }

            let id = jQuery(this).attr('event-id');

            let url = null;
            // IF USER PLAY CHALLENGE MULTIPLE TIMES
            if (userHasPlayed == true && userHasPlayed.length > 0) {
                url = jQuery(this).attr('p-multiple-upload-url');
            } else {
                // IF USER PLAY CHALLENGE SINGLE TIME
                url = jQuery(this).attr('upload-url');
            }

            //GETTING TARGET IMAGE IF UPLOADED
            let response = ajaxCall(url, 'get');

            response.then((response) => {
                if (response.data != null) {
                    let upload_target_url = null;
                    if (userHasPlayed == true && userHasPlayed.length > 0) {
                        upload_target_url = APP_URL + '/storage/' + response.data.path;
                    } else {
                        upload_target_url = APP_URL + '/storage/' + response.data.target_path;
                    }

                    if (response.data.target_path != null || response.data.path != null) {
                        // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
                        enableDisableButton()
                        //SHOW UPLOADED IMAGE
                        jQuery('.show-uploaded-target img').attr('src', upload_target_url);

                        //SHOW IMAGE FULLY FITTED IN FRAME
                        jQuery('.show-image-preview').addClass('traget-image-uploaded');

                        //HIDE TEXT OF FRAME IF IMAGE IS UPLOADED
                        jQuery('.target-text-dummy').addClass('d-none');

                        // DISABLE UPLOAD FILE BUTTON
                        jQuery('#upload-target_image').parent().addClass('disable-label');
                        jQuery('#upload-target_image').parent().attr('for', '');

                        //ENABLE RESET BUTTON AND DISABLE UPLOAD TARGET IMAGE
                        jQuery('#reset-target-image').attr('disabled', false);
                        jQuery('#upload-target-image').attr('disabled', true);

                        //Showing toggle selected
                        let toggleRatio = localStorage.getItem('ratio_toggle');
                        if(toggleRatio == '2/3'){
                            slideToggleToRight(jQuery('.yes-toggle'));
                        }
                        if(toggleRatio == '8.5/11'){
                            slideToggleToLeft(jQuery('.no-toggle'));
                        }
                    } else {
                        //FOR FITTING IMAGE IN FRAME
                        jQuery('.show-image-preview').removeClass('traget-image-uploaded');

                        //disable upload button if file not exists and disabled other buttons
                        jQuery('#reset-target-image').attr('disabled', true);
                        jQuery('#upload-target-image').attr('disabled', true);

                        //enable upload button if file exists
                        jQuery('#upload-target_image').parent().removeClass('disable-label');
                        jQuery('#upload-target_image').parent().attr('for',
                            'upload-target_image');
                    }

                } else {
                    //FOR FITTING IMAGE IN FRAME
                    jQuery('.show-image-preview').removeClass('traget-image-uploaded');

                    //disable upload button if file not exists and disabled other buttons
                    jQuery('#reset-target-image').attr('disabled', true);
                    jQuery('#upload-target-image').attr('disabled', true);

                    //enable upload button if file exists
                    jQuery('#upload-target_image').parent().removeClass('disable-label');
                    jQuery('#upload-target_image').parent().attr('for', 'upload-target_image');

                }

                // jQuery('.aspect_ratio_toggle').click(function(){
                //     // console.log( jQuery(this) , jQuery(this).prop('checked') , croppedImageRatio);
                //     jQuery('#upload-target_image').attr('aspect-ratio' , jQuery(this).val());

                //     //enable upload button if file exists
                //     jQuery('#upload-target_image').parent().removeClass('disable-label');
                //     jQuery('#upload-target_image').parent().attr('for', 'upload-target_image');
                // });

                //show modal
                jQuery('#add-photo').modal('show');

                //clearing input file value
                $('#uploadTargetImageForm')[0].reset();
            })

            //upload target image into database starts
            jQuery('#upload-target-image').off('click').click(function() {
                // show fullpage loader
                jQuery('#fullPageLoader').removeClass('d-none');

                const imageMaxSize = target_file_size; //2mb
                let inputImage = jQuery('#upload-video-target').get(0).files;
                if(inputImage.length > 0){
                    if(inputImage.size > imageMaxSize){
                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');
                        errorShow('Error', 'File size must be less than 2MB ', 'TRY AGAIN');
                        return;
                    }
                }
                // event1.preventDefault();
                let form = jQuery('#uploadTargetImageForm');

                let url1 = null;

                // IF USER HAS PLAYED CHALLENGE MULTIPLE TIMES
                if (userHasPlayed == true && userHasPlayed.length > 0) {
                    url1 = jQuery('#upload-target-file').attr('p-multiple-upload-url');
                } else {
                    // IF USER HAS PLAYED SINGLE TIMES
                    url1 = jQuery('#upload-target-file').attr('upload-url');
                }
                let data = new FormData(form[0]);

                let response = ajaxCall(url1, 'post', data);
                response.then((response) => {
                    if (response.status == true) {
                        //SHOW TARGET UPLOAD ICON TO UPLOADED ICON ON SCOREBOARD
                        let imageSrc = APP_URL + '/images/final-target-uploaded.svg';
                        jQuery('.upload-final-target').find('img').attr('src',
                            imageSrc);

                        //enable reset and save button when upload button is clicked
                        jQuery('#reset-target-image').attr('disabled', false);
                        jQuery('#upload-target-image').attr('disabled', false);


                        //CHANGING TEXT WHEN TARGET FILE IS UPDATED

                        jQuery('#upload-target-file').find(
                                'div h4 span.img-text-upload')
                            .text('uploaded');


                        // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
                        enableDisableButton()

                        //make target icon button uploaded
                        jQuery('#upload-target-file').attr('uploaded', true)

                        //disable upload button if file exists
                        jQuery('#upload-target_image').parent().addClass(
                            'disable-label');
                        jQuery('#upload-target_image').parent().attr('for', '');

                        // //enable disable submit button
                        enableDisableButton()

                        //hide target image modal
                        jQuery('#add-photo').modal('hide');

                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');
                    } else {
                        //disable reset and save button when upload button is clicked
                        jQuery('#reset-target-image').attr('disabled', true);
                        jQuery('#upload-target-image').attr('disabled', true);

                        //enable upload button if file exists
                        jQuery('#upload-target_image').parent().removeClass(
                            'disable-label');
                        jQuery('#upload-target_image').parent().attr('for',
                            'upload-target_image');

                        //make target icon button uploaded
                        jQuery('#upload-target-file').attr('uploaded', false)

                        //CHANGING TEXT WHEN TARGET FILE IS UPDATED
                        jQuery('#upload-target-file').find(
                                'div h4 span.img-text-upload')
                            .text('upload');

                        // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
                        enableDisableButton()

                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');
                    }

                    //show completed  rounds
                    showCompletedRounds(totalRounds);
                });
            });
            //upload target file into database ends

            //reset target image
            jQuery('#reset-target-image').off('click').click(function() {
                //show fullpage loader
                jQuery('#fullPageLoader').removeClass('d-none');

                //Enable ratio toggles 
                // enableRatioToggles();
                //enable upload button
                jQuery('#upload-target_image').parent().removeClass('disable-label');
                jQuery('#upload-target_image').parent().attr('for','upload-target_image');
                    

                //IF USER SELECT IMAGE FROM FOLDER OR DISK
                if (jQuery('input[name="uploadTargetImage"]').get(0).files.length == 1) {

                    //CHANGE THE  ICON FROM UPLOADED TO UPLOAD ON SCOREBOARD
                    let iconImageSrc = APP_URL + '/images/upload-target-img.svg';
                    jQuery('.upload-final-target').find('img').attr('src',
                        iconImageSrc);

                    //CHANGE THE TARGET TO DEFAULT IMAGE WHEN NO TARGET IS PRESENT
                    let showImagePreview = APP_URL + '/images/gallery-icon.png'
                    jQuery('.show-uploaded-target img').attr('src',
                        showImagePreview)

                    //FOR FITTING IMAGE IN FRAME
                    jQuery('.show-image-preview').removeClass('traget-image-uploaded');

                    //disable save and reset buttons
                    jQuery('#reset-target-image').attr('disabled', true);
                    jQuery('#upload-target-image').attr('disabled', true);

                    //enable upload button
                    // jQuery('#upload-target_image').parent().removeClass('disable-label');
                    // jQuery('#upload-target_image').parent().attr('for',
                    //     'upload-target_image');

                    enableDisableButton()

                    //clear input file type to null
                    jQuery('#uploadTargetImageForm')[0].reset();

                    // jQuery('#upload-target-file').filestyle('clear');
                    jQuery('#upload-target-file').val(null);

                    //clearing input file value
                    $('#uploadTargetImageForm')[0].reset();

                    //showing text
                    jQuery('.target-text-dummy').removeClass('d-none');

                    //hide fullpage loader
                    jQuery('#fullPageLoader').addClass('d-none');
                    return;
                }


                let url3 = null;
                // IF USER HAS PLAYED MULTIPLE TIMES
                if (userHasPlayed == true && userHasPlayed.length > 0) {
                    url3 = jQuery('#upload-target-file').attr('p-multiple-reset-url');
                } else {
                    // IF USER HAS PLAYED SINGLE TIMES
                    url3 = jQuery('#upload-target-file').attr('reset-url');
                }

                let response = ajaxCall(url3, 'post');

                response.then((response) => {
                    //IF IMAGE IS SUCCESSFULLY RESETED
                    if (response.status == true) {
                        //CHANGE IMAGE ICON FROM UPLOADED TO UPLOAD ON SCORE BOARD
                        let iconImageSrc = APP_URL + '/images/upload-target-img.svg';
                        jQuery('.upload-final-target').find('img').attr('src',
                            iconImageSrc);

                        //CHANGING TEXT WHEN TARGET FILE IS UPDATED
                        jQuery('#upload-target-file').find(
                                'div h4 span.img-text-upload')
                            .text('upload');

                        //CHANGE IMAGE TO DEFAULT DUMMY IMAGE AND TEXT
                        let showImagePreview = APP_URL + '/images/gallery-icon.png'
                        jQuery('.show-uploaded-target img').attr('src',
                            showImagePreview)

                        //FOR FITTING IMAGE IN FRAME
                        jQuery('.show-image-preview').removeClass(
                            'traget-image-uploaded');

                        //disable save and reset buttons
                        jQuery('#reset-target-image').attr('disabled', true);
                        jQuery('#upload-target-image').attr('disabled', true);

                        //enable upload button
                        // jQuery('#upload-target_image').parent().removeClass(
                        //     'disable-label');
                        // jQuery('#upload-target_image').parent().attr('for',
                        //     'upload-target_image');

                        //make target icon button uploaded
                        jQuery('#upload-target-file').attr('uploaded', false)

                        // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
                        enableDisableButton()

                        //clear input file type to null
                        jQuery('#uploadTargetImageForm')[0].reset();

                        // jQuery('#upload-target-file').filestyle('clear');
                        jQuery('#upload-target-file').val(null);

                        //clearing input file value
                        $('#uploadTargetImageForm')[0].reset();

                        //showing text
                        jQuery('.target-text-dummy').removeClass('d-none');

                        //hide fullpage loader
                        jQuery('#fullPageLoader').addClass('d-none');
                    }

                    //show completed  rounds
                    showCompletedRounds(totalRounds);
                })
            })
        })


        // SHOW TARGET IMAGE PREVIEW WHEN USER SELECT IMAGE
        $(function() {
            $('#upload-target_image').on('change', function() {
                // HANDLE CROPPING IMAGE
                handleImageCropping("upload-target_image", "target_image_basefile",
                    "target-image-preview", '/images/profile-upload1.png', null, null, null,
                    null, 'target_image');

                //For showing image when user select image 
                uploadfile = this.files[0];
                var reader = new FileReader();
                reader.onload = viewer.load;
                reader.readAsDataURL(uploadfile);
            });
            var viewer = {
                load: function(e) {
                    // $('.show-image-preview').removeClass('d-none');
                    if (e.target.result != null) {
                        //SHOW VIDEO IF SELECTED AND HIDE THE TEXT FRAME
                        $('.show-image-preview').attr('src', e.target.result);
                        jQuery('.target-text-dummy').addClass('d-none');

                        //FOR FITTING IMAGE IN FRAME
                        jQuery('.show-image-preview').addClass('traget-image-uploaded');

                        //disable input target
                        jQuery('#upload-target_image').parent().addClass('disable-label');
                        jQuery('#upload-target_image').parent().attr('for', '');

                        //disable reset and save buttons
                        jQuery('#reset-target-image').attr('disabled', false);
                        jQuery('#upload-target-image').attr('disabled', false);
                    } else {
                        //disable reset and save button when upload button is clicked
                        jQuery('#reset-target-image').attr('disabled', true);
                        jQuery('#upload-target-image').attr('disabled', true);

                        //FOR FITTING IMAGE IN FRAME
                        jQuery('.show-image-preview').removeClass('traget-image-uploaded');

                        //SHOWING TEXT
                        jQuery('.target-text-dummy').removeClass('d-none');

                        //enable upload button if file exists
                        jQuery('#upload-target_image').parent().removeClass('disable-label');
                        jQuery('#upload-target_image').parent().attr('for',
                            'upload-target_image');
                    }
                },
            }
        });
        // ends


        //show add score modal
        jQuery('#addScoreModal').click(function() {
            jQuery('.show-number').removeClass('remove-values')

            //SHOW ROUND NUMBER TILL ROUNDS ARE COMPLTED BY SCORE AS SELECTED
            let currentRound = roundCompletedByScore();
            if (currentRound == '') {
                currentRound = 1;
            }
            jQuery('#rounds').val(currentRound);

            //SHOW ROUND POINT AND TIME IN ADD SCORE MODAL
            showChallengeRoundScore(currentRound);


            //ENABLE SAVE ROUND BUTTON IF USED ENTER SCORES
            if (jQuery("input[name='round_" + currentRound + "_points']").val() == '' || jQuery(
                    "input[name='round_" + currentRound + "_time']").val() == '') {
                jQuery('#save-round-detail').attr('disabled', true);
                // jQuery('#save-round-detail-scoreboard').attr('disabled', true);
            } else {
                jQuery('#save-round-detail').attr('disabled', false);
                // jQuery('#save-round-detail-scoreboard').attr('disabled', false);
            }

            //ENABLE SAVE ROUND DETAIL SCOREBOARD BUTTON IF ALL ROUNDS ARE COMPLTED
            if (roundCompletedByScore() == totalRounds) {
                jQuery('#save-round-detail-scoreboard').attr('disabled', false);
            }

            showCompletedRounds(totalRounds);

            //show add-score modalp
            jQuery('#add-score').modal('show');
        });

        //RESTRICT USER IF ALL ROUND VIDEO ARE NOT UPLOADED
        // jQuery('#close-video-modal').click(function(e) {
        //     let videoUploaded = true;
        //     let completedRounds = 0;
        //     for (let i = 1; i < totalRounds + 1; i++) {
        //         if (!(jQuery('#round_' + i + '_video').hasClass('disable-video-icon'))) {
        //             if (!jQuery('#round_' + i + '_video').find('img').hasClass('videoUploaded')) {
        //                 videoUploaded = false;
        //             }
        //         }
        //     }

        //     if (videoUploaded != true) {
        //         errorShow('Error', 'Please upload all round videos', 'Ok');
        //     } else {
        //         errorShow('Error', 'Please save the video to score board', 'Ok');
        //     }

        // });

        // jQuery('#close-image-modal').click(function() {
        //     if (roundCompletedByScore() < totalRounds) {
        //         errorShow('Error', 'Please enter the score of all the rounds !', 'Ok')
        //     } else {
        //         errorShow('Error', 'Please save the scores to score board', 'Ok');
        //     }
        // });

        //show round played round selected in add-score-modal when user entered data
        function roundCompletedByScore() {
            var completedRound = 0;
            jQuery('.round-point').each(function(key, input) {
                if (jQuery(input).val()) {
                    completedRound++;
                }
            });
            return completedRound;
        }
        //end score modal


        //reset round details by round number starts
        // jQuery('#resetRoundResults').click(function() {

        //     //get the round number to be reset
        //     let resetRoundNumber = parseInt(jQuery('#rounds').val());

        //     let roundPoints = parseInt(localStorage.getItem('c-round' + resetRoundNumber + 'points'));
        //     let roundTime = parseInt(localStorage.getItem('c-round' + resetRoundNumber + 'time'));

        //     //remove round-details from localStorage
        //     localStorage.removeItem('round' + resetRoundNumber + 'points')
        //     localStorage.removeItem('round' + resetRoundNumber + 'time')

        //     //update text  round  fields
        //     jQuery('#round_' + resetRoundNumber + '_points').parent().children('span').text(localStorage
        //         .getItem('round' + resetRoundNumber + 'points'));
        //     jQuery('#round_' + resetRoundNumber + '_time').parent().children('span').text(localStorage
        //         .getItem('round' + resetRoundNumber + 'time'));

        //     //update input values for round fields
        //     jQuery('#round_' + resetRoundNumber + '_points').val(localStorage.getItem('c-round' +
        //         resetRoundNumber + 'points'));
        //     jQuery('#round_' + resetRoundNumber + '_time').val(localStorage.getItem('c-round' +
        //         resetRoundNumber + 'time'));

        //     //updating final score value
        //     // showFinalScore();
        // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
        // enableDisableButton()

        //     //show completed  rounds
        //     showCompletedRounds();
        //     //     roundTime), typeof(final_score));

        //     // localStorage.setItem('c-final_score', final_score);
        //     // jQuery('.division-inner').find('h4').text(final_score);



        //     //hide modal
        //     jQuery('#add-score').modal('hide');
        // })
        //reset round details by round number ends

        //SHOW ROUND SCORE WHEN USER CHANGES THE ROUND SCORE USING SELECT BOX
        jQuery('#rounds').change(function() {
            let roundNumber = jQuery(this).val();

            //SHOWING ROUND SCORE ACCORDING TO ROUND NUMBER
            showChallengeRoundScore(roundNumber);

            //adding class to remove values on select
            jQuery('.show-number').addClass('remove-values')
        });
        //showing round details when round number is selected in add-score ends

        // loadDataFromStorage();
        // ENABLE DISABLE FINAL FORM SUBMIT BUTTON


        // Recheck when localStorage changes
        window.addEventListener('storage', function(e) {
            // loadDataFromStorage();
            // ENABLE DISABLE FINAL FORM SUBMIT BUTTON
            enableDisableButton()
        });


        //show completed  rounds
        showCompletedRounds(totalRounds);

        //show final score


        //WHEN PAGE RELOADS
        showChallengeRoundDetails(totalRounds);
        showFinalScore(totalRounds);
        enableDisableButton();
    });

    //when user select video round  from select box
    jQuery('#add-score-rounds').change(function(e) {
        let currentRound = jQuery(this).val();

        showRoundVideo(currentRound);
    });


    //save videos to score board
    jQuery('#upload-video-target-score').click(function(e) {
        //show fullpage loader
        jQuery('#fullPageLoader').removeClass('d-none');

        //hide modal
        jQuery('#add-video').modal('hide');

        setTimeout(() => {
            //ENABLE DISABLE BUTTON WHEN FORM IS VALID
            enableDisableButton()
            // hide loader
            jQuery('#fullPageLoader').addClass('d-none');
        }, 1000);
    })

    //enable disable score board
    function enableDisableScoreBoardVideoBtn() {
        //check if videos are required or not
        let currentVideoIcon = jQuery('#round_' + jQuery('#add-score-rounds').val() + '_video');

        if (!(currentVideoIcon.hasClass('disable-video-icon'))) {

            let verifyVideoUploaded = true;

            //check user has uploaded the fields or not
            jQuery('.upload-round-video').each(function(index, element) {
                if (!(jQuery(element).find('img').hasClass('videoUploaded'))) {
                    verifyVideoUploaded = false;

                    return;
                }
            });

            if (verifyVideoUploaded == true) {
                jQuery('#upload-video-target-score').attr('disabled', false);
            } else {
                jQuery('#upload-video-target-score').attr('disabled', true);
            }
        }
    }

    //get round completed
    function showCompletedRounds(totalRounds) {
        let videoUploaded = true;
        let completedRounds = 0;

        for (let i = 1; i < totalRounds + 1; i++) {
            if (!(jQuery('#round_' + i + '_video').hasClass('disable-video-icon'))) {
                if (!jQuery('#round_' + i + '_video').find('img').hasClass('videoUploaded')) {
                    videoUploaded = false;

                } else {

                    videoUploaded = true;
                }
            }

            if (jQuery('#round_' + i + '_points').val() != '' && jQuery('#round_' + i + '_time').val() != '' &&
                videoUploaded) {
                completedRounds++; // increment

                // jQuery('.current-round').text(completedRounds);
            }
        }


        jQuery('.current-round').text(completedRounds);

        return completedRounds;
    }

    function getCurrentRoundValue(roundNumber) {
        if (type == 'challenge') {
            return (localStorage.getItem('c-round' + roundNumber + 'time') ?
                localStorage.getItem('c-round' + roundNumber + 'time') : jQuery('input[name="round_' + roundNumber +
                    '_points"]').val());
        } else {
            return (localStorage.getItem('round' + roundNumber + 'time') ?
                localStorage.getItem('round' + roundNumber + 'time') : jQuery('input[name="round_' + roundNumber +
                    '_points"]').val());
        }
    }

    //show server-side messages in modal
    function errorShow(heading = null, message = null, description = null) {
        jQuery('#error-heading').text(heading);
        jQuery('#error-message').text(message);
        jQuery('#error-description').text(description);
        jQuery('.error-alert-modal').modal('show');
    }


    //move to next round video modal
    function moveToNextRoundVideo() {
        let currentRound = jQuery('#add-score-rounds').val();
        let nextRound = parseInt(currentRound) + 1;

        jQuery('#add-score-rounds').val(nextRound);

        //move to next round if only round number less than 4
        if (nextRound <= totalRounds) {
            showRoundVideo(nextRound);
        }
    }

    //show round video by taking round number
    function showRoundVideo(roundNumber) {
        //disable loader
        jQuery('#fullPageLoader').removeClass('d-none');

        //show round number in modal paragraph
        jQuery('#round-number-p').text(roundNumber);

        setTimeout(() => {
            let url = null;

            if (userHasPlayed == true && userHasPlayed.length > 0) {
                url = jQuery('#round_' + roundNumber + '_video').attr('play-m-data-url');
            } else {
                url = jQuery('#round_' + roundNumber + '_video').attr('data-url');
            }


            let videoElement = jQuery('#show-video-preview').get(0);
            videoElement.pause();
            videoElement.removeAttribute('src'); // Remove source
            videoElement.load();


            let result = ajaxCall(url, 'get');
            result.then((result) => {
                $('.dummy-frame-video').removeClass('d-none');
                $('.video-container').addClass('d-none');

                //show selectbox selected in round video modal
                jQuery('#add-score-rounds').val(roundNumber);

                if (result.status) {
                    // update video url to database video url
                    if ((result.data != null && result.data.video_path != null) || (result.data !=
                            null && result.data.path != null)) {

                        //IF USER PLAYED SECOND TIMES
                        if (userHasPlayed == true && userHasPlayed.length > 0) {
                            $('#show-video-preview').attr('src', APP_URL + '/storage/' + result.data
                                .path);
                        } else {
                            // IF USER PLAY FIRST TIME
                            $('#show-video-preview').attr('src', APP_URL + '/storage/' + result.data
                                .video_path);
                        }

                        $('.video-container').removeClass('d-none');

                        //hide frame
                        jQuery('.dummy-frame-video').addClass('d-none');

                        //show video
                        jQuery('#show-video-preview').parent().removeClass('d-none');

                        //disable upload input
                        jQuery('#upload-video-target').parent().addClass('disable-lable');
                        jQuery('#upload-video-target').parent().attr('for', '');

                        //enable reset and save button
                        jQuery('#reset-round-video').attr('disabled', false);
                        jQuery('.save-round-video').attr('disabled', false);


                    } else {
                        //show frame
                        jQuery('.dummy-frame-video').removeClass('d-none');

                        //hide video
                        jQuery('#show-video-preview').parent().addClass('d-none');

                        //enable upload input
                        jQuery('#upload-video-target').parent().removeClass('disable-label');
                        jQuery('#upload-video-target').parent().attr('for',
                            'upload-video-target');

                        //disable reset and save button
                        jQuery('#reset-round-video').attr('disabled', true);
                        jQuery('.save-round-video').attr('disabled', true);
                        jQuery('#upload-video-target-score').attr('disabled', true);

                    }
                }


                //show completed  rounds
                showCompletedRounds(totalRounds);

                //clear input file type to null
                $('#uploadVideoTargetForm')[0].reset();
            });

            //disable loader
            jQuery('#fullPageLoader').addClass('d-none');
        }, 1000);

    }

    //SHOWING AND  STORING ROUND SCORES IN SCORE BOARD
    function storeRoundScore(roundNumber, roundPoints, roundTime) {
        //update input values for round fields
        jQuery('#round_' + roundNumber + '_points').val(roundPoints);
        jQuery('#round_' + roundNumber + '_time').val(roundTime);

        //update text  round  fields
        jQuery('#round_' + roundNumber + '_points').parent().children('span').text(roundPoints);
        jQuery('#round_' + roundNumber + '_time').parent().children('span').text(roundTime);

        //STORE ROUND POINTS
        storeScoreLS(roundNumber, roundPoints, roundTime);
    }

    // STORING SCORES IN LOCAL STORAGE
    function storeScoreLS(roundNumber, roundPoints, roundTime) {
        //storing round data in local storage
        if (type == 'challenge') {
            localStorage.setItem(`c-round${roundNumber}points`, roundPoints);
            localStorage.setItem(`c-round${roundNumber}time`, roundTime);
            localStorage.setItem('c-currentRound', roundNumber);
        } else {
            localStorage.setItem(`round${roundNumber}points`, roundPoints);
            localStorage.setItem(`round${roundNumber}time`, roundTime);
            localStorage.setItem('currentRound', roundNumber);
        }
    }

    // SHOW ROUND SCORE IN ADD SCORE MODAL
    function showChallengeRoundScore(roundNumber) {
        //show score if exists
        if (type == 'challenge') {
            if (localStorage.getItem(`c-round${roundNumber}points`) != null &&
                localStorage.getItem(`c-round${roundNumber}time`) != null) {

                //updating modal score if round score exists;
                jQuery('input[name="round-points"]').val(localStorage.getItem('c-round' +
                    roundNumber + 'points'));
                jQuery('input[name="round-time"]').val(localStorage.getItem(`c-round${roundNumber}time`));

                jQuery('input[name="round-points"]').parent().next().text(localStorage
                    .getItem(`c-round${roundNumber}points`));
                jQuery('input[name="round-time"]').parent().next().text(localStorage
                    .getItem(`c-round${roundNumber}time`));
            } else {
                jQuery('input[name="round-points"]').val('');
                jQuery('input[name="round-time"]').val('');
                jQuery('.show-number').text('')
            }
        } else {
            if (localStorage.getItem(`round${roundNumber}points`) != null &&
                localStorage.getItem(`round${roundNumber}time`) != null) {

                //updating modal score if round score exists;
                jQuery('input[name="round-points"]').val(localStorage.getItem('round' +
                    roundNumber + 'points'));
                jQuery('input[name="round-time"]').val(localStorage.getItem(`round${roundNumber}time`));

                jQuery('input[name="round-points"]').parent().next().text(localStorage
                    .getItem(`round${roundNumber}points`));
                jQuery('input[name="round-time"]').parent().next().text(localStorage
                    .getItem(`round${roundNumber}time`));
            } else {
                jQuery('input[name="round-points"]').val('');
                jQuery('input[name="round-time"]').val('');
                jQuery('.show-number').text('')
            }
        }

    }

    // CALCULATING FINAL SCORES OF ALL ROUND
    function calcFinalScore(totalRounds) {
        let final_score = 0;

        for (let i = 1; i < totalRounds + 1; i++) {
            let time = parseFloat(jQuery('#round_' + i + '_time').val());
            let points = parseFloat(jQuery('#round_' + i + '_points').val());
            if (points && time != 0) {
                final_score = final_score + (points / time);
            }
        }
        return final_score;
    }

    //ENABLE DISABLE FINAL FORM SUBMIT BUTTON WHEN FORM IS VALID
    function enableDisableButton() {
        let form = jQuery('#submitRoundDataForm')

        let videoValid = true;
        let targetValid = true;

        //validate videos
        jQuery('.upload-round-video').each(function(index, element) {
            if (video_required == true) {
                if (jQuery.inArray(jQuery(element).attr('uploaded'), ['true', '1']) == '-1') {
                    videoValid = false
                }
            }
        });

        //validate target image

        if (target_required == true) {
            if (jQuery('#upload-target-file').attr('uploaded') != 'true') {
                targetValid = false;
            }
        }

        if (targetValid == true && videoValid == true && form.valid() == true) {
            jQuery('#submitFormData').attr('disabled', false);
        } else {
            jQuery('#submitFormData').attr('disabled', true);
        }
    }


    //SHOW ALL ROUND DETAILS ON REFRESH IF SCORES ARE ADDED
    function showChallengeRoundDetails(totalRounds) {
        //show round data when page refreshes
        if (type == 'challenge') {
            for (let i = 1; i < totalRounds + 1; i++) {
                //update text  round  fields
                jQuery('#round_' + i + '_points').parent().children('span').text(localStorage.getItem('c-round' +
                    i + 'points'));
                jQuery('#round_' + i + '_time').parent().children('span').text(localStorage.getItem('c-round' +
                    i + 'time'));

                //update input values for round fields
                jQuery('#round_' + i + '_points').val(localStorage.getItem('c-round' + i + 'points'));
                jQuery('#round_' + i + '_time').val(localStorage.getItem('c-round' + i + 'time'));

                showCompletedRounds(totalRounds);

                //update current round value
                // jQuery('.current-round').text(localStorage.getItem('currentRound'));
                if (!localStorage.getItem('c-currentRound')) {
                    jQuery('.current-round').text(0)
                }
            }
        } else {
            for (let i = 1; i < totalRounds + 1; i++) {
                //update text  round  fields

                jQuery('#round_' + i + '_points').parent().children('span').text(localStorage.getItem('round' +
                    i + 'points'));
                jQuery('#round_' + i + '_time').parent().children('span').text(localStorage.getItem('round' +
                    i + 'time'));

                //update input values for round fields
                jQuery('#round_' + i + '_points').val(localStorage.getItem('round' + i + 'points'));
                jQuery('#round_' + i + '_time').val(localStorage.getItem('round' + i + 'time'));

                showCompletedRounds(totalRounds);

                //update current round value
                // jQuery('.current-round').text(localStorage.getItem('currentRound'));
                if (!localStorage.getItem('currentRound')) {
                    jQuery('.current-round').text(0)
                }
            }
        }
    }
</script>