<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
    <link rel="stylesheet" href="{{ asset('header/header.css') }}">
    <script src="{{ asset('js/cdntailwindcss.js') }}"></script>
    <link rel="shortcut icon" href="{{ asset('images/favicon.png') }}">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.8.1/css/bootstrap-select.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.8.1/js/bootstrap-select.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <title>Magiclink - RN</title>
    

    <style>
        body {
            font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
            background-color: #efebf8;
        }
        .btn.dropdown-toggle {
            background-color: #ffffff !important; /* Green background */
            color: rgb(0, 0, 0) !important; /* White text */
            border-radius: 8px; /* Rounded corners */
            padding: 10px 15px; /* Padding */
            border: 1px solid #ccc !important;
            filter: none !important;
        }
        
        .pad {
            padding: 5px 20px;
        }

        a {
            // text-decoration: none;
        }

        p {
            text-align: justify;
            font-size: 15px;
            font-family: system-ui
        }

        input:focus-visible {
            border: none;
            outline: none;
        }

        input[type="radio"] {
            width: 18px;
            height: 18px;
            filter: hue-rotate(45deg);
            cursor: pointer;
        }

        .uncheck_btn {
            float: right;
            margin: 20px 0;
            background: none;
            border: none;
            padding: 10px;
            border-radius: 7px;
            display: none;
        }

        .uncheck_btn:hover {
            background: #f0f0f0;
        }

        .success {
            background-color: #5a39b6;
            color: #fff;
            padding: 10px 25px;
            border-radius: 5px;
            border: none;
            filter: drop-shadow(0px 2px 2px black);
        }

        .top_bg {
            background-image: url('https://magiclink.rn-test.com/images/formimg.png');            background-size: cover;
            max-height: 23vw;
            max-width: 90vw;
            height: 160px;
            width: 640px;
            border-radius: 8px;
        }

        .cont1 {
            background-color: #fff;
            border: 1px solid #dfdfdf;
            border-radius: 10px;
            margin-top: 12px;
            border-top: 11px solid rgb(90, 57, 182);
        }

        .cont2 {
            background-color: #fff;
            border: 1px solid #dfdfdf;
            border-radius: 10px;
            margin-top: 12px;
            overflow: hidden;
        }

        .btn {
            background: #f0eaf8;
            color: rgb(90, 57, 182);
            padding: 10px 25px;
            border-radius: 5px;
            border: none;
            filter: drop-shadow(0px 2px 2px black);
        }

        #form3,
        #form2,
        #form2nd,
        #form3rd,
        #success {
            display: none;
        }

        .headings p {
            margin: auto 0;
            font-weight: 400;
        }

        .headings div {
            height: 40px;
        }


        .badge_right_menu {
            color: white;
            transform: scale(1.8);
            line-height: normal;
            width: 6rem;
            margin-left: 34px;
        }

        .badge_right_menu ion-icon {
            cursor: pointer;
        }

        .top_user_inert {
            display: none;
            position: fixed;
            background-color: #fff;
            border: 1px solid #ccc;
            padding: 22px;
            /* max-width: 400px; */
            box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2);
            z-index: 99;
            /* width: max-content; */
            width: 25rem;
            border-radius: 8px;
            right: 2.5rem;
            top: 4.5rem;
        }

        .top_user_open {
            display: block;
            animation: slideDown 0.3s ease-in-out;
        }

        .top_user_inert .user_head {
            display: flex;
        }

        .top_user_inert .user_head .logout_head {
            width: 20%;
            display: flex;
            justify-content: end;
        }

        .top_user_inert .user_head .logout_head ion-icon {
            height: 24px;
            width: 24px;
            cursor: pointer;
        }

        .top_user_inert .split_head {
            // width: 80%;
            width: 100%;
            display: flex;
            height: 70px;
        }

        .top_user_inert .user_head .split_head div {
            /*            width: 19%;*/
            margin-right: 14px;
            position: relative;
        }

        .top_user_inert .user_head .split_head div img {
            width: 100% !important;
        }

        .top_user_inert .user_head .split_head div p {
            margin: 1px;
            font-weight: 700;
            margin-bottom: 0;
        }

        .top_user_inert .user_head .split_head div .unqiue {
            font-size: 11px;
            color: #7e7e7e;
        }

        .top_user_inert .user_head .split_head div .sub_time {
            font-size: 11px;
            background: #0080002e;
            padding: 2px 9px;
            border-radius: 31px;
            color: green;
            width: max-content;
        }

        .top_user_inert .user_body {
            padding: 1.5rem 0rem 1rem 0;
            position: relative;
            /* height: 200px;
            overflow-x: auto; */
        }

        .top_user_inert .user_body .out_of_card_first {
            padding: 1rem;
            border: 1px solid #dfdfdf;
            border-radius: 8px;
            display: flex;
            justify-content: space-between;
        }

        .top_user_inert .user_body .out_of_card_first ion-icon {
            /*            transform: scale(2);*/
        }

        .top_user_inert .user_head .split_head div .status_res {
            height: 14px;
            width: 14px;
            background: green;
            border: 2px solid #fff;
            border-radius: 50%;
            position: absolute;
            right: -8px;
            bottom: 5px;
            /* cursor: pointer; */
        }


        .top_user_inert .user_head .split_head .popup_status {
            position: absolute;
            height: max-content;
            width: 5rem;
            background: #fff;
            border-radius: 4px;
            top: 74px;
            left: 71px;
            z-index: 9999;
            border: 1px solid #ddd;
            display: none;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
        }

        .top_user_inert .user_head .split_head .popup_status p {
            font-size: small;
            font-weight: 400;
            text-align: center;
            display: flex;
            justify-content: space-around;
            padding: 4px;
            margin: 0;
            cursor: pointer;
        }

        .top_user_inert .user_head .split_head .popup_status p:hover {
            background-color: #ddd;
        }

        .top_user_inert .user_head .split_head div .status_res div {
            border: 3px solid #fff;
            border-radius: 50%;
            position: relative;
            right: -2px;
            bottom: -2px;
            display: none;
        }

        .top_user_inert .user_body .dont_dis_card_sec {
            padding: 1rem;
            border: 1px solid #dfdfdf;
            border-radius: 8px;
            display: flex;
            justify-content: space-between;
            margin-top: 8px;
        }

        .top_user_inert .user_body .dont_dis_card_sec .moon_circle_in {
            background: #ff9a03;
            padding: 2px;
            border: 2px solid #ff9a03;
            display: flex;
            align-items: center;
            border-radius: 50%;
            height: 26px;
            width: 26px;
            position: relative;
        }

        /*    .top_user_inert .user_body .dont_dis_card_sec .moon_circle_in div {
            border-right: 2px solid;
            height: 1.3rem;
            transform: rotate(-45deg);
            position: absolute;
            left: 10px;
            border-color: #000000;
            top: 1px;
        }*/
        .top_user_inert .user_body .dont_dis_card_sec .moon_circle_in span {
            background: white;
            width: 2px;
            height: 21px;
            transform: rotate(-45deg);
            position: absolute;
            left: 9px;
            top: 1px;
            border: 1px solid #ff9a03;
            padding-right: 2px;
            display: none;
            border-bottom: none;
            border-top: none;
            border-radius: 11px;
        }

        .top_user_inert .option_out {
            display: flex;
            justify-content: end;
        }

        .top_user_inert .option_out .logout_outline {
            display: flex;
            align-items: center;
            gap: 2px;
            cursor: pointer;
        }

        .top_user_inert .option_out .logout_outline ion-icon {
            color: black;
            transform: scale(1.2);
        }

        .top_user_inert .option_out .logout_outline span {
            color: black;
        }

        .top_user_inert .user_body .schedule_timeset {
            padding: 1rem;
            border: 1px solid #dfdfdf;
            border-radius: 8px;
            display: flex;
            justify-content: space-between;
            margin-top: 8px;
        }

        .top_user_inert .user_body .schedule_timeset .moon_circle_in {
            background: #ff9a03;
            padding: 3px;
            border: 2px solid #ff9a03;
            display: flex;
            align-items: center;
            border-radius: 50%;
            height: 26px;
            width: 26px;
            justify-content: center;
            position: relative;
        }

        .top_user_inert .user_body .schedule_timeset .moon_circle_in #jUF221fvd {
            height: 8px;
            width: 8px;
            position: absolute;
            background: #ff9a03;
            display: flex;
            justify-content: center;
            border-radius: 50%;
            align-items: center;
            color: white;
            top: 1px;
            left: 13px;
            font-size: 8px;
        }

        .top_user_inert .user_body .schedule_timeset .moon_circle_in img {
            width: 18px;
            height: 24px;
        }

        .top_user_inert .user_body .schedule_timeset input {
            background: #cfcfcf47;
            border: none;
            border-radius: 7px;
            width: 44%;
            color: #212121;
            font-size: small;
            padding: 3px;
            font-size: 12px;
        }

        .top_user_inert .user_body .schedule_timeset span {
            font-size: 12px;
            padding: 0 2px;
        }

        /* switch */
        .user_head_uni_switch .bell_switch {
            position: relative;
            display: inline-block;
            width: 36px;
            /*            height: 22px;*/
            height: 29px;
        }

        .user_head_uni_switch .bell_switch input {
            display: none;
        }

        .user_head_uni_switch .bell_switch label {
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background-color: #ccc;
            border-radius: 34px;
            cursor: pointer;
            transition: background-color 0.3s;
            margin-bottom: 0.5rem;
        }

        .user_head_uni_switch .bell_switch input:checked+label {
            background-color: #2196F3;
        }

        .user_head_uni_switch .bell_switch label:before {
            position: absolute;
            content: "";
            height: 13px;
            width: 13px;
            left: 4px;
            bottom: 4px;
            background-color: white;
            border-radius: 50%;
            transition: transform 0.3s;
        }

        .user_head_uni_switch .bell_switch input:checked+label:before {
            transform: translateX(16px);
        }

        .top_user_inert .user_head .split_head div .sub_time {
            display: block;
        }

        .top_user_inert .user_head .split_head div .sub_time_do {
            // padding: 2px 9px;
            // border-radius: 31px;
            // font-size: 11px;
            // background: #ff9a033d;
            // color: #ff9a03;
            // width: max-content;
            display: none;
        }

        .top_user_inert .user_head .split_head div .sub_time_out {
            // padding: 2px 9px;
            // border-radius: 31px;
            // font-size: 11px;
            // background: #ffc4c4;
            // color: #ff4e4e;
            // width: max-content;
            display: none;
        }

        .admin_box {
            display: none;
        }
        /* .btn.dropdown-toggle {
            display: inline-block;
            width: 100%;
            padding: 6px 12px;
            font-size: 14px;
            line-height: 1.42857143;
            color: #555;
            background-color: #fff;
            border: 1px solid #ccc;
            border-radius: 4px;
        }

        .dropdown-menu {
            max-height: 200px;
            overflow-y: auto;
            overflow-x: hidden;
        }

        .dropdown-menu > li > a {
            padding: 6px 12px;
            color: #333;
            text-decoration: none;
        }

        .dropdown-menu > li > a:hover {
            background-color: #f5f5f5;
        } */
    </style>
     
    @php
        $dfssrbv = DB::table('comm_store')->select('name')->where('toggle', '1')->get();
    @endphp
    <style>
        .error-message {
            color: red;
            font-size: 14px;
        }
    </style>

    <script>
        function form_back() {
            $('#form1').css('display', 'none');

            $('#form3').css('display', 'none');
            $('#service').css('display', 'none');
            $('#newsubmit').css('display', 'none');

            var radioButtons = document.getElementsByName('account');
            var selectedValue;
            for (var i = 0; i < radioButtons.length; i++) {
                if (radioButtons[i].checked) {
                    selectedValue = radioButtons[i].value;
                    break;
                }
            }

            if (selectedValue === "1") {
                $('#form2').css('display', 'block');
                $('#form2nd').css('display', 'none');
                $('#form3rd').css('display', 'none');
            } else if (selectedValue === "2") {
                $('#form2').css('display', 'none');
                $('#form2nd').css('display', 'block');
                $('#form3rd').css('display', 'none');
            } else {
                $('#form2').css('display', 'none');
                $('#form2nd').css('display', 'block');
                $('#form3rd').css('display', 'none');
                // $('#form2').css('display', 'none');
                // $('#form2nd').css('display', 'none');
                // $('#form3rd').css('display', 'block');

            }

        }


        function form2_back() {
            $('#form1').css('display', 'block');
            $('#form2').css('display', 'none');
            $('#form3').css('display', 'none');
            $('#form2nd').css('display', 'none');

            $('#service').css('display', 'none');
            $('#newsubmit').css('display', 'none');
            $('#close_account').css('outline', 'none');
            $('#close_account').removeClass('blinking');

        }






        function form2_next() {


            $('#form1').css('display', 'none');
            $('#form2').css('display', 'none');

            var radioButtons = document.getElementsByName('options');
            var selectedValue;
            for (var i = 0; i < radioButtons.length; i++) {
                if (radioButtons[i].checked) {
                    selectedValue = radioButtons[i].value;
                    break;
                }
            }

            if (selectedValue === "1") {

                $('#service').css('display', 'block');
                $('#form3').css('display', 'none');
                $('#form3rd').css('display', 'none');

            } else {
                $('#form3').css('display', 'block');
                $('#service').css('display', 'none');
                $('#form3rd').css('display', 'none');


            }


            // $('#success').css('display', 'none');
            $('#newsubmit').css('display', 'none');

            $('#product').css('display', 'none');
            $('#pricing').css('display', 'none');
            $('#close_account').css('outline', 'none');
            $('#close_account').removeClass('blinking');



        }

        function form2nd_next() {


            $('#form1').css('display', 'none');
            $('#form2').css('display', 'none');
            $('#form2nd').css('display', 'none');

            var radioButtons = document.getElementsByName('options');
            var selectedValue;
            for (var i = 0; i < radioButtons.length; i++) {
                if (radioButtons[i].checked) {
                    selectedValue = radioButtons[i].value;
                    break;
                }
            }

            if (selectedValue === "1") {

                $('#service').css('display', 'block');
                $('#form3').css('display', 'none');

            } else {
                $('#form3').css('display', 'block');
                $('#service').css('display', 'none');


            }
            // $('#success').css('display', 'none');
            $('#newsubmit').css('display', 'none');

            $('#product').css('display', 'none');
            $('#pricing').css('display', 'none');
            $('#close_account').css('outline', 'none');
            $('#close_account').removeClass('blinking');



        }



        function form3rd_next() {


            $('#form1').css('display', 'none');
            $('#form2').css('display', 'none');
            $('#form2nd').css('display', 'none');
            $('#form3rd').css('display', 'none');
            var radioButtons = document.getElementsByName('options');
            var selectedValue;
            for (var i = 0; i < radioButtons.length; i++) {
                if (radioButtons[i].checked) {
                    selectedValue = radioButtons[i].value;
                    break;
                }
            }

            if (selectedValue === "1") {

                $('#service').css('display', 'block');
                $('#form3').css('display', 'none');

            } else {
                $('#form3').css('display', 'block');
                $('#service').css('display', 'none');


            }
            // $('#success').css('display', 'none');
            $('#newsubmit').css('display', 'none');

            $('#close_account').css('outline', 'none');
            $('#close_account').removeClass('blinking');



        }




        function form3rd_back() {
            $('#form1').css('display', 'block');
            $('#form2').css('display', 'none');
            $('#form3').css('display', 'none');
            $('#newsubmit').css('display', 'none');
            $('#form3rd').css('display', 'none');
            $('#service').css('display', 'none');

        }




        function form3_back() {

            $('#form1').css('display', 'none');
            $('#form3').css('display', 'none');
            $('#newsubmit').css('display', 'none');
            $('#service').css('display', 'none');

            var radioButtons = document.getElementsByName('account');
            var selectedValue;
            for (var i = 0; i < radioButtons.length; i++) {
                if (radioButtons[i].checked) {
                    selectedValue = radioButtons[i].value;
                    break;
                }
            }

            if (selectedValue === "1") {
                $('#form2').css('display', 'block');
                $('#form2nd').css('display', 'none');
                $('#form3rd').css('display', 'none');
            } else if (selectedValue === "2") {
                $('#form2').css('display', 'none');
                $('#form2nd').css('display', 'block');
                $('#form3rd').css('display', 'none');
            } else {
                $('#form2').css('display', 'none');
                $('#form2nd').css('display', 'none');
                $('#form3rd').css('display', 'block');

            }

        }

        function validateForm(event) {
            var radioButtons = document.getElementsByName('account');
            var selectedValue;
            for (var i = 0; i < radioButtons.length; i++) {
                if (radioButtons[i].checked) {
                    selectedValue = radioButtons[i].value;
                    break;
                }
            }
            if (selectedValue == '3') {

                var valid = true;
                var errorMessages = [];

                var inputs1 = document.querySelectorAll('#input_fields_container11 .url-input');
                inputs1.forEach(function(input) {
                    var value = input.value.trim();
                    if (!value) {
                        valid = false;
                        errorMessages.push('Link(s) to your existing artist page(s) must be filled out');
                        input.style.borderColor = 'red';
                    } else {
                        input.style.borderColor = '#c7bebe';
                    }
                });

                var inputs2 = document.querySelectorAll('#input_fields_container22 .url-input');
                inputs2.forEach(function(input) {
                    var value = input.value.trim();
                    if (!value) {
                        valid = false;
                        errorMessages.push('Release link(s) must be filled out');
                        input.style.borderColor = 'red';
                    } else {
                        input.style.borderColor = '#c7bebe';
                    }
                });

                var inputs3 = document.querySelectorAll('#input_fields_container33 .url-input');
                inputs3.forEach(function(input) {
                    var value = input.value.trim();
                    if (!value) {
                        valid = false;
                        errorMessages.push(
                            'Store link(s) to the release(s) you would like moved must be filled out');
                        input.style.borderColor = 'red';
                    } else {
                        input.style.borderColor = '#c7bebe';
                    }
                });

                if (!valid) {
                    alert(errorMessages.join('\n'));
                    event.preventDefault();
                }

                return valid;

            } else {

                var valid = true;
                var errorMessages = [];

                var inputs1 = document.querySelectorAll('#input_fields_container1 .url-input');
                inputs1.forEach(function(input) {
                    var value = input.value.trim();
                    if (!value) {
                        valid = false;
                        errorMessages.push('Link(s) to your existing artist page(s) must be filled out');
                        input.style.borderColor = 'red';
                    } else {
                        input.style.borderColor = '#c7bebe';
                    }
                });

                if ($('#relese').css('display') == 'block') {
                    var inputs2 = document.querySelectorAll('#input_fields_container2 .url-input');
                    inputs2.forEach(function(input) {
                        var value = input.value.trim();
                        if (!value) {
                            valid = false;
                            errorMessages.push('Release link(s) must be filled out');
                            input.style.borderColor = 'red';
                        } else {
                            input.style.borderColor = '#c7bebe';
                        }
                    });
                }


                var inputs3 = document.querySelectorAll('#input_fields_container .url-input');
                inputs3.forEach(function(input) {
                    var value = input.value.trim();
                    if (!value) {
                        valid = false;
                        errorMessages.push(
                            'Store link(s) to the release(s) you would like moved must be filled out');
                        input.style.borderColor = 'red';
                    } else {
                        input.style.borderColor = '#c7bebe';
                    }
                });

                if (!valid) {
                    alert(errorMessages.join('\n'));
                    event.preventDefault();
                }

                return valid;


            }

        }





        $(document).ready(function() {

            $('#form2nd').css('display', 'block');

            $('#form1_next').click(function(e) {
                e.preventDefault();


                var radioButtons = document.getElementsByName('account');
                var selectedValue;
                for (var i = 0; i < radioButtons.length; i++) {
                    if (radioButtons[i].checked) {
                        selectedValue = radioButtons[i].value;
                        break;
                    }
                }

                

                // const upcSelect = document.getElementById('upc');
                // if (upcSelect.value === '') {
                //     alert('Please select a UPC.');
                //     return false;
                // }
                // const artistname = document.getElementById('artistname');
                // if (artistname.value === '') {
                //     alert('Please select  Artistname.');
                //     return false;
                // }

                if (selectedValue === "1") {
                    $('#form1').css('display', 'none');
                    $('#form2').css('display', 'none');
                    $('#form3').css('display', 'none');
                    // $('#success').css('display', 'none');
                    $('#service').css('display', 'none');
                    $('#product').css('display', 'none');
                    $('#newsubmit').css('display', 'none');
                    $('#form2nd').css('display', 'block');
                    $('#form3rd').css('display', 'none');
                    $('#actionvalue2').css('display', 'none');
                    $('#actionvalue3').css('display', 'none');
                    $('#actionvalue1').css('display', 'block');
          
                } else if (selectedValue === "2") {
                    $('#form1').css('display', 'none');
                    $('#form2').css('display', 'none');
                    $('#form3').css('display', 'none');
                    // $('#success').css('display', 'none');
                    $('#service').css('display', 'none');
                    $('#newsubmit').css('display', 'none');
                    $('#product').css('display', 'none');
                    $('#form2nd').css('display', 'block');
                    $('#form3rd').css('display', 'none');
                    $('#actionvalue1').css('display', 'none');
                    $('#actionvalue2').css('display', 'block');
                    $('#actionvalue3').css('display', 'none');

                } else if (selectedValue === "3") {
                    $('#form1').css('display', 'none');
                    $('#form2').css('display', 'none');
                    $('#form3').css('display', 'none');
                    // $('#success').css('display', 'none');
                    $('#service').css('display', 'none');
                    $('#newsubmit').css('display', 'none');
                    $('#product').css('display', 'none');
                    $('#form2nd').css('display', 'block');
                    $('#form3rd').css('display', 'none');

                    $('#actionvalue1').css('display', 'none');
                    $('#actionvalue2').css('display', 'none');
                    $('#actionvalue3').css('display', 'block');

                } 
                else {
                    alert('Please select Anyone option.');
                    return false;
                }
            });

            $('#form_back').click(function(e) {
                e.preventDefault(); // Prevent the default form submission behavior
                form_back(); // Call your function here
            });

            $('#form2_back').click(function(e) {
                e.preventDefault(); // Prevent the default form submission behavior
                form2_back(); // Call your function here
            });


            $('#form2_next').click(function(e) {
                e.preventDefault(); // Prevent the default form submission behavior
                form2_next(); // Call your function here
            });
            $('#form2nd_next').click(function(e) {
                e.preventDefault(); // Prevent the default form submission behavior
                form2nd_next(); // Call your function here
            });
            $('#form2nd_back').click(function(e) {
                e.preventDefault(); // Prevent the default form submission behavior
                form2_back(); // Call your function here
            });



            $('#form3rd_next').click(function(e) {
                e.preventDefault(); // Prevent the default form submission behavior
                form3rd_next(); // Call your function here
            });


            $('#form3_back').click(function(e) {
                e.preventDefault(); // Prevent the default form submission behavior
                form3_back(); // Call your function here
            });

            $('#form3rd_back').click(function(e) {
                e.preventDefault(); // Prevent the default form submission behavior
                form3rd_back(); // Call your function here
            });

        });
    </script>
    <script>
        var rowCount = 0;

        function addTextField22() {
            var container = document.getElementById('input_fields_container22');
            var newField = document.createElement('div');
            newField.id = 'row_' + rowCount;
            newField.classList.add('input-group', 'mb-3');

            newField.innerHTML = `
        <div style="width: 100%; display: flex; font-size: 12px;" class="form_input">
            <div style="flex: 1;">
                <input size="65" type="text" name="links32[]" class="url-input" placeholder="Enter URL"
                    style="border: none; border-bottom: 1px solid #c7bebe; padding: 10px;">
            </div>
            <div style="margin: auto 0; width: 5%;">
                <img src="https://magiclink.rn-test.com/images/remove_circle_outline.svg" alt="remove" onclick="removeTextField22(this)"
                    class="remove_img" style="cursor: pointer; width: 100%; padding: 6px;">
            </div>
        </div>
    `;

            container.appendChild(newField);
            rowCount++;
        }

        function removeTextField22(element) {
            var container = document.getElementById('input_fields_container22');
            container.removeChild(element.closest('.input-group'));
            rowCount--;
        }
    </script>
    <script>
        var rowCount = 0;

        function addTextField11() {
            var container = document.getElementById('input_fields_container11');
            var newField = document.createElement('div');
            newField.id = 'row_' + rowCount;


            newField.classList.add('input-group', 'mb-3');
            newField.innerHTML = ` 
                                    <div style="width: 100%;;display:flex;font-size: 12px" class="url-input">
                                        <div style=""><br>
                                        <input size="65" type="text"  name="link31[]" class="url-input" placeholder="Enter url"
                                                        style="border: none; border-bottom: 1px solid #c7bebe;padding: 10px;" value="">                <div class="dropdown-menu" id="shareUPCDropdown" style="display: none;"></div>
                                        </div>

                                        

                                        <div style="margin: auto 0;width: 5%">
                                        <br>
                                        <img src="https://magiclink.rn-test.com/images/remove_circle_outline.svg" alt="remove" onclick="removeTextField11(this)" class="remove_img" style="cursor: pointer;width: 100%;padding:6px;">
                                        </div>
                                    </div> 
                                `;
            container.appendChild(newField);
            rowCount++;
        }

        function removeTextField11(element) {
            document.getElementById('input_fields_container11').removeChild(element
                .closest('.input-group'));
            rowCount--;
        }
    </script>
    <script>
        var rowCount = 0;

        function addTextField33() {
            var container = document.getElementById('input_fields_container33');
            var newField = document.createElement('div');
            newField.id = 'row_' + rowCount;


            newField.classList.add('input-group', 'mb-3');
            newField.innerHTML = ` 
                                    <div style="width: 100%;;display:flex;font-size: 12px" class="url-input">
                                        <div style=""><br>
                                        <input size="65" type="text"  name="link33[]" class="url-input" placeholder="Enter url"
                                                        style="border: none; border-bottom: 1px solid #c7bebe;padding: 10px;" value="">                <div class="dropdown-menu" id="shareUPCDropdown" style="display: none;"></div>
                                        </div>

                                        

                                        <div style="margin: auto 0;width: 5%">
                                        <br>
                                        <img src="https://magiclink.rn-test.com/images/remove_circle_outline.svg" alt="remove" onclick="removeTextField33(this)" class="remove_img" style="cursor: pointer;width: 100%;padding:6px;">
                                        </div>
                                    </div> 
                                `;
            container.appendChild(newField);
            rowCount++;
        }

        function removeTextField33(element) {
            document.getElementById('input_fields_container33').removeChild(element
                .closest('.input-group'));
            rowCount--;
        }
    </script>
    <script>
        var rowCount = 0;

        function addTextField2() {
            var container = document.getElementById('input_fields_container2');
            var newField = document.createElement('div');
            newField.id = 'row_' + rowCount;


            newField.classList.add('input-group', 'mb-3');
            newField.innerHTML = ` 
                                            <div style="width: 100%;;display:flex;font-size: 12px" class="form_input">
                                                <div style=""><br>
                                                <input size="65" type="text"  name="links2[]"  class="url-input" placeholder="Enter url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;padding: 10px;" value="">                <div class="dropdown-menu" id="shareUPCDropdown" style="display: none;"></div>
                                                </div>

                                                

                                                <div style="margin: auto 0;width: 5%">
                                                <br>
                                                <img src="https://magiclink.rn-test.com/images/remove_circle_outline.svg" alt="remove" onclick="removeTextField2(this)" class="remove_img" style="cursor: pointer;width: 100%;padding:6px;">
                                                </div>
                                            </div> 
                                        `;
            container.appendChild(newField);
            rowCount++;
        }

        function removeTextField2(element) {
            document.getElementById('input_fields_container2').removeChild(element
                .closest('.input-group'));
            rowCount--;
        }
    </script>
    <script>
        var rowCount = 0;

        function addTextField1() {
            var container = document.getElementById('input_fields_container1');
            var newField = document.createElement('div');
            newField.id = 'row_' + rowCount;


            newField.classList.add('input-group', 'mb-3');
            newField.innerHTML = ` 
                                    <div style="width: 100%;;display:flex;font-size: 12px" class="form_input">
                                        <div style=""><br>
                                        <input size="65" type="text"  name="links1[]"  class="url-input" placeholder="Enter url"
                                                        style="border: none; border-bottom: 1px solid #c7bebe;padding: 10px;" value="">                <div class="dropdown-menu" id="shareUPCDropdown" style="display: none;"></div>
                                        </div>

                                        

                                        <div style="margin: auto 0;width: 5%">
                                        <br>
                                        <img src="https://magiclink.rn-test.com/images/remove_circle_outline.svg" alt="remove" onclick="removeTextField1(this)" class="remove_img" style="cursor: pointer;width: 100%;padding:6px;">
                                        </div>
                                    </div> 
                                `;
            container.appendChild(newField);
            rowCount++;
        }

        function removeTextField1(element) {
            document.getElementById('input_fields_container1').removeChild(element
                .closest('.input-group'));
            rowCount--;
        }
    </script>
    <script>
        var rowCount = 0;

        function addTextField() {
            var container = document.getElementById('input_fields_container');
            var newField = document.createElement('div');
            newField.id = 'row_' + rowCount;


            newField.classList.add('input-group', 'mb-3');
            newField.innerHTML = ` 
                                    <div style="width: 100%;;display:flex;font-size: 12px" class="form_input">
                                        <div style=""><br>
                                        <input size="65" type="text"  name="links3[]"  class="url-input" placeholder="Enter url"
                                                        style="border: none; border-bottom: 1px solid #c7bebe;padding: 10px;" value="">                <div class="dropdown-menu" id="shareUPCDropdown" style="display: none;"></div>
                                        </div>

                                        

                                        <div style="margin: auto 0;width: 5%">
                                        <br>
                                        <img src="https://magiclink.rn-test.com/images/remove_circle_outline.svg" alt="remove" onclick="removeTextField(this)" class="remove_img" style="cursor: pointer;width: 100%;padding:6px;">
                                        </div>
                                    </div> 
                                `;
            container.appendChild(newField);
            rowCount++;
        }

        function removeTextField(element) {
            document.getElementById('input_fields_container').removeChild(element.closest('.input-group'));
            rowCount--;
        }
        // let combinedArray = [];

        function ContactvalidateForm(event) {
            event.preventDefault();

            var firstSelect = Array.from(document.querySelectorAll('input[id^="upcInput_"]')).map(m => m.value);
            //var firstSelect = Array.from(document.querySelectorAll('select[name="upc[]"]')).map(m=>m.value);
            var SecondSelect = Array.from(document.querySelectorAll('select[name="artistname[]"]')).map(select => Array
                .from(select.selectedOptions).map(option => option.value));



            const formDataArray = [];
            firstSelect.forEach((m, i) => {
                var val = {
                    upc: m,
                    artistname: JSON.stringify(SecondSelect[i]),
                    Choosedata: []
                };
                formDataArray.push(val);
            });

            const form = document.getElementById('myForm');
            const elements = form.querySelectorAll('select, input[type="checkbox"]');
            elements.forEach((element, i) => {
                const data = {
                    rowid: element.getAttribute('sid'),
                    potCheck: element.getAttribute('sname'),
                    id: element.id,
                    name: element.name,
                    value: element.checked,
                };
                if (element.checked == true) {
                    formDataArray[element.getAttribute('sid')]['Choosedata'].push(data);
                };
                if (element.nodeName == "INPUT") {

                    // JioSaavn, Zing, Boomplay

                    formDataArray[element.getAttribute('sid')]['Choosedata'].forEach((m, i) => {
                        // console.log('ffffffffff', m.potCheck);
                        if (m.potCheck == "Youtube") {
                            var evervc = document.querySelector('.Youtube' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            var fieldNames = ['youtube0', 'youtube1', 'youtube2', 'youtube3', 'youtube4',
                                'youtube5', 'youtube6', 'youtube7','youtube10','youtube101'
                            ];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "JioSaavn") {
                            var evervc = document.querySelector('.JioSaavn' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['JioSaavn0', 'JioSaavn1', 'JioSaavn2','JioSaavn10','JioSaavn101'];
                            // console.log('evervccccccc', evervc, Array.from(evervc).map((input, index) => [fieldNames[index], input.type == 'file' ? input.getAttribute('select-url') : input.value.trim()]));
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.type == 'file' ? input.getAttribute(
                                    'select-url') : input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Pandora") {
                            // var evervc = document.querySelector('.Pandora' + element.getAttribute('sid')).querySelectorAll('input');
                            // var fieldNames = [ 'Pandora0', 'Pandora1', 'Pandora2', 'Pandora3', 'Pandora4', 'Pandora5', 'Pandora6', 'Pandora7' ];
                            // var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [fieldNames[index], input.value.trim()]));

                            var container = document.querySelector('.Pandora' + element.getAttribute(
                            'sid'));

                            // Select all input and select elements within the container
                            var inputs = container.querySelectorAll('input');
                            var selects = container.querySelectorAll('select');

                            // Combine both NodeLists into a single array
                            var allFields = [...inputs, ...selects];

                            // Retrieve values from both inputs and selects
                            var evervc = Array.from(allFields).map(field => field.value.trim());

                            // Define field names
                            var fieldNames = ['Pandora0', 'Pandora1', 'Pandora2', 'Pandora3', 'Pandora4',
                                'Pandora5', 'Pandora6', 'Pandora7','Pandora10','Pandora101'
                            ];

                            // Create an object mapping field names to their corresponding values
                            var fdcwec = Object.fromEntries(fieldNames.map((name, index) => [name, evervc[
                                index]]));


                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Spotify") {
                            var evervc = document.querySelector('.Spotify' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Spotify0', 'Spotify1','Spotify10','Spotify101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "iTunes") {
                            var evervc = document.querySelector('.iTunes' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['iTunes0', 'iTunes1','iTunes10','iTunes101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Deezer") {
                            var evervc = document.querySelector('.Deezer' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Deezer0', 'Deezer1', 'Deezer10','Deezer101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Anghami") {
                            var evervc = document.querySelector('.Anghami' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Anghami0', 'Anghami1', 'Anghami10','Anghami101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Tidal") {
                            var evervc = document.querySelector('.Tidal' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Tidal0', 'Tidal1', 'Tidal10','Tidal101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Nuuday") {
                            var evervc = document.querySelector('.Nuuday' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Nuuday0', 'Nuuday1', 'Nuuday10','Nuuday101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Napster") {
                            var evervc = document.querySelector('.Napster' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Napster0', 'Napster1', 'Napster10','Napster101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Claro") {
                            var evervc = document.querySelector('.Claro' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Claro0', 'Claro1', 'Claro10','Claro101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Kanjian") {
                            var evervc = document.querySelector('.Kanjian' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Kanjian0', 'Kanjian1', 'Kanjian10', 'Kanjian101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Melon") {
                            var evervc = document.querySelector('.Melon' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Melon0', 'Melon1', 'Melon10', 'Melon101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "iHeart Radio") {
                            var evervc = document.querySelector('.iHeart' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['iHeart0', 'iHeart1', 'iHeart10', 'iHeart101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Netease") {
                            var evervc = document.querySelector('.Netease' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Netease0', 'Netease1', 'Netease10', 'Netease101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Bugs") {
                            var evervc = document.querySelector('.Bugs' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Bugs0', 'Bugs1', 'Bugs10', 'Bugs101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Tencent") {
                            var evervc = document.querySelector('.Tencent' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Tencent0', 'Tencent1', 'Tencent10', 'Tencent101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Vibe") {
                            var evervc = document.querySelector('.Vibe' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Vibe0', 'Vibe1', 'Vibe10', 'Vibe101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Amazon") {
                            var evervc = document.querySelector('.Amazon' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Amazon0', 'Amazon1', 'Amazon10', 'Amazon101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "AWA") {
                            var evervc = document.querySelector('.AWA' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['AWA0', 'AWA1', 'AWA10', 'AWA101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Qobuz") {
                            var evervc = document.querySelector('.Qobuz' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Qobuz0', 'Qobuz1',, 'Qobuz10', 'Qobuz101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Zing MP3") {
                            var evervc = document.querySelector('.Zing' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Zing0', 'Zing1', 'Zing2', 'Zing10', 'Zing101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.type == 'file' ? input.getAttribute(
                                    'select-url') : input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "KKBOX") {
                            var evervc = document.querySelector('.KKBOX' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['KKBOX0', 'KKBOX1', 'KKBOX10', 'KKBOX101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "FLO") {
                            var evervc = document.querySelector('.FLO' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['FLO0', 'FLO1', 'FLO10', 'FLO101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Hungama") {
                            var evervc = document.querySelector('.Hungama' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Hungama0', 'Hungama1', 'Hungama10', 'Hungama101'];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        } else if (m.potCheck == "Boomplay") {
                            var evervc = document.querySelector('.Boomplay' + element.getAttribute('sid'))
                                .querySelectorAll('input');
                            var fieldNames = ['Boomplay0', 'Boomplay1', 'Boomplay2', 'Boomplay3',
                                'Boomplay4', 'Boomplay5', 'Boomplay6', 'Boomplay10', 'Boomplay101'
                            ];
                            var fdcwec = Object.fromEntries(Array.from(evervc).map((input, index) => [
                                fieldNames[index], input.type == 'file' ? input.getAttribute(
                                    'select-url') : input.value.trim()
                            ]));
                            var choosedataItem = formDataArray[element.getAttribute('sid')]['Choosedata'][
                            i];
                            formDataArray[element.getAttribute('sid')]['Choosedata'][i] = {
                                ...choosedataItem,
                                ...fdcwec
                            };
                        }
                    });
                }
            });
            console.log('formDataArray', formDataArray);
    
            
            var Action_need = document.getElementById('action_needed').value;
            console.log('Action_need', Action_need);
            var parts = Action_need.split(/page,|exists,/).map(s => s.trim()).filter(s => s !== '');
            var count = parts.length;

            if (formDataArray.length != count) {
                alert('Please select Anyone option.');
                return false;
            }

          


          

            var selectedUpcs = formDataArray.map(obj => obj.upc.trim());

            const ACTION_2 = "I need to move my release to the correct artist page that already exists";
            const ACTION_1 = "I need my release to be moved to a new artist page";
            const ACTION_3 = "There is a release on my artist page that does not belong to me, I need it removed from my artist page";
            const escapeRegex = str => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');

let regexAction2 = new RegExp(escapeRegex(ACTION_2), 'g');
let regexAction1 = new RegExp(escapeRegex(ACTION_1), 'g');
let regexAction3 = new RegExp(escapeRegex(ACTION_3), 'g');
let newString = Action_need.replace(regexAction2, "action2");
 newString = newString.replace(regexAction3, "action3");
let newString1 = newString.replace(regexAction1, "action1");

let arr = newString1.split(",").map(item => item.trim());

console.log(arr);

//console.log(newString1); 

arr.forEach((action, index) => {
  if (action === 'action1' || action === 'action2') {
    const upcValue = formDataArray[index]?.upc || '';
    if (upcValue.trim() === '') {
        for (let upc of selectedUpcs) {
            if (!upcs.includes(upc)) {
                alert("Please select a valid UPC from the dropdown.");
                return false;
            }
            }
    } else {
      console.log(`UPC at index ${index} for action ${action} is valid: ${upcValue}`);
    }
  }
});


         



//     const normalizedArtists = formDataArray.map(item =>
//   JSON.stringify(JSON.parse(item.artistname))
// );

// // Create a Set to check how many unique artist names exist
// const uniqueArtists = new Set(normalizedArtists);

// // If the set size is 1, all artist names are the same
// const allSameArtist = uniqueArtists.size === 1;

// console.log("Are all artist names the same?", allSameArtist);

// if(allSameArtist == true){
//     alert("Hmm, it looks like parts of your request are conflicting. Can you take another look and make sure everything matches up?");
//         return false;

// }


const normalizedArtists = formDataArray.map(item => {
  if (!item.artistname || item.artistname.trim() === '' || item.artistname === '[]') {
    return null; // Mark empty or empty array as null
  }
  try {
    return JSON.stringify(JSON.parse(item.artistname));
  } catch {
    return null; // In case of invalid JSON, mark as null
  }
});

const filteredArtists = normalizedArtists.filter(a => a !== null);

// If after filtering empty, only one unique artist name remains and none are empty
const uniqueArtists = new Set(filteredArtists);
const allSameArtist = filteredArtists.length > 0 && uniqueArtists.size === 1;

console.log("Are all artist names the same?", allSameArtist);

if(allSameArtist){
  alert("Hmm, it looks like parts of your request are conflicting. Can you take another look and make sure everything matches up?");
  return false;
}


const inputs = [];
    let index = 0;



    while (true) {
        const input = document.getElementById(`upcInput_${index}`);
        if (!input) break;

        console.log("Input element:", input);
        console.log("Input value:", input.value);

        if (input.value.trim() !== '') inputs.push(input.value.trim());
        index++;
    }

    const duplicates = inputs.filter((val, i, arr) => arr.indexOf(val) !== i);
   // console.log(formDataArray);
    if (duplicates.length > 0) {
        alert("You’ve already submitted a request for this UPC — no need to do it twice! Would you like to update your existing request?");
        return false;
    }








            // if (upcs !== upc_value) {
            //     alert("Please select a UPC from the dropdown.");
            //     return false;
            // }

            $.ajax({
                url: "{{ route('contentformsubmit') }}",
                type: "POST",
                headers: {
                    'X-CSRF-TOKEN': '{{ csrf_token() }}'
                },
                data: {
                    Emailid: document.querySelector('input[name=email1]').value,
                    key: document.querySelector('input[name=key]').value,
                    Usernameid: document.querySelector('input[name=username1]').value,
                    Uid: document.querySelector('input[name=uid]').value,
                    Action_need: document.getElementById('action_needed').value,
                    // Action_need2: document.getElementById('action_needed2').value,
                    AllData: JSON.stringify(formDataArray, false),
                },
                success: function(result) {
                    console.log('result', result);
                    if (result.message == 'Completed..') {
                        window.location.reload();
                    }
                }
            }); 
            // console.log('formDataArray', JSON.stringify(formDataArray, false))
        }

   
    </script>
</head>

<body>
    <div class="main_container">
        <div class="header_container">
            <div>
                <div
                    style="display:none;position: fixed;right: 4%;bottom: 12%;z-index: 11;height:70%;width:18%;background-color:#fff;border-radius: 12px;box-shadow: 0px 0px 9px 3px #dddddd42;">
                    <div
                        style="height: 4rem;background-color:#124dfe;border-radius: 12px 12px 0 0;display: flex;padding-left: 12px;align-items: center;justify-content: space-between;">
                        <div style="background: #fff;padding: 10px;display: flex;border-radius: 50%;">
                            <img src="{{ asset('images/robot.svg') }}" alt="logo"
                                style="height: 24px;width: 24px;" />
                        </div>
                    </div>
                    <div>
                        bottom
                    </div>
                </div>


                <div class="s_navigation">
                    <div class="" style="
    gap: 10px;
    padding: 13px;
    display: flex;
">
                        <div style="height: 60px;">
                            <img src="{{ asset('images/rn-logo-white.svg') }}"
                                
                                alt="routenote-logo" >
                        </div>

                        <div style="
    align-items: center;
    display: grid;
">
        <div style="font-size: 2.25rem;color: white;/* line-height: 36px; */" class="font-medium text-xl font-sans !text-white">Smart Hub</div>
        <div class="aispan" style="margin-top: -19px !important;">Powered by AI</div></div>




                      
                    </div>


                   
                    <div class="flex notification">
                        <div class="notification2">
                            <i class="fa fa-bell bell-img" style="font-size:24px;color:white;" id="bellon_1"></i>
                            <i class="fa fa-bell-slash fa-ban" id="belloff_1"
                                style="font-size:24px;color:white; display:none;"></i>
                            <!--span class="badge" id="badge"><?php //echo count(json_decode($fetc_value));
                            ?></span-->

                            <div class="dropdown-content1 notificationflow" id="dropdownContent">
                                <div class="notify_head">
                                    <h5 class="noti_title" id="noti_title" style="display:none;">Notifications</h5>
                                    <h5 class="noti_title" id="noti_title_" style="display:none;">No notification
                                        found..!</h5>
                                    <div class="close-icon"></div>
                                </div>
                            </div>
                        </div>

                        <div class="top_user_inert" id="user_dropdownContent">
                            <div class="user_head">
                                <div class="split_head">
                                    <div style="width: 22%;"><img src="{{ asset('images/user.svg') }}"
                                            style="width: 18%;">
                                        <div class="status_res" id="status_res" onclick="status_mal_change()">
                                            <div id="offline_status"></div>
                                        </div>
                                    </div>

                                    <div class="popup_status">
                                        <p onclick="getstatus(this)" data-value="0"><span>
                                                <ion-icon name="checkmark-outline" id="Active0"></ion-icon>
                                            </span>Active</p>
                                        <p onclick="getstatus(this)" data-value="1"><span>
                                                <ion-icon name="checkmark-outline" id="Away1"
                                                    style="visibility: hidden;">
                                                </ion-icon>
                                            </span>Away</p>
                                    </div>
                                    <div>
                                        <p><?php //echo ucfirst($_SESSION["User"]);
                                        ?></p>
                                        <div class="unqiue">@<?php //echo ucfirst($_SESSION["Username"]);
                                        ?></div>
                                        <div style="display:flex;">

                                            <div class="sub_time">Available until <span id="user_time_zon"></span></div>
                                            <div class="sub_time_out"><img
                                                    src="{{ asset('images/notifications-off-circle-outline.svg') }}"
                                                    style="width: 24px !important;height: 32px;margin-right: -10px;">
                                            </div>
                                            <div class="sub_time_do"><img
                                                    src="{{ asset('images/dash-circle-fill.svg') }}"
                                                    style="width: 20.3px!important;height: 26px;margin-top: 2.5px;">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="logout_head">
                                    <ion-icon name="log-out-outline"
                                        Onclick="window.onbeforeunload = null;window.location.href = '<?php //echo $site_url;
                                        ?>/login?action=login&user=<?php //echo $_SESSION["User_id"];
                                        ?>'">
                                    </ion-icon>
                                </div>
                            </div>
                            <div class="user_body">
                                <div class="out_of_card_first">
                                    <!-- <ion-icon id="notify_on_outline" name="notifications-circle-outline" style="display: none;"></ion-icon> -->
                                    <!-- <ion-icon id="notify_off_outline" name="notifications-off-circle-outline" ></ion-icon> -->
                                    <img src="{{ asset('images/notifications-circle-outline.svg') }}"
                                        id="notify_on_outline" style="width: 32px;height: 32px;">

                                    <img src="{{ asset('images/notifications-off-circle-outline.svg') }}"
                                        id="notify_off_outline" style="display: none;width: 32px;height: 32px;">
                                    <div style="width: 71%;margin-top: -7px;">
                                        <div style="font-weight: 600;">Out of office</div>
                                        <div style="font-size: small;">Mute notifications and unassign new messages
                                        </div>
                                    </div>
                                    <div class="user_head_uni_switch">
                                        <div class="bell_switch">
                                            <input type="checkbox" id="autosuggest_0" onclick="bell_circle(this)"
                                                <?php //if( $sql_status_check_result['schedule_act'] == 1) {echo "disabled";}
                                                ?>>
                                            <label for="autosuggest_0"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="dont_dis_card_sec">
                                    <div style="display: flex;gap: 17px;">
                                        <div class="moon_circle_in">
                                            <!-- <box-icon name='moon' style="display: none;"></box-icon> -->
                                            <box-icon name='moon' type='solid' color="#fff"
                                                id="JHTVhfgd56"></box-icon>
                                            <span id="vgFCTUT34"></span>
                                            <!-- <div><span></span></div> -->
                                        </div>
                                        <div style="margin-top: -7px;">
                                            <div style="font-weight: 600;">Do not disturb</div>
                                            <div style="font-size: small;">Mute notifications</div>
                                        </div>
                                    </div>
                                    <div class="user_head_uni_switch">
                                        <div class="bell_switch">
                                            <input type="checkbox" id="autosuggest_1" onclick="moon_circle(this)"
                                                <?php //if( $sql_status_check_result['schedule_act'] == 1) {echo "disabled";}
                                                ?>>
                                            <label for="autosuggest_1"></label>
                                        </div>
                                    </div>
                                </div>
                                <div class="schedule_timeset">
                                    <div style="display: flex;justify-content: space-between;width: 100%;">
                                        <div style="display: flex;gap: 17px;width: 80%;">
                                            <div class="moon_circle_in"><img
                                                    src="{{ asset('images/time-outline.svg') }}" /><span
                                                    id="jUF221fvd">z</span></div>
                                            <div style="width: inherit;">
                                                <div style="font-weight: 600;">Schedule</div>
                                                <div style="width: max-content;display: initial;">
                                                    <input type="time" id="starttime_sche" name="time"
                                                        value="<?php //echo $sche_HJjk2[0];
                                                        ?>">
                                                    <span> to </span>
                                                    <input type="time" id="endtime_sche" name="time"
                                                        value="<?php //echo $sche_HJjk2[1];
                                                        ?>">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="user_head_uni_switch">
                                            <div class="bell_switch">
                                                <input type="checkbox" id="autosuggest_2"
                                                    onclick="sche_circle(this)">
                                                <label for="autosuggest_2"></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <!-- <div class="badge_right_menu flex items-center gap-1" id="badge_right_menu"><span
                                style="font-size: 7px;padding-left: 10px;">{{$users->name}}
                                <?php //echo ucfirst($_SESSION["Username"]);
                                ?>
                            </span>
                            <a href="{{ route('formlogout', ['key' => $key, 'name' => 'Contentmappingform']) }}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="cursor-pointer" style="fill: rgba(255, 255, 255, 1);transform: rotate(180deg);msFilter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);">
                        <path d="M16 13v-2H7V8l-5 4 5 4v-3z"></path>
                        <path d="M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z">
                        </path>
                    </svg></a>
                        </div> -->

                        <div class="flex items-center gap-1" id="badge_right_menu"><span style="color: white;font-size: 16px;/* padding-left: 10px; */">{{$users->name}}   
                                                            </span>
                                                            <a href="{{ route('formlogout', ['key' => $key, 'name' => 'Contentmappingform','uid' =>  $users->uid]) }}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" class="cursor-pointer" style="fill: rgba(255, 255, 255, 1);transform: rotate(180deg);msFilter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);">
                        <path d="M16 13v-2H7V8l-5 4 5 4v-3z"></path>
                        <path d="M20 3h-9c-1.103 0-2 .897-2 2v4h2V5h9v14h-9v-4H9v4c0 1.103.897 2 2 2h9c1.103 0 2-.897 2-2V5c0-1.103-.897-2-2-2z">
                        </path>
                    </svg></a>
                        </div>




                    </div>


                </div>

            </div>
        </div>

    </div>
    @if (session('success'))
        <div class="top_bg" style="
    left: 423px;
    position: absolute;
    top: 120px;
">
        </div>

        <div>
            <br>
            <div style="top: 348px;left: 700px;posi;position: absolute;">
                <img src="{{ asset('images/tick.png') }}" style="width: 81px; height: 81px;">
            </div>

            <h2 style="font-weight: 600;top: 316px;left: 426px;position: relative;font-size: x-large;">
                {{ session('success') }}</h2>
            <div>
                <br>
            @elseif($data == '0')
                <div class="top_bg" style="
    left: 423px;
    position: absolute;
    top: 120px;
">
                </div>

                <div>
                    <br>
                    <div style="top: 348px;left: 700px;posi;position: absolute;">
                        <img src="{{ asset('images/tick.png') }}" style="width: 81px; height: 81px;">
                    </div>

                    <h2 style="font-weight: 600;top: 316px;left: 426px;position: relative;font-size: x-large;">Content
                        Mapping Request
                        Form Submitted Successfully.
                    </h2>
                    <div>
                        <br>
                    @else
                        <div class="full_container_start"
                            style="width: 100%;padding: 20px;overflow: scroll;height: 80vh;">
                            <div style="justify-content: center;display: grid;">
                                <div style="width: 640px;">


                                    <div class="top_bg">
                                    </div>
                                    <img src="" id="dvgwrwrbvwrvwrv">
                                    {{-- <form id="myForm" action="{{ route('contentformsubmit') }}" method="POST"
                                        onsubmit="return validateForm(event)" enctype="multipart/form-data"> --}}

                                    <form id="myForm" method="POST" onsubmit="return ContactvalidateForm(event)"
                                        enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" name="map_count" id="map_count" value="">
                                        <div id="form1">
                                            <div class="cont1">
                                                <div class="pad space-y-6 mt-2">
                                                    <h1 class="text-2xl font-semibold">Content Mapping Request</h1>
                                                    <p>Please complete the fields below so that we can request that your
                                                        releases are mapped
                                                        correctly across stores. Once submitted, this should be updated
                                                        within 7 - 14 days.
                                                    </p>


                                                </div>


                                                <hr>
                                                <div class="pad py-3">
                                                    <span style="color: red">* Indicates required question</span>
                                                </div>
                                            </div>

                                            <div class="cont2 " style="padding: 25px;">
                                                <p>Email <span style="color: red">*</span></p>
                                                <div><input type="hidden" name="email1"
                                                        value="{{ $users->mail }}" >
                                                    <input type="hidden" name="key"
                                                        value="{{ $key }}">
                                                    <input type="hidden" name="username1"
                                                        value="{{ $users->name }}"><input type="hidden"
                                                        name="uid" value="{{ $users->uid }}">
                                                    <input type="text" disabled name="email" id="email"
                                                        class="" placeholder=" Your Answer"
                                                        style="width: 100%;border: none; border-bottom: 1px solid #c7bebe;padding: 10px;"
                                                        value="{{ $users->mail }}">
                                                    <input type="hidden" name="action_needed" id="action_needed"
                                                        value="">
                                                    <!-- <input type="hidden" name="action_needed2" id="action_needed2"
                                                        value=""> -->
                                                </div>
                                                <div id="email-error"></div>
                                            </div>


                                            <script>
    function actionneedopt(selectedValue,index) {

        const radios = document.querySelectorAll("input[type=radio]:checked");
        const selectedValues = [];

        radios.forEach(radio => {
            const onChangeStr = radio.getAttribute("onchange");
            //const match = onChangeStr.match(/actionneedopt\(['"](.+?)['"]\)/);
            const match = onChangeStr.match(/actionneedopt\(['"](.+?)['"],\s*(\d+)\)/);
if (match && match[1] && match[2]) {
    selectedValues.push(match[1]);

    // Optionally update index from here if you want to ensure it's correct
    // index = parseInt(match[2]);
}
            // if (match && match[1]) {
            //     selectedValues.push(match[1]);
            // }
        });

        document.getElementById("action_needed").value = selectedValues.join(", ");
        console.log("Saved Values:", document.getElementById("action_needed").value);

        const container = document.getElementById(`ChooseStore${index}`);
  if (!container) return;

  const upcLabels = container.querySelectorAll('p');




  //if (selectedValue === 'I need to move my release to the correct artist page that already exists') {

    if (selectedValue === 'I need to move my release to the correct artist page that already exists') {
        $(`.y1${index}`).css('display', 'block');     
        $(`.y1${index} input`).attr('required', true);   
        $(`.y2${index} input`).removeAttr('required');
                                                        
                                                            $(`.y2${index}`).css('display', 'none');
                                                           
                                                            $(`.y3${index}`).css('display', 'block');  
                                                                $(`.y3${index} input`).attr('required', true);
                                                            $(`.y4${index}`).css('display', 'block');  
                                                                $(`.y4${index} input`).attr('required', true);   

    } 
        else if(selectedValue === 'There is a release on my artist page that does not belong to me, I need it removed from my artist page'){
            $(`.y2${index}`).css('display', 'block');
                                                                $(`.y2${index} input`).attr('required', true);
                                                                $(`.y1${index}`).css('display', 'none');  
                                                                $(`.y1${index} input`).removeAttr('required');   
                                                                $(`.y3${index}`).css('display', 'none');  
                                                                $(`.y3${index} input`).removeAttr('required');   
                                                                $(`.y4${index}`).css('display', 'none');  
                                                                $(`.y4${index} input`).removeAttr('required');   


        }else {
            $(`.y1${index}`).css('display', 'none');
                                                            $(`.y2${index}`).css('display', 'none');
                                                            $(`.y3${index}`).css('display', 'block');
                                                            $(`.y1${index} input`).removeAttr('required');
                                                            $(`.y2${index} input`).removeAttr('required');
                                                            $(`.y3${index} input`).attr('required', true);
                                                            $(`.y4${index}`).css('display', 'block');  
                                                                $(`.y4${index} input`).attr('required', true);

    }






   

    // const elements = document.querySelectorAll('.y10');  // get all matching elements
    // elements.forEach(element => {
    //     element.style.display = 'grid';  // or 'block' based on layout
    // });

  //}








/*
  if (selectedValue === 'There is a release on my artist page that does not belong to me, I need it removed from my artist page') {
    // Remove the red asterisk from UPC label
    upcLabels.forEach(p => {
      if (p.textContent.trim().startsWith('UPC')) {
        const spans = p.querySelectorAll('span');
        spans.forEach(span => {
          if (span.textContent.trim() === '*') {
            span.remove();
          }
        });
      }
    });
  } else {
    // Add the asterisk back if it's not there
    upcLabels.forEach(p => {
      if (p.textContent.trim().startsWith('UPC')) {
        const spans = p.querySelectorAll('span');
        const hasAsterisk = Array.from(spans).some(span => span.textContent.trim() === '*');

        if (!hasAsterisk) {
          const redStar = document.createElement('span');
          redStar.textContent = '*';
          redStar.classList.add('text-red-500');
          p.appendChild(redStar);
        }
      }
    });
  }
*/


/*
if (selectedValue === 'There is a release on my artist page that does not belong to me, I need it removed from my artist page') {

  upcLabels.forEach(p => {
      const spans = p.querySelectorAll('span');
      spans.forEach(span => {
        if (span.textContent.trim() === 'UPC') {
          span.textContent = 'Please enter the release details associated with an artist page that does not belong to you';
          spans.forEach(span => {
          if (span.textContent.trim() === '*') {
            span.remove();
          }
        });

        }
      });
    });
    document.getElementById(`upcInput_${index}`).placeholder = 'Enter Details...';

    const upcList = document.getElementById(`upcList_${index}`);
    if (upcList) {
      upcList.remove();
    }
    const dropdownBtn = document.querySelector(`button[data-id="artistname${index}"]`);
if (dropdownBtn) {
  dropdownBtn.style.display = 'none';
}
const element = document.getElementById(`artistshow${index}`);
if (element) {
  element.style.display = 'none';
}

const element1 = document.getElementById(`ulshow${index}`);
if (element1) {
    element1.style.display = 'none';
}


  } else {
    upcLabels.forEach(p => {
  const spans = p.querySelectorAll('span');

  // Check if this <p> is the UPC label (starts with 'UPC')
  //const isUPCLabel = spans.length && spans[0].textContent.trim() === 'UPC';

  const isUPCLabel = spans.length && spans[0].textContent.trim() === 'Please enter the release details associated with an artist page that does not belong to you';


  if (isUPCLabel) {
    // ✅ Restore label if it was overwritten with instructional text
    if (spans[0].textContent.trim() === 'Please enter the release details associated with an artist page that does not belong to you') {
      spans[0].textContent = 'UPC';
    }

    // ✅ Add asterisk only if it's missing
    const hasAsterisk = Array.from(spans).some(span => span.textContent.trim() === '*');
    if (!hasAsterisk) {
      const redStar = document.createElement('span');
      redStar.textContent = '*';
      redStar.classList.add('text-red-500');
      p.appendChild(redStar);
    }
  }
});



    document.getElementById(`upcInput_${index}`).placeholder = 'Type to search UPC...';

    if (!document.getElementById(`upcList_${index}`)) {
      const input = document.getElementById(`upcInput_${index}`);
      if (input) {
        const ul = document.createElement('ul');
        ul.id = `upcList_${index}`;
        ul.className = '!absolute !w-full !border !bg-white !max-h-40 !overflow-auto hidden';
        ul.style.display = 'none';

        // Insert ul after the input
        input.parentNode.insertBefore(ul, input.nextSibling);
      }
    }

    const dropdownBtn = document.querySelector(`button[data-id="artistname${index}"]`);
if (dropdownBtn) {
  dropdownBtn.style.display = 'block';
}
const element = document.getElementById(`artistshow${index}`);
if (element) {
  element.style.display = 'block';
}
const element1 = document.getElementById(`ulshow${index}`);
if (element1) {
    element1.style.display = '';
}


  } */



    }
</script>



                                            <div class="cont2 hidden" style="padding: 25px;" id="close_account">
                                                <h3 style="font-weight: 100;">Action needed?
                                                    <span style="color: red">*</span>
                                                </h3>
                                                <div class="headings">
                                                    <div style="display: flex; gap: 15px">
                                                        <p><input type="radio" name="account" value="1" onchange="actionneedopt('I need my release to be moved to a new artist page')">
                                                        </p>
                                                        <p> I need my release to be moved to a new artist page</p>
                                                    </div>
                                                    <div style="display: flex; gap: 15px">
                                                        <p><input type="radio" name="account" value="2"
                                                                onchange="actionneedopt('I need to move my release to the correct artist page that already exists')">
                                                        </p>
                                                        <p>I need to move my release to the correct artist page that
                                                            already exists
                                                        </p>
                                                    </div>
                                                    <div style="display: flex; gap: 15px">
                                                        <p>
                                                            <input type="radio" name="account" value="3" onchange="actionneedopt('There is a release on my artist page that does not belong to me, I need it removed from my artist page')">
                                                           <!-- <input type="radio" name="account" value="3" onchange="actionneedopt('There is a release on my artist page that does not belong to me, I need it removed from my artist page')">  -->
                                                        </p>
                                                        <p>There is a release on my artist page that does not belong to
                                                            me, I need it removed from my artist page</p>
                                                    </div>

                                                </div>
                                                <div id="account-error"></div>

                                            </div>

                                            <!-- <div style="padding: 20px;display: flex;justify-content: space-between;">

                                                <button class="btn hidden" id="form1_next"> Next </button>

                                            </div> -->


                                        </div>



                                        <!-- Form 1 End -->


                                        <!--Form 2 START -->
                                        <div id="form2nd">
                                            <div class="cont1 hidden">
                                                <div class="pad">
                                                    <h1 class="text-2xl font-semibold">Content Mapping Request</h1>
                                                </div>
                                            </div>



                                            <div class=" " id="distributor">
                                                <div class="hidden"
                                                    style="padding: 20px; background-color: rgb(90, 57, 182); color: #fff">
                                                    Move release to a new artist page</div>



                                                <div class="cont2 space-y-4" style="padding: 25px;">
                                                  
                                                     
                                                    <div id="multiStand" class="space-y-4"></div>
                                                    <!-- <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                        height="24" onclick="AddmodelStores()" fill="currentColor"
                                                        class="bi bi-plus-circle cursor-pointer" viewBox="0 0 16 16">
                                                        <path
                                                            d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                                        <path
                                                            d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" />
                                                    </svg> -->

                                                    <!-- <button onclick="AddmodelStores()" class="btn btn-primary w-100">
    Request another change for this release
</button> -->
<span class="btn btn-primary w-100  " onclick="AddmodelStores()" style="
    gap: 10px;
    display: flex;
    font-size: 17px;
"><p>Request another change for this release</p></span>
                                                </div>


                                                <script>
                                                    // -------------- Start Checkin Form ------------------
                                                    
                                                    function YoutubeA(id) {

                                                  
                                                        
                                                        if (document.getElementById(`Youtube1${id}`).style.display == 'none') {
                                                            document.getElementById(`Youtube1${id}`).innerHTML = "";
                                                        } else {
                                                            document.getElementById(`Youtube1${id}`).innerHTML = `
                                                        <h4 class="youtub_div text-xl font-semibold">Youtube</h4>
                                                        <span style="display: flex">
                                                            <p style="width: 25%;">Primary:</p> <input id="youtubes${id}"
                                                                type="text" name="youtubes[]" class=""
                                                                placeholder=" Your Answer"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; width: 75%;"
                                                                value="" required>
                                                        </span>
                                                        <span style="display: flex">
                                                            <p style="width: 25%;">Secondary:</p> <input
                                                                type="text" name="youtubes1[]" class=""
                                                                placeholder=" Your Answer"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 75%;"
                                                                value="" required>
                                                        </span>
                                                        <span style="display: flex">
                                                        <p style="width: 25%;">City:</p> <input type="text"
                                                            name="youtubes2[]" class=""
                                                            placeholder=" Your Answer"
                                                            style="border: none; border-bottom: 1px solid #c7bebe; width: 75%;"
                                                            value="" required>
                                                        </span>

                                                        <span style="display: flex">
                                                            <p style="width: 25%;">State:</p> <input type="text"
                                                                name="youtubes3[]" class=""
                                                                placeholder=" Your Answer"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; width: 75%;"
                                                                value="" required>
                                                        </span>
                                                        <span style="display: flex">
                                                            <p style="width: 25%;">Country:</p> <input type="text"
                                                                name="youtubes4[]" class=""
                                                                placeholder=" Your Answer"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; width: 75%;"
                                                                value="" required>
                                                        </span>
                                                        <span style="display: flex">
                                                            <p style="width: 25%;">Website link(s):</p> <input
                                                                type="text" name="youtubes5[]" class=""
                                                                placeholder=" Your Answer"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; width: 75%;"
                                                                value="" >
                                                        </span> 
                                                       
                                                        <span class="y3${id}" style="display: grid">
                                                            <p style="width: 100%;"  >Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="youtubes6[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="youtubes10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                        
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="youtubes101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        
                                                        

                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="youtubes7[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; width: 75%"
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }



                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                       console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }

                                                    };

                                                    function PandoraA(id) {
                                                        if (document.getElementById(`Pandora1${id}`).style.display == 'none') {
                                                            document.getElementById(`Pandora1${id}`).innerHTML = "";
                                                        } else {
                                                            document.getElementById(`Pandora1${id}`).innerHTML = `
                                                            <h4 class="text-xl font-semibold">Pandora</h4>

                                                            <span style="display: flex">
                                                                <p style="width: 25%;">Primary:<span
                                                                        style="color: red">*</span></p>
                                                                        
                                                                        <select id="Pandora1${id}" name="pandoras[]" class=""
        style="border: none;    width: 30%;border-bottom: 1px solid #c7bebe;" required>
    <option value="" disabled selected>Select a</option>
    <option value="Alternative">Alternative</option>
    <option value="Anime">Anime</option>
    <option value="Blues">Blues</option>
    <option value="Brazilian">Brazilian</option>
    <option value="Children's Music">Children's Music</option>
    <option value="Christian & Gospel">Christian & Gospel</option>
    <option value="Classical">Classical</option>
    <option value="Classical / Modern Composition">Classical / Modern Composition</option>
    <option value="Comedy">Comedy</option>
    <option value="Country">Country</option>
    <option value="Dance">Dance</option>
    <option value="Easy Listening">Easy Listening</option>
    <option value="Electronic">Electronic</option>
    <option value="Enka">Enka</option>
    <option value="Fitness & Workout">Fitness & Workout</option>
    <option value="French Pop">French Pop</option>
    <option value="German Folk">German Folk</option>
    <option value="German Pop">German Pop</option>
    <option value="Hip Hop/Rap">Hip Hop/Rap</option>
    <option value="Holiday">Holiday</option>
    <option value="Indian">Indian</option>
    <option value="Instrumental">Instrumental</option>
    <option value="J-Pop">J-Pop</option>
    <option value="Jazz">Jazz</option>
    <option value="K-Pop">K-Pop</option>
    <option value="Karaoke">Karaoke</option>
    <option value="Kayokyoku">Kayokyoku</option>
    <option value="Korean">Korean</option>
    <option value="Latin">Latin</option>
    <option value="New Age">New Age</option>
    <option value="Opera">Opera</option>
    <option value="Pop">Pop</option>
    <option value="R&B/Soul">R&B/Soul</option>
    <option value="Reggae">Reggae</option>
    <option value="Rock">Rock</option>
    <option value="Singer/Songwriter">Singer/Songwriter</option>
    <option value="Soundtrack">Soundtrack</option>
    <option value="Spoken Word">Spoken Word</option>
    <option value="Vocal">Vocal</option>
    <option value="World">World</option>
</select>

                                                                        <!--input id="Pandora1${id}"
                                                                    type="text" name="pandoras[]" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required-->
                                                            </span>

                                                            <span style="display: flex">
                                                                <p style="width: 25%;">Secondary:<span
                                                                        style="color: red">*</span></p> 
                                                                        <select  name="pandoras1[]" class=""
        style="    width: 30%;border: none; border-bottom: 1px solid #c7bebe;" required>
    <option value="" disabled selected>Select a</option>
    <option value="Alternative">Alternative</option>
    <option value="Anime">Anime</option>
    <option value="Blues">Blues</option>
    <option value="Brazilian">Brazilian</option>
    <option value="Children's Music">Children's Music</option>
    <option value="Christian & Gospel">Christian & Gospel</option>
    <option value="Classical">Classical</option>
    <option value="Classical / Modern Composition">Classical / Modern Composition</option>
    <option value="Comedy">Comedy</option>
    <option value="Country">Country</option>
    <option value="Dance">Dance</option>
    <option value="Easy Listening">Easy Listening</option>
    <option value="Electronic">Electronic</option>
    <option value="Enka">Enka</option>
    <option value="Fitness & Workout">Fitness & Workout</option>
    <option value="French Pop">French Pop</option>
    <option value="German Folk">German Folk</option>
    <option value="German Pop">German Pop</option>
    <option value="Hip Hop/Rap">Hip Hop/Rap</option>
    <option value="Holiday">Holiday</option>
    <option value="Indian">Indian</option>
    <option value="Instrumental">Instrumental</option>
    <option value="J-Pop">J-Pop</option>
    <option value="Jazz">Jazz</option>
    <option value="K-Pop">K-Pop</option>
    <option value="Karaoke">Karaoke</option>
    <option value="Kayokyoku">Kayokyoku</option>
    <option value="Korean">Korean</option>
    <option value="Latin">Latin</option>
    <option value="New Age">New Age</option>
    <option value="Opera">Opera</option>
    <option value="Pop">Pop</option>
    <option value="R&B/Soul">R&B/Soul</option>
    <option value="Reggae">Reggae</option>
    <option value="Rock">Rock</option>
    <option value="Singer/Songwriter">Singer/Songwriter</option>
    <option value="Soundtrack">Soundtrack</option>
    <option value="Spoken Word">Spoken Word</option>
    <option value="Vocal">Vocal</option>
    <option value="World">World</option>
</select>

                                                                        
                                                                        <!--input
                                                                    type="text" name="pandoras1[]" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required-->
                                                            </span>
                                                            <span style="display: flex">
                                                                <p style="width: 25%;">City: <span
                                                                        style="color: red">*</span></p><input
                                                                    type="text" name="pandoras2[]" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                            <span style="display: flex">
                                                                <p style="width: 25%;">State:<span
                                                                        style="color: red">*</span></p> <input
                                                                    type="text" name="pandoras3[]" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>

                                                            <span style="display: flex">
                                                                <p style="width: 25%;">Country:<span
                                                                        style="color: red">*</span></p> <input
                                                                    type="text" name="pandoras4[]" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>

                                                            <span style="display: flex">
                                                                <p style="width: 25%;">Website link(s):</p> <input
                                                                    type="text" name="pandoras5[]" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" >
                                                            </span>
                                                            <span class="y3${id}" style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:
                                                                <span style="color: red">*</span></p> <input type="text" name="pandoras6[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="width: 100%;border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="pandoras10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="pandoras101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        

                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):<span
                                                                        style="color: red">*</span></p> <input
                                                                    type="text" name="pandoras7[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }


                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }

                                                    };

                                                    function JioSaavnA(id) {
                                                        var x = document.getElementById(`JioSaavn1${id}`);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">JioSaavn</h4>
                                                            <p>Artist profile picture (1500x1500 minimum)<span
                                                                    style="color: red">*</span></p> <input type="file" id="jios${id}"
                                                                id="fileInput1" name="jios[]" onchange="ppt_fileInput1(this)">
                                                            <span style="display:none;color:red;" id="alert"></span>
                                                            <span class="y3${id}" style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="jios1[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="width: 100%;border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>

               
                                                        
                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="jios10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="jios101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>


                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="jios2[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }

                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }

                                                    };

                                                    function RessoA(id) {
                                                        var x = document.getElementById(`Resso1${id}`);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                                <h4 class="text-xl font-semibold">Resso</h4>
                                                                <p style="color:red">Resso now defunct for content mapping requests.</p>
                                                            `;
                                                        }

                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }

                                                    };

                                                    function SpotifyA(id) {
                                                        var x = document.getElementById(`Spotify1${id}`);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Spotify</h4>
                                                            <span class="y3${id}" style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Spotify2[]" id="Spotify2${id}"
                                                                    class="" placeholder="Enter Url"
                                                                    style="width: 100%;border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>

                                                         
                                                        
                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Spotify10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Spotify101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="Spotify3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }

                                                    };

                                                    function iTunesA(id) {
                                                        var x = document.getElementById(`iTunes1${id}`);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">iTunes</h4>
                                                            <span class="y3${id}"  style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="iTunes2[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="width: 100%;border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="iTunes10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="iTunes101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        

                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="iTunes3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }

                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function DeezerA(id) {
                                                        var x = document.getElementById(`Deezer1${id}`);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Deezer</h4>
                                                            <span style="display: flex"  class="y3${id}" >
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Deezer2[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="width: 100%;border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Deezer10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span> 
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Deezer101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        
                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="Deezer3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }

                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function AnghamiA(id) {
                                                        var x = document.getElementById("Anghami1" + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Anghami</h4>
                                                            <span style="display: flex"  class="y3${id}" >
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Anghami2[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="width: 100%;border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Anghami10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Anghami101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        
                                                            <span  class="y4${id}"  style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="Anghami3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }

                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function TidalA(id) {
                                                        var x = document.getElementById("Tidal1" + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Tidal</h4>
                                                            <span style="display: flex"  class="y3${id}" >
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Tidal2[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Tidal10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Tidal101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        
                                                            <span  class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="Tidal3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function NuudayA(id) {
                                                        var x = document.getElementById("Nuuday1" + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Nuuday</h4>
                                                            <span style="display: flex"  class="y3${id}" >
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Nuuday2[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; width:100%;"
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Nuuday10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span> 
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Nuuday101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="Nuuday3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function NapsterA(id) {
                                                        var x = document.getElementById("Napster1" + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Napster</h4>
                                                            <span  class="y3${id}"  style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Napster2[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Napster10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span> 
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Napster101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="Napster3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function ClaroA(id) {
                                                        var x = document.getElementById("Claro1" + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Claro-musica</h4>
                                                            <span  class="y3${id}" style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Claro2[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Claro10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Claro101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="Claro3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function KanjianA(id) {
                                                        var x = document.getElementById('Kanjian1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Kanjian</h4>
                                                            <span  class="y3${id}" style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Kanjian2[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Kanjian10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span> 
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Kanjian101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="Kanjian3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function MelonA(id) {
                                                        var x = document.getElementById('Melon1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">Melon</h4>
                                                        <span  class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Melon2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; width:100%;"
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Melon10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Melon101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="Melon3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function iHeartA(id) {
                                                        var x = document.getElementById('iHeart1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">iHeart Radio</h4>
                                                        <span  class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="iHeart2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>


                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="iHeart10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="iHeart101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="iHeart3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function NeteaseA(id) {
                                                        var x = document.getElementById('Netease1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">Netease</h4>
                                                        <span  class="y3${id}"  style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Netease2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Netease10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Netease101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="Netease3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function BugsA(id) {
                                                        var x = document.getElementById('Bugs1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">Bugs</h4>
                                                        <span class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Bugs2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>


                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Bugs10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Bugs101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y4${id}"  style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="Bugs3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function TencentA(id) {
                                                        var x = document.getElementById('Tencent1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">Tencent Music</h4>
                                                        <span  class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Tencent2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Tencent10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
       <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Tencent101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="Tencent3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function VibeA(id) {
                                                        var x = document.getElementById('Vibe1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">Vibe/ Naver</h4>
                                                        <span  class="y3${id}"  style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Vibe2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Vibe10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
       <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Vibe101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="Vibe3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function AmazonA(id) {
                                                        var x = document.getElementById('Amazon1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Amazon</h4>
                                                        <span  class="y3${id}"  style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Amazon2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Amazon10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Amazon101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="Amazon3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function AWAA(id) {
                                                        var x = document.getElementById('AWA1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">AWA</h4>
                                                        <span  class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="AWA2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="AWA10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>     
                                                          <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="AWA101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="AWA3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function QobuzA(id) {
                                                        var x = document.getElementById('Qobuz1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">Qobuz</h4>
                                                        <span  class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Qobuz2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Qobuz10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Qobuz101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="Qobuz3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function KKBOXA(id) {
                                                        var x = document.getElementById('KKBOX1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">KKBOX</h4>
                                                        <span  class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="KKBOX2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="KKBOX10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span> 
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="KKBOX101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="KKBOX3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function FLOA(id) {
                                                        var x = document.getElementById('FLO1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">FLO</h4>
                                                        <span  class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="FLO2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="FLO10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="FLO101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="FLO3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function ZingA(id) {
                                                        var x = document.getElementById('Zing1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Zing MP3 </h4>
                                                        <p>Artist photo<span style="color: red">*</span></p> <input
                                                            type="file" id="fileInput2" name="zingss[]" onchange="ppt_fileInput1(this)" required>
                                                        <span style="display:none;color:red;" id="alert"></span>
                                                        <span  class="y3${id}"  style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="zings2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; width:100%;"
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="zings10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="zings101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="zings3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function HungamaA(id) {
                                                        var x = document.getElementById('Hungama1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">Hungama</h4>
                                                        <p style="color:red">Unfortunately, Hungama is currently not
                                                            able to resolve content mapping issues. We hope that this
                                                            becomes something they are able to accommodate in the near
                                                            future.Apologies for any inconvenience in the meantime.</p>
                                                        <span  class="y3${id}" style="display: flex">
                                                            <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="Hungama2[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="Hungama10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="Hungama101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y4${id}" style="display: flex">
                                                            <p style="width: 25%;">Release link(s):</p> <input
                                                                type="text" name="Hungama3[]" class=""
                                                                placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                value="" required>
                                                        </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function BoomplayA(id) {
                                                        var x = document.getElementById('Boomplay1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">Boomplay</h4>
                                                            <span style="display: flex">
                                                                <p style="width: 25%;">Artist name:<span
                                                                        style="color: red">*</span></p> <input
                                                                    type="text" name="boomplays[]" class="" 
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                            <span style="display: flex">
                                                                <p style="width: 25%;">Artist Country:<span
                                                                        style="color: red">*</span></p> <input
                                                                    type="text" name="boomplays1[]" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                            <span style="display: flex">
                                                                <p style="width: 25%;">Artist gender: <span
                                                                        style="color: red">*</span></p>
                                                                <select class="select_btn" name="boomplays2[]"
                                                                    id="upc"
                                                                    style="
                                                                            margin-top: 8px;
                                                                            height: 36px;
                                                                            width:25% !important
                                                                            ">
                                                                    <option value=""></option>
                                                                    <option value="Male">Male</option>
                                                                    <option value="Female">Female</option>
                                                                    <option value="Others">Others</option>
                                                                </select>
                                                            </span>
                                                            <span style="display: flex">
                                                                <p style="width: 25%;">Artist biography:<span
                                                                        style="color: red">*</span></p> <input
                                                                    type="text" name="boomplays3[]" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                            <span style="">
                                                                <p>Artist photo<span style="color: red">*</span></p>
                                                                <input type="file" id="fileInput3[]"
                                                                    name="boomplays4" class="" onchange="ppt_fileInput1(this)"
                                                                    placeholder=" Your Answer"
                                                                    style="border: none;padding: 10px;" value="">
                                                            </span>
                                                            <span  class="y3${id}"  style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="boomplays5[]"
                                                                    class="" placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                    value="" required>
                                                            </span>
                                                         
                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="boomplays10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="boomplays101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="boomplays6[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }
                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }
                                                    };

                                                    function TikTokA(id) {
                                                        var x = document.getElementById('TikTok1' + id);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                        <h4 class="text-xl font-semibold">TikTok</h4>
                                                        <p style="color:red">For TikTok mapping, you'll need to turn your TikTok profile into an Artist Account in order to get a Music tab. To do this, you'll need at least one release under your artist name that has been delivered to TikTok. If you meet this requirement, head to this link on your mobile to apply through TikTok - good luck! <a href="https://www.tiktok.com/m-c/music_artist_certification_h5/index.html?enter_from=newsroom" style="color: dodgerblue;">CLICK HERE</a></p><p style="color:red"> 
If users is already upgrade to TikTok Artist Account, include link for requesting changes to TikTok music tab: "If you already have an Artist Account, head straight to this link to request changes: <a href="https://bytedance.larkoffice.com/share/base/form/shrcnbyJAfpR8BxWyE1OaBOtere" style="color: dodgerblue;">CLICK HERE</a></p>
`;
                                                        }
                                                    };

                                                    var StorelistA = @json($dfssrbv).map(m => {
                                                        if (m.name == "YouTube Music") {
                                                            m.name = "Youtube"
                                                        } else if (m.name == "Apple Music") {
                                                            m.name = "iTunes"
                                                        }
                                                        return m.name;
                                                    });

                                                    function Handler(id, sname) {
                                                        var x = document.getElementById(`${id}`);
                                                        if (x.style.display == "none") {
                                                            x.innerHTML = "";
                                                        } else {
                                                            x.innerHTML = `
                                                            <h4 class="text-xl font-semibold">${sname}</h4>
                                                            <span class="y3${id}" style="display: flex">
                                                                <p style="width: 100%;">Link(s) to the incorrect artist page(s) the release(s) are currently placed on:</p> <input type="text" name="${sname}2[]" id="${sname}2${id}"
                                                                    class="" placeholder="Enter Url"
                                                                    style="width:100%;border: none; border-bottom: 1px solid #c7bebe;width:100%; "
                                                                    value="" required>
                                                            </span>

                                                            <span class="y1${id}" style="display: none">
                                                            <p style="width: 100%;" id="y1${id}">Link to the correct artist page the release(s) should be placed on:</p> <input type="text" name="${sname}10[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span> 
                                                        <span class="y2${id}" style="display: none">
                                                            <p style="width: 100%;" id="y2${id}">Link(s) to release(s) that do not belong to you:</p> <input type="text" name="${sname}101[]"
                                                                class="" placeholder="Enter Url"
                                                                style="border: none; border-bottom: 1px solid #c7bebe;width: 100%; "
                                                                value="" required>
                                                        </span>

                                                            <span class="y4${id}" style="display: flex">
                                                                <p style="width: 25%;">Release link(s):</p> <input
                                                                    type="text" name="${sname}3[]" class=""
                                                                    placeholder="Enter Url"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                            </span>
                                                        `;
                                                        }


                                                        const selectedValuess = document.querySelector(`input[name="account_${id}"]:checked`);
                                                       
                                                        console.log(selectedValuess.value); 
                                                        if (selectedValuess.value == '2') {
                                                            $(`.y1${id}`).css('display', 'block');     
                                                            $(`.y1${id} input`).attr('required', true);
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).attr('required', true);
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'block');
                                                            

                                                        } else {
                                                            $(`.y1${id}`).css('display', 'none');
                                                            $(`.y2${id}`).css('display', 'none');
                                                            $(`.y3${id}`).css('display', 'none');
                                                            $(`.y1${id} input`).removeAttr('required');
                                                            $(`.y2${id} input`).removeAttr('required');
                                                            $(`.y3${id} input`).removeAttr('required');

                                                            if(selectedValuess.value == '3'){
                                                                $(`.y2${id}`).css('display', 'block');
                                                                $(`.y2${id} input`).attr('required', true);
                                                                $(`.y4${id}`).css('display', 'none');
                                                            $(`.y4${id} input`).removeAttr('required');
                                                            }

                                                            if(selectedValuess.value == '1'){
                                                                $(`.y3${id}`).css('display', 'block');
                                                                $(`.y3${id} input`).attr('required', true);

                                                            }
                                                                 
                                                                 
                                                            
                                                        }

                                                    }
                                                    

                                                    // ------------- End Checkin Form ----------------



                                                    // ------------- Start Function Checkin - Checkout ----------------
                                                    // var popl = ['Youtube', 'JioSaavn', 'Pandora', 'Resso', 'Spotify', 'iTunes', 'Deezer', 'Anghami', 'Tidal',
                                                    //     'Nuuday', 'Napster', 'Claro', 'Kanjian', 'Melon', 'iHeart', 'Netease', 'Bugs',
                                                    //     'Tencent', 'Vibe', 'Amazon', 'AWA', 'Qobuz', 'Zing', 'KKBOX', 'FLO', 'Hungama', 'Boomplay',
                                                    //     'TikTok'
                                                    // ];
                                                    var popl = @json($dfssrbv).map(m => {
                                                        if (m.name == "YouTube Music") {
                                                            m.name = "Youtube"
                                                        } else if (m.name == "Apple Music") {
                                                            m.name = "iTunes"
                                                        } else if (m.name == "Claro-musica") {
                                                            m.name = "Claro"
                                                        } else if (m.name == "iHeart Radio") {
                                                            m.name = "iHeart"
                                                        } else if (m.name == "Bugs!") {
                                                            m.name = "Bugs"
                                                        } else if (m.name == "Tencent Music") {
                                                            m.name = "Tencent"
                                                        } else if (m.name == "Zing MP3") {
                                                            m.name = "Zing"
                                                        }
                                                        return m.name;
                                                    });
                                                    // var popl = @json($dfssrbv).map(m=>{
                                                    //     if(m.name == "YouTube Music"){
                                                    //         m.name = "Youtube"
                                                    //     }else if(m.name == "Apple Music") {
                                                    //         m.name = "iTunes"
                                                    //     }
                                                    //     return m.name;
                                                    // });
                                                    // console.log('dddddddd', @json($dfssrbv).map(m=>{
                                                    //     if(m.name == "YouTube Music"){
                                                    //         m.name = "Youtube"
                                                    //     }else if(m.name == "Apple Music") {
                                                    //         m.name = "iTunes"
                                                    //     }
                                                    //     return m.name;
                                                    // }));

                                                    // function youtubeCheckbox_ID(event, id) {
                                                    //     if (event.checked) {
                                                    //         document.getElementById(`Youtube1${id}`).style.display = 'block';
                                                    //         youtubeA(id);
                                                    //     } else {
                                                    //         document.getElementById(`Youtube1${id}`).style.display = 'none';
                                                    //         document.getElementById(`Youtube1${id}`).innerHTML = "";
                                                    //     }
                                                    // };
                                                    // function PandoraCheckbox_ID(event, id) {
                                                    //     if (event.checked) {
                                                    //         document.getElementById(`Pandora1${id}`).style.display = 'block';
                                                    //         PandoraA(id);
                                                    //     } else {
                                                    //         document.getElementById(`Pandora1${id}`).style.display = 'none';
                                                    //         document.getElementById(`Pandora1${id}`).innerHTML = "";
                                                    //     }
                                                    // };
                                                    // function JioSaavnCheckbox_ID(event, id) {
                                                    //     if (event.checked) {
                                                    //         document.getElementById(`JioSaavn1${id}`).style.display = 'block';
                                                    //         JioSaavnA(id);
                                                    //     } else {
                                                    //         document.getElementById(`JioSaavn1${id}`).style.display = 'none';
                                                    //         document.getElementById(`JioSaavn1${id}`).innerHTML = "";
                                                    //     }
                                                    // };
                                                    // function RessoCheckbox_ID(event, id) {
                                                    //     if (event.checked) {
                                                    //         document.getElementById(`Resso1${id}`).style.display = 'block';
                                                    //         RessoA(id);
                                                    //     } else {
                                                    //         document.getElementById(`Resso1${id}`).style.display = 'none';
                                                    //         document.getElementById(`Resso1${id}`).innerHTML = "";
                                                    //     }
                                                    // };
                                                    // function SpotifyCheckbox_ID(event, id) {
                                                    //     if (event.checked) {
                                                    //         document.getElementById(`Spotify1${id}`).style.display = 'block';
                                                    //         SpotifyA(id);
                                                    //     } else {
                                                    //         document.getElementById(`Spotify1${id}`).style.display = 'none';
                                                    //         document.getElementById(`Spotify1${id}`).innerHTML = "";
                                                    //     }
                                                    // };

                                                    // function iTunesCheckbox_ID(event, id, callback) {
                                                    // if (event.checked) {
                                                    //     document.getElementById(`iTunes1${id}`).style.display = 'block';
                                                    //     if (typeof callback === 'function') {
                                                    //         window['iTunesA'](id);
                                                    //     } else {
                                                    //         console.error('Callback is not a function');
                                                    //     }
                                                    // } else {
                                                    //     document.getElementById(`iTunes1${id}`).style.display = 'none';
                                                    //     document.getElementById(`iTunes1${id}`).innerHTML = "";
                                                    // }
                                                    // };
                                                    var fdsrv = ["YoutubeA", "PandoraA", "JioSaavnA", "RessoA", "SpotifyA", "iTunesA", "DeezerA", "AnghamiA", "TidalA", "NuudayA", "NapsterA", "ClaroA", "KanjianA", "MelonA", "iHeartA", "NeteaseA", "BugsA", "TencentA", "VibeA", "AmazonA", "AWAA", "QobuzA", "KKBOXA", "FLOA", "ZingA", "HungamaA", "BoomplayA", "TikTokA"];
                                                    function alldm(id) { 
                                                        
                                                        for (let q = 0; q < popl.length; q++) {
                                                            
                                                            document.getElementById(popl[q] + id).addEventListener('change', function(event) {
                                                                
                                                                var sid, sname, fname;
                                                                sid = event.target.getAttribute('sid');
                                                                sname = event.target.getAttribute('sname');
                                                                fname = event.target.getAttribute('funname');
                                                                // console.log('alldm','SpotifyA', id, popl[q] + id, event, fname, sid)
                                                                if (event.target.checked) {
                                                                    document.querySelector(`#${popl[q] + 1 + id}`).style.display = 'block';
                                                                    // document.getElementById(popl[q] + 1 + id).style.display = 'block';
                                                                    // console.log('fname', sid, fname, window['SoundCloudA'](id))
                                                                    if(fdsrv.includes(fname)) {
                                                                        window[fname](id);
                                                                    }else {
                                                                        console.log('fname', sname+1+id)
                                                                        Handler(`${sname+1+id}`, sname);
                                                                    }
                                                                } else {
                                                                    document.getElementById(popl[q] + 1 + id).style.display = 'none';
                                                                    document.getElementById(popl[q] + 1 + id).innerHTML = "";
                                                                }
                                                            })
                                                        }
                                                    };
                                                    // ------------- End Function Checkin - Checkout ----------------
                                                    function OPtionstore(id) {
                                                        // var Storelist = ['Youtube', 'JioSaavn', 'Pandora', 'Resso', 'Spotify', 'iTunes', 'Deezer', 'Anghami', 'Tidal',
                                                        //     'Nuuday', 'Napster', 'Claro-musica', 'Kanjian', 'Melon', 'iHeart Radio', 'Netease', 'Bugs!',
                                                        //     'Tencent Music', 'Vibe/ Naver', 'Amazon', 'AWA', 'Qobuz', 'Zing MP3', 'KKBOX', 'FLO', 'Hungama',
                                                        //     'Boomplay',
                                                        //     'TikTok'
                                                        // ];
                                                        var Storelist = @json($dfssrbv).map(m => {
                                                            if (m.name == "YouTube Music") {
                                                                m.name = "Youtube"
                                                            } else if (m.name == "Apple Music") {
                                                                m.name = "iTunes"
                                                            }
                                                            return m.name;
                                                        });
                                                        let HtmlJD = '';
                                                        Storelist.forEach((element, i) => {
                                                            if (element == "Claro-musica") {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Claro${id}" sid="${id}" sname= "${element}" funname="ClaroA">
                                                                    <span>${element}</span>
                                                                </li>
                                                            `;
                                                            } else if (element == "iHeart Radio") {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="iHeart${id}" sid="${id}" sname= "${element}" funname="iHeartA">
                                                                    <span>${element}</span>
                                                                </li>
                                                            `;
                                                            } else if (element == "Bugs!") {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Bugs${id}" sid="${id}" sname= "${element}" funname="BugsA">
                                                                    <span>${element}</span>
                                                                </li>
                                                            `;
                                                            } else if (element == "Tencent Music") {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Tencent${id}" sid="${id}" sname= "${element}" funname="TencentA">
                                                                    <span>${element}</span>
                                                                </li>
                                                            `;
                                                            } else if (element == "Vibe/ Naver") {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Vibe${id}" sid="${id}" sname= "${element}" funname="VibeA">
                                                                    <span>${element}</span>
                                                                </li>
                                                            `;
                                                            } else if (element == "Zing MP3") {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Zing${id}" sid="${id}" sname= "${element}" funname="ZingA">
                                                                    <span>${element}</span>
                                                                </li>
                                                            `;
                                                            } else if (element == "iTunes") {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="iTunes${id}" sid="${id}" sname= "${element}" funname="iTunesA">
                                                                    <span>Apple Music</span>
                                                                </li>
                                                            `;
                                                            } else if (element == "Youtube") {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Youtube${id}" sid="${id}" sname= "${element}" funname="YoutubeA">
                                                                    <span>YouTube Music</span>
                                                                </li>
                                                            `;
                                                            } else {
                                                                HtmlJD += `
                                                                <li key="${i}">
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="${element + id}" sid="${id}" sname= "${element}" funname="${element + 'A'}">
                                                                    <span>${element}</span>
                                                                </li>
                                                            `;
                                                            }
                                                        });
                                                        return HtmlJD;
                                                    };

                                                    function storeremove(classna) {
                                                        var NHG = document.getElementById(classna);
                                                        NHG.remove();


                                                const match = classna.match(/\d+$/);
                                                    if (match) {
                                                        const number = match[0]; // e.g., "2"
                                                        const upcInputId = "upcInput_" + number;

                                                        const upcInput = document.getElementById(upcInputId);
                                                        if (upcInput) {
                                                            upcInput.value = "";
                                                        }

                                                        delete selectedUPCsMap[number];

                                                      
                                                    }

                                                        countgeter();
                                                    };

                                                    let cntSt = 0;
                                                    let actionval = 0;

                                                    function AddmodelStores() {
                                                        actionval = 1;
                                                        AddmodelStore();
                                                    }

                                                    function AddmodelStore() {
                                                        var actionvals = actionval;
                                                        var y = document.getElementById('multiStand');
                                                        var D = document.createElement('div');
                                                        D.classList.add('flex', 'items-center', 'gap-2', 'w-full');



                                                        var cntStLocal = cntSt; // Create a local copy for use within this instance
                                                        D.innerHTML = `
        <div class="select-none w-full relative">
            <p><span>UPC</span><span class="text-red-500">*</span></p>
            <input type="text" id="upcInput_${cntStLocal}" class="h-16 rounded-[8px] px-4 !border w-full border" placeholder="Type to search UPC..." maxlength="13" data-selected="false" autocomplete="off" required>
            <ul id="upcList_${cntStLocal}" class="!absolute !w-full !border !bg-white !max-h-40 !overflow-auto hidden">
             
                </ul>
        </div>
        <div class="select-none w-full" id="artistshow${cntStLocal}">
            <p><span>Artist name?</span><span class="text-red-500">*</span></p>
            <div class="wrapp-section">
                <select name="artistname[]" class="selectpicker${cntStLocal}" id="artistname${cntStLocal}" multiple data-live-search="false" title="Select artist name..">
                </select>
            </div>
        </div> 
    `;
    $(document).ready(function () {
        const input = $(`#upcInput_${cntStLocal}`);
        const dropdown = $(`#upcList_${cntStLocal}`);

        // alert(dropdown);

        // On typing
        input.on('input', function () {
            // Remove all non-digit characters
            this.value = this.value.replace(/\D/g, '');
            const search = this.value;
            $(this).attr('data-selected', 'false');

            if (search.length >= 1) {
                let hasResults = false;

                dropdown.removeClass('hidden');
                dropdown.find('li').each(function () {
                    const val = $(this).data('value').toString();
                    const match = val.includes(search);
                    $(this).toggle(match);
                    if (match) hasResults = true;
                });

                if (!hasResults) dropdown.addClass('hidden');
            } else {
                dropdown.addClass('hidden');
            }
        });

        // On dropdown selection
        dropdown.on('click', '.upc-item', function () {
            const selectedVal = $(this).data('value');
            input.val(selectedVal);
            input.attr('data-selected', 'true');
            dropdown.addClass('hidden');
        });

        // Prevent form submit without selection
        // $('form').on('submit', function (e) {
        //     if (input.attr('data-selected') !== 'true') {
        //         e.preventDefault();
        //         alert("Please select a UPC from the dropdown.");
        //     }
        // });
    });



    $(document).ready(function () {
            $(`.selectpicker${cntStLocal}`).selectpicker();
        });

                                                        // <div class="relative w-64">
                                                        //             <!-- Dropdown Button -->
                                                        //             <button type="button" onclick="dsvadvadv(this, '${cntStLocal}')"
                                                        //                 id="dropdownButton${cntStLocal}" 
                                                        //                 class="w-full bg-blue-500 text-white font-semibold py-2 px-4 rounded-lg shadow focus:outline-none flex justify-between items-center">
                                                        //                 <span id="dropdownLabel${cntStLocal}">Select Options</span>
                                                        //                 <svg class="w-4 h-4 ml-2" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                                        //                     <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
                                                        //                 </svg>
                                                        //             </button>

                                                        //             <!-- Dropdown Menu -->
                                                        //             <div 
                                                        //                 id="dropdownMenu${cntStLocal}" 
                                                        //                 class="absolute bg-white border rounded-lg shadow-md w-full mt-2 hidden z-10 max-h-40 overflow-y-auto">
                                                        //                 <label class="flex items-center p-2 hover:bg-gray-100">
                                                        //                     <input type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 mr-2" value="Option 1"> Option 1
                                                        //                 </label>
                                                        //                 <label class="flex items-center p-2 hover:bg-gray-100">
                                                        //                     <input type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 mr-2" value="Option 2"> Option 2
                                                        //                 </label>
                                                        //                 <label class="flex items-center p-2 hover:bg-gray-100">
                                                        //                     <input type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 mr-2" value="Option 3"> Option 3
                                                        //                 </label>
                                                        //                 <label class="flex items-center p-2 hover:bg-gray-100">
                                                        //                     <input type="checkbox" class="form-checkbox h-5 w-5 text-blue-600 mr-2" value="Option 4"> Option 4
                                                        //                 </label>
                                                        //             </div>
                                                        //         </div>

                                                        // document.addEventListener('DOMContentLoaded', () => {
                                                        //     const dropdownButton = document.getElementById(`dropdownButton${cntStLocal}`);
                                                        //     const dropdownMenu = document.getElementById(`dropdownMenu${cntStLocal}`);
                                                        //     const dropdownLabel = document.getElementById(`dropdownLabel${cntStLocal}`);

                                                        //     // Toggle dropdown visibility
                                                        //     dropdownButton.addEventListener("click", () => {
                                                        //         console.log('dropdownButton', dropdownButton);
                                                        //         dropdownMenu.classList.toggle("hidden");
                                                        //     });

                                                        //     // Close dropdown when clicking outside
                                                        //     // document.addEventListener("click", (event) => {
                                                        //     //     if (!dropdownButton.contains(event.target) && !dropdownMenu.contains(event.target)) {
                                                        //     //         dropdownMenu.classList.add("hidden");
                                                        //     //     }
                                                        //     // });

                                                        //     // Update button label with selected values
                                                        //     dropdownMenu.addEventListener("change", () => {
                                                        //         const checkedInputs = dropdownMenu.querySelectorAll("input[type='checkbox']:checked");
                                                        //         const values = Array.from(checkedInputs).map(input => input.value);

                                                        //         // Update the label
                                                        //         dropdownLabel.textContent = values.length === 0 
                                                        //         ? "Select Options" 
                                                        //         : values.length <= 2 
                                                        //             ? values.join(", ") 
                                                        //             : `${values.length} Selected`;
                                                        //     });
                                                        // });

                                                        var x = document.createElement('div');
                                                        var A = document.createElement('div');
                                                        A.id = `Youtube1${cntStLocal}`;
                                                        A.classList.add('space-y-4', `Youtube${cntStLocal}`);
                                                        A.style.display = "none";
                                                        x.id = `ChooseStore${cntStLocal}`;
                                                        x.classList.add('border-b-1', 'border-gray-500', 'space-y-4');
                                                        x.innerHTML = `<p class="bg-gray-100 py-1.5 px-3 rounded-md flex items-center justify-between">
        <span id="addedcount" class="select-none">Choose Store? <span style="color: red">*</span></span>   
        ${cntStLocal != 0 ? `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" onclick="storeremove('ChooseStore${cntStLocal}')" class="bi bi-dash-circle cursor-pointer" viewBox="0 0 16 16">
                                                            <path d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16"/>
                                                            <path d="M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8"/>
                                                        </svg>` : ''}
    </p>
    

                         <div class="cont2" style="padding: 25px;" id="close_account">
                        <h3 style="font-weight: 100;">Action needed?
                        <span style="color: red">*</span>
                        </h3>
                        <div class="headings">
                        <div style="display: flex; gap: 15px">
                            <p><input type="radio" name="account_${cntStLocal}" value="1" onchange="actionneedopt('I need my release to be moved to a new artist page',${cntStLocal})"></p>
                            <p> I need my release to be moved to a new artist page</p>
                        </div>
                        <div style="display: flex; gap: 15px">
                            <p><input type="radio" name="account_${cntStLocal}" value="2" onchange="actionneedopt('I need to move my release to the correct artist page that already exists',${cntStLocal})"></p>
                            <p>I need to move my release to the correct artist page that already exists</p>
                        </div>
                        <div style="display: flex; gap: 15px">
                            <p><input type="radio" name="account_${cntStLocal}" value="3" onchange="actionneedopt('There is a release on my artist page that does not belong to me, I need it removed from my artist page',${cntStLocal})"></p>
                            <p>There is a release on my artist page that does not belong to me, I need it removed from my artist page</p>
                        </div>
                        </div>
                    </div>
    
    `;

        // ${actionvals != '1' ? `
        //     <div id="actionvalue1">Action Needed - I need my release to be moved to a new artist page</div> 
        //     <div id="actionvalue2">Action Needed - I need to move my release to the correct artist page that already exists</div> 
        //     <div id="actionvalue3">Action Needed - There is a release on my artist page that does not belong to me, I need it removed from my artist page</div>
        // ` : ''}

        // ${actionvals != '0' ? `
        //                  <div class="cont2" style="padding: 25px;" id="close_account">
        //                 <h3 style="font-weight: 100;">Action needed?
        //                 <span style="color: red">*</span>
        //                 </h3>
        //                 <div class="headings">
        //                 <div style="display: flex; gap: 15px">
        //                     <p><input type="radio" name="account_${cntStLocal}" value="1" onchange="actionneedopt('I need my release to be moved to a new artist page')"></p>
        //                     <p> I need my release to be moved to a new artist page</p>
        //                 </div>
        //                 <div style="display: flex; gap: 15px">
        //                     <p><input type="radio" name="account_${cntStLocal}" value="2" onchange="actionneedopt('I need to move my release to the correct artist page that already exists')"></p>
        //                     <p>I need to move my release to the correct artist page that already exists</p>
        //                 </div>
        //                 <div style="display: flex; gap: 15px">
        //                     <p><input type="radio" name="account_${cntStLocal}" value="3" onchange="actionneedopt('There is a release on my artist page that does not belong to me, I need it removed from my artist page')"></p>
        //                     <p>There is a release on my artist page that does not belong to me, I need it removed from my artist page</p>
        //                 </div>
        //                 </div>
        //             </div>
        // ` : ''}





                                                        x.appendChild(D);
                                                        var z = document.createElement('ul');
                                                        z.classList.add('grid', 'grid-cols-4', 'gap-1');
                                                        z.innerHTML = OPtionstore(cntStLocal);
                                                        z.id = 'ulshow'+cntStLocal; 
                                                        x.appendChild(z);
                                                        y.appendChild(x);
                                                        // y.appendChild(A);
                                                        console.log('dddddddd', popl);
                                                        popl.forEach((m, i) => {
                                                            var B = document.createElement('div');
                                                            B.key = i;
                                                            B.id = m + '1' + cntStLocal;
                                                            B.classList.add('space-y-4', `${m + cntStLocal}`);
                                                            B.style.display = "none";
                                                            y.appendChild(B);
                                                        })
                                                        // for (let H = 1; H < popl.length; H++) {
                                                        //     var B = document.createElement('div');
                                                        //     B.id = popl[H] + '1' + cntStLocal;
                                                        //     B.classList.add('space-y-4', `${popl[H] + cntStLocal}`);
                                                        //     B.style.display = "none";
                                                        //     y.appendChild(B);
                                                        // }
                                                        

                                                        alldm(cntStLocal);
                                                        countgeter();

                                                        // Attach autocomplete to the new UPC input field
                                                        attachUPCAutocomplete(cntStLocal);

                                                        cntSt++;
                                                        
                                                    }

                                                    function toggleDropdown(event) {
                                                        const button = event.currentTarget;
                                                        const dropdownMenu = button.nextElementSibling; // Ensure the structure matches the function logic

                                                        dropdownMenu.classList.toggle("hidden");

                                                        // Close dropdown if clicking outside
                                                        document.addEventListener("click", (e) => {
                                                            if (!button.contains(e.target) && !dropdownMenu.contains(e.target)) {
                                                                dropdownMenu.classList.add("hidden");
                                                            }
                                                        }, {
                                                            once: true
                                                        });
                                                    }

                                                    // Update the label based on selected checkboxes
                                                    function updateLabel(event) {
                                                        const checkbox = event.target;
                                                        const dropdownMenu = checkbox.closest(".dropdown-menu"); // Matches the class in HTML
                                                        const dropdownButton = dropdownMenu.previousElementSibling;
                                                        const dropdownLabel = dropdownButton.querySelector(".dropdown-label");

                                                        const checkedInputs = dropdownMenu.querySelectorAll("input[type='checkbox']:checked");
                                                        const values = Array.from(checkedInputs).map(input => input.value);

                                                        dropdownLabel.textContent = values.length === 0 ?
                                                            "Select Options" :
                                                            values.length <= 2 ?
                                                            values.join(", ") :
                                                            `${values.length} Selected`;
                                                    }



                                                    


                                                    function upc_user(upcid, id) {
                                                       
                                                        $.ajax({
                                                            type: "POST",
                                                            data: {
                                                                upc: upcid
                                                            },
                                                            url: "https://magiclink.rn-test.com/upc",
                                                            headers: {
                                                                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                                                            },
                                                          
                                                           
                                                            success: function(result) {
                                                                const $select = $(`#artistname${id}`);

                                                                // Clear existing options
                                                                $select.empty();

                                                                // Populate the dropdown with the result
                                                                result.forEach((item, index) => {
                                                                    $select.append(`<option value="${item.name}">${item.name}</option>`);
                                                                });
                                                                console.log('$select', $select)
                                                                // Refresh the selectpicker to reflect new options
                                                                $select.selectpicker('refresh');
                                                                // dropdownMenu
                                                                // var firstSelect = document.querySelector('.dgfaergv' + id)
                                                                // firstSelect.innerHTML = "";
                                                                // $(document).ready(function () {
                                                                //     $('.selectpicker').selectpicker();
                                                                //     // Example JSON data

                                                                //     // Populate the dropdown dynamically
                                                                //     const $select = $('#artistname');
                                                                //     result.forEach((item, index) => {
                                                                //     $select.append(`<option value="option${index}">${item.name}</option>`);
                                                                //     });

                                                                //     // Initialize the Bootstrap Select plugin
                                                                //     $select.selectpicker();
                                                                // });
                                                                // console.log('result', result)
                                                                // result.forEach((m, i) => {
                                                                //     $(`.dgfaergv${id}:last`).append(`<option key="${i}">${m.name}</option>`);
                                                                // })
                                                                // console.log('result', result, firstSelect, id)
                                                            }
                                                        });
                                                    }
                                                    
                                                    let selectedUPCsMap = {}; // Keeps track of selected UPC per field
 
 function attachUPCAutocomplete(cntStLocal) {


  
   const $input = $(`#upcInput_${cntStLocal}`);
   const $list = $(`#upcList_${cntStLocal}`);
  
   // When user types in input
   $input.on('input', function () {

     const inputVal = $(this).val().toLowerCase().trim();
     const currentVal = $(this).val().trim();
  
     // ✅ If input box is empty, remove stored UPC for this field
     if (!currentVal) {
       delete selectedUPCsMap[cntStLocal];
     }
     
     const userId = $('input[name="uid"]').val();
     $.ajax({
            type: "POST",
            url: "{{ route('getupcDetails2') }}",
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}'
            },
            data: {
                query:inputVal,
                user_id: userId
            },
            success: function (response) {
          
  
   const upcOptions = response.upcDetails;
   
     $list.empty().hide();
  
     const allSelected = Object.values(selectedUPCsMap).map(u => u.toString());
  
     const filteredOptions = upcOptions.filter(opt =>
       opt.toString().toLowerCase().includes(inputVal) &&
       !allSelected.includes(opt.toString())
     );
  
     filteredOptions.forEach(option => {
       $list.append(
         `<li onclick="upc_user('${option}', ${cntStLocal})"
              class="upc-item cursor-pointer px-2 py-1"
              data-value="${option}">${option}</li>`
       );
     });
  
     if (filteredOptions.length > 0) {
       $list.show().removeClass('hidden');
     }

    }
})
   });
  
   // When user selects from the list
   $(document).on('click', `#upcList_${cntStLocal} .upc-item`, function () {
     const selectedUPC = $(this).data('value').toString();
     $input.val(selectedUPC).attr('data-selected', 'true');
     $list.hide();
  
     selectedUPCsMap[cntStLocal] = selectedUPC;
  
     console.log("Selected UPCs Map:", selectedUPCsMap);
   });


 }



                                                    $(window).on('load', function() {
                                                        actionval = 0;
                                                        AddmodelStore();
                                                    });
                                                    


                                                    function countgeter() {
                                                        const Zi = document.querySelectorAll('#addedcount');
                                                        document.getElementById('map_count').value = Zi.length;
                                                    }
                                                </script>




                                                {{-- <div class="cont2 space-y-4" style="padding: 25px;">
                                                    <svg xmlns="http://www.w3.org/2000/svg" width="24"
                                                        height="24" onclick="AddmodelStore()" fill="currentColor"
                                                        class="bi bi-plus-circle cursor-pointer" viewBox="0 0 16 16">
                                                        <path
                                                            d="M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14m0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16" />
                                                        <path
                                                            d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4" />
                                                    </svg>
                                                    <div class="space-y-4">
                                                         <p class="bg-gray-100 py-1.5 px-3 rounded-md flex items-center justify-between">
                                                            <span>Choose Store?<span style="color: red">*</span></span>
                                                        </p>

                                                        <!-- ********************* Start Store list ****************** -->

                                                        <ul class="grid grid-cols-4 gap-1"></ul>
                                                        <script>
                                                            var Storelist = ['Youtube', 'JioSaavn', 'Pandora', 'Resso', 'Spotify', 'iTunes', 'Deezer', 'Anghami', 'Tidal',
                                                                'Nuuday', 'Napster', 'Claro-musica', 'Kanjian', 'Melon', 'iHeart Radio', 'Netease', 'Bugs!',
                                                                'Tencent Music', 'Vibe/ Naver', 'Amazon', 'AWA', 'Qobuz', 'Zing MP3', 'KKBOX', 'FLO', 'Hungama', 'Boomplay',
                                                                'TikTok'
                                                            ];
                                                            // var Storelist = ['JioSaavn'];
                                                            document.querySelector('ul.grid').innerHTML = "";
                                                            Storelist.forEach((element, i) => {
                                                                const container = document.createElement('li');
                                                                container.key = i;
                                                                if (element == "Claro-musica") {
                                                                    container.innerHTML = `
                                                                <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Claro">
                                                                    <span>${element}</span>
                                                                `;
                                                                } else if (element == "iHeart Radio") {
                                                                    container.innerHTML = `
                                                                <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="iHeart">
                                                                    <span>${element}</span>
                                                                `;
                                                                } else if (element == "Bugs!") {
                                                                    container.innerHTML = `
                                                                <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Bugs">
                                                                    <span>${element}</span>
                                                                `;
                                                                } else if (element == "Tencent Music") {
                                                                    container.innerHTML = `
                                                                <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Tencent">
                                                                    <span>${element}</span>
                                                                `;
                                                                } else if (element == "Vibe/ Naver") {
                                                                    container.innerHTML = `
                                                                <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Vibe">
                                                                    <span>${element}</span>
                                                                `;
                                                                } else if (element == "Zing MP3") {
                                                                    container.innerHTML = `
                                                                <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="Zing">
                                                                    <span>${element}</span>
                                                                `;
                                                                } else {
                                                                    container.innerHTML = `
                                                                    <input type="checkbox" placeholder="Your Answer"
                                                                        class="border-none border-b border-[#c7bebe] p-[10px]"
                                                                        name="store[]" id="${element}">
                                                                    <span>${element}</span>
                                                                `;
                                                                }
                                                                document.querySelector('ul.grid').appendChild(container);
                                                            });
                                                        </script> --}}
                                                <!-- ********************* End Store list ****************** -->

                                                {{-- <div id="username-error"></div>

                                                        <div id="Youtube1" class="space-y-4" style="display:none;"></div>
                                                        <script>
                                                            function Youtube1() {
                                                                if (document.getElementById('Youtube1').style.display == 'none') {
                                                                    document.getElementById('Youtube1').innerHTML = "";
                                                                } else {
                                                                    document.getElementById('Youtube1').innerHTML = `
                                                                <h4>Youtube</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Primary:<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="youtubes" class=""
                                                                        placeholder=" Your Answer"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Secondary:<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="youtubes1" class=""
                                                                        placeholder=" Your Answer"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe;"
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                <p style="width: 25%;">City:<span
                                                                                style="color: red">*</span></p> <input type="text"
                                                                    name="youtubes2" class=""
                                                                    placeholder=" Your Answer"
                                                                    style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                    value="" required>
                                                                </span>

                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">State:<span
                                                                                style="color: red">*</span></p> <input type="text"
                                                                        name="youtubes3" class=""
                                                                        placeholder=" Your Answer"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Country:<span
                                                                                style="color: red">*</span></p> <input type="text"
                                                                        name="youtubes4" class=""
                                                                        placeholder=" Your Answer"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Website link(s):</p> <input
                                                                        type="text" name="youtubes5" class=""
                                                                        placeholder=" Your Answer"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" >
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="youtubes6"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="youtubes7" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            };
                                                        </script>

                                                        <div id="Pandora1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Pandora1() {
                                                                if (document.getElementById('Pandora1').style.display == 'none') {
                                                                    document.getElementById('Pandora1').innerHTML = "";
                                                                } else {
                                                                    document.getElementById('Pandora1').innerHTML = `
                                                                    <h4>Pandora</h4>

                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Primary:<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="pandoras" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>

                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Secondary:<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="pandoras1" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">City: <span
                                                                                style="color: red">*</span></p><input
                                                                            type="text" name="pandoras2" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">State:<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="pandoras3" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>

                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Country:<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="pandoras4" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>

                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Website link(s):</p> <input
                                                                            type="text" name="pandoras5" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" >
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):</p> <input type="text" name="pandoras6"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):</p> <input
                                                                            type="text" name="pandoras7" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            };
                                                        </script>

                                                        <div id="JioSaavn1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function JioSaavn1() {
                                                                var x = document.getElementById("JioSaavn1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>JioSaavn</h4>
                                                                    <p>Artist profile picture (1500x1500 minimum)<span
                                                                            style="color: red">*</span></p> <input type="file"
                                                                        id="fileInput1" name="jios" onchange="ppt_fileInput1(this)">
                                                                    <span style="display:none;color:red;" id="alert"></span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="jios1"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="jios2" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>

                                                        <div id="Resso1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Resso1() {
                                                                var x = document.getElementById("Resso1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>Resso</h4>
                                                                <p style="color:red">Resso now defunct for content mapping requests, would it tell them no?</p>
                                                                `;
                                                                }
                                                            }
                                                        </script>

                                                        <div id="Spotify1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Spotify1() {
                                                                var x = document.getElementById("Spotify1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Spotify</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Spotify2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="Spotify3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            };
                                                        </script>
                                                        <div id="iTunes1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function iTunes1() {
                                                                var x = document.getElementById("iTunes1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>iTunes</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="iTunes2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="iTunes3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Deezer1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Deezer1() {
                                                                var x = document.getElementById("Deezer1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Deezer</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Deezer2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="Deezer3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Anghami1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Anghami1() {
                                                                var x = document.getElementById("Anghami1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Anghami</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Anghami2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="Anghami3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Tidal1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Tidal1() {
                                                                var x = document.getElementById("Tidal1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Tidal</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Tidal2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="Tidal3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Nuuday1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Nuuday1() {
                                                                var x = document.getElementById("Nuuday1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Nuuday</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Nuuday2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="Nuuday3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Napster1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Napster1() {
                                                                var x = document.getElementById("Napster1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Napster</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Napster2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="Napster3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Claro1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Claro1() {
                                                                var x = document.getElementById("Claro1");
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Claro-musica</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Claro2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="Claro3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Kanjian1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Kanjian1() {
                                                                var x = document.getElementById('Kanjian1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Kanjian</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Kanjian2"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="Kanjian3" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Melon1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Melon_1() {
                                                                var x = document.getElementById('Melon1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>Melon</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):</p> <input type="text" name="Melon2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):</p> <input
                                                                        type="text" name="Melon3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="iHeart1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function iHeart1() {
                                                                var x = document.getElementById('iHeart1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>iHeart Radio</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="iHeart2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="iHeart3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Netease1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Netease1() {
                                                                var x = document.getElementById('Netease1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>Netease</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Netease2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="Netease3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Bugs1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Bugs1() {
                                                                var x = document.getElementById('Bugs1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>Bugs</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Bugs2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="Bugs3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Tencent1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Tencent1() {
                                                                var x = document.getElementById('Tencent1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>Tencent Music</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Tencent2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="Tencent3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Vibe1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Vibe1() {
                                                                var x = document.getElementById('Vibe1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>Vibe/ Naver</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Vibe2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="Vibe3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Amazon1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Amazon1() {
                                                                var x = document.getElementById('Amazon1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                 <h4>Amazon</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Amazon2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="Amazon3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="AWA1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function AWA1() {
                                                                var x = document.getElementById('AWA1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>AWA</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="AWA2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="AWA3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Qobuz1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Qobuz1() {
                                                                var x = document.getElementById('Qobuz1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>Qobuz</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Qobuz2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="Qobuz3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="KKBOX1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function KKBOX1() {
                                                                var x = document.getElementById('KKBOX1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>KKBOX</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="KKBOX2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="KKBOX3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="FLO1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function FLO1() {
                                                                var x = document.getElementById('FLO1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>FLO</h4>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="FLO2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="FLO3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Zing1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Zing1() {
                                                                var x = document.getElementById('Zing1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                 <h4>Zing MP3 </h4>
                                                                <p>Artist photo<span style="color: red">*</span></p> <input
                                                                    type="file" id="fileInput2" name="zingss" required>
                                                                <span style="display:none;color:red;" id="alert"></span>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="zings2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="zings3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Hungama1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Hungama1() {
                                                                var x = document.getElementById('Hungama1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>Hungama</h4>
                                                                <p style="color:red">Unfortunately, Hungama is currently not
                                                                    able to resolve content mapping issues. We hope that this
                                                                    becomes something they are able to accommodate in the near
                                                                    future.Apologies for any inconvenience in the meantime.</p>
                                                                <span style="display: flex">
                                                                    <p style="width: 50%;">Link(s) to your existing artist
                                                                        page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="Hungama2"
                                                                        class="" placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                <span style="display: flex">
                                                                    <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                        type="text" name="Hungama3" class=""
                                                                        placeholder="Enter Url"
                                                                        style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                        value="" required>
                                                                </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="Boomplay1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function Boomplay1() {
                                                                var x = document.getElementById('Boomplay1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                    <h4>Boomplay</h4>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Artist name:<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="boomplays" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Artist Country:<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="boomplays1" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Artist gender: <span
                                                                                style="color: red">*</span></p>
                                                                        <select class="select_btn" name="boomplays2"
                                                                            id="upc"
                                                                            style="
                                                                                    margin-top: 8px;
                                                                                    height: 36px;
                                                                                    width:25% !important
                                                                                    ">
                                                                            <option value=""></option>
                                                                            <option value="Male">Male</option>
                                                                            <option value="Female">Female</option>
                                                                            <option value="Others">Others</option>
                                                                        </select>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Artist biography:<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="boomplays3" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="">
                                                                        <p>Artist photo<span style="color: red">*</span></p>
                                                                        <input type="file" id="fileInput3"
                                                                            name="boomplays4" class=""
                                                                            placeholder=" Your Answer"
                                                                            style="border: none;padding: 10px;" value="">
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 50%;">Link(s) to your existing artist
                                                                            page(s):<span
                                                                                style="color: red">*</span></p> <input type="text" name="boomplays5"
                                                                            class="" placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                    <span style="display: flex">
                                                                        <p style="width: 25%;">Release link(s):<span
                                                                                style="color: red">*</span></p> <input
                                                                            type="text" name="boomplays6" class=""
                                                                            placeholder="Enter Url"
                                                                            style="border: none; border-bottom: 1px solid #c7bebe; "
                                                                            value="" required>
                                                                    </span>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                        <div id="TikTok1" class="space-y-4" style="display:none;">
                                                        </div>
                                                        <script>
                                                            function TikTok1() {
                                                                var x = document.getElementById('TikTok1');
                                                                if (x.style.display == "none") {
                                                                    x.innerHTML = "";
                                                                } else {
                                                                    x.innerHTML = `
                                                                <h4>TikTok</h4>
                                                                <p style="color:red">TikTok now defunct for content mapping
                                                                    requests, would it tell them no?</p>
                                                                `;
                                                                }
                                                            }
                                                        </script>
                                                    </div>
                                                    <div id="multiStand" class="space-y-4"></div>
                                                </div> --}}


                                                <!--div class="cont2 " style="padding: 25px;">
                                                    <p>Store link(s) to the release(s) you would like moved
                                                        <span style="color: red">*</span>

                                                    </p>
                                                    <div id="input_fields_container">
                                                        <input type="text" name="links3[]"   class="url-input"
                                                            placeholder="Enter Url"
                                                            style="width: 75%;border: none;border-bottom: 1px solid #c7bebe;padding: 10px;"
                                                            value="">
                                                        <span>
                                                            <img src="./images/add_circle_outline.svg" onclick="addTextField()"
                                                                alt="add" class="add_img"
                                                                style="cursor: pointer;width: 40px;height: 25px;">
                                                        </span>
                                                    </div>
                                                    <div id="username-error"></div>
                                                </div-->

                                                <script>
                                                    // document.addEventListener('DOMContentLoaded', () => {
                                                    function ppt_fileInput1(e) {
                                                        const file = e.files[0];

                                                        if (file) {
                                                            const reader = new FileReader();
                                                            reader.onload = function(event) {
                                                                const fileContent = event.target.result;
                                                                const fileURL = URL.createObjectURL(file);
                                                                console.log('File content:', fileURL);
                                                                e.setAttribute('select-url', fileContent);
                                                                // document.getElementById('dvgwrwrbvwrvwrv').src=fileContent
                                                            }
                                                            reader.readAsDataURL(file);

                                                        }
                                                        const img = new Image();
                                                        img.onload = function() {
                                                            if (this.width === 1500 && this.height === 1500) {
                                                                // File meets size requirements

                                                                $("#alert").css('display', 'none');
                                                            } else {
                                                                $("#alert").css('display', 'block');
                                                                $("#alert").text("File size must be minimum 1500x1500");
                                                                //alert('File size must be 600x600.');
                                                                event.target.value = ''; // Clear the file input
                                                            }
                                                        };
                                                        const reader = new FileReader();
                                                        reader.onload = function(event) {
                                                            img.src = event.target.result;
                                                        };
                                                        reader.readAsDataURL(file);
                                                        // }
                                                    }
                                                    // });/
                                                </script>

                                                {{-- <script>
                                                    const youtubeCheckbox = document.getElementById('Youtube');
                                                    const youtubeContent = document.getElementById('Youtube1');

                                                    youtubeCheckbox.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            youtubeContent.style.display = 'block';
                                                            Youtube1();
                                                        } else {
                                                            youtubeContent.style.display = 'none';
                                                            Youtube1();
                                                        }
                                                    });

                                                    const Pandora = document.getElementById('Pandora');
                                                    const PandoraContent = document.getElementById('Pandora1');

                                                    Pandora.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            PandoraContent.style.display = 'block';
                                                            Pandora1();

                                                        } else {
                                                            PandoraContent.style.display = 'none';
                                                            Pandora1();


                                                        }
                                                    });

                                                    const Resso = document.getElementById('Resso');
                                                    const RessoContent = document.getElementById('Resso1');

                                                    Resso.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            RessoContent.style.display = 'block';
                                                            Resso1();
                                                        } else {
                                                            RessoContent.style.display = 'none';
                                                            Resso1();
                                                        }
                                                    });

                                                    const Spotify = document.getElementById('Spotify');
                                                    const SpotifyContent = document.getElementById('Spotify1');

                                                    Spotify.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            SpotifyContent.style.display = 'block';
                                                            Spotify1();
                                                        } else {
                                                            SpotifyContent.style.display = 'none';
                                                            Spotify1();
                                                        }
                                                    });
                                                    const iTunes = document.getElementById('iTunes');
                                                    const iTunesContent = document.getElementById('iTunes1');

                                                    iTunes.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            iTunesContent.style.display = 'block';
                                                            iTunes1();
                                                        } else {
                                                            iTunesContent.style.display = 'none';
                                                            iTunes1();
                                                        }
                                                    });
                                                    const Deezer = document.getElementById('Deezer');
                                                    const DeezerContent = document.getElementById('Deezer1');

                                                    Deezer.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            DeezerContent.style.display = 'block';
                                                            Deezer1();
                                                        } else {
                                                            DeezerContent.style.display = 'none';
                                                            Deezer1();
                                                        }
                                                    });
                                                    const Anghami = document.getElementById('Anghami');
                                                    const AnghamiContent = document.getElementById('Anghami1');

                                                    Anghami.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            AnghamiContent.style.display = 'block';
                                                            Anghami1();
                                                        } else {
                                                            AnghamiContent.style.display = 'none';
                                                            Anghami1();
                                                        }
                                                    });
                                                    const Tidal = document.getElementById('Tidal');
                                                    const TidalContent = document.getElementById('Tidal1');

                                                    Tidal.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            TidalContent.style.display = 'block';
                                                            Tidal1();
                                                        } else {
                                                            TidalContent.style.display = 'none';
                                                            Tidal1();
                                                        }
                                                    });

                                                    const Nuuday = document.getElementById('Nuuday');
                                                    const NuudayContent = document.getElementById('Nuuday1');

                                                    Nuuday.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            NuudayContent.style.display = 'block';
                                                            Nuuday1();
                                                        } else {
                                                            NuudayContent.style.display = 'none';
                                                            Nuuday1();
                                                        }
                                                    });

                                                    const Napster = document.getElementById('Napster');
                                                    const NapsterContent = document.getElementById('Napster1');

                                                    Napster.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            NapsterContent.style.display = 'block';
                                                            Napster1();
                                                        } else {
                                                            NapsterContent.style.display = 'none';
                                                            Napster1();
                                                        }
                                                    });

                                                    const Claro = document.getElementById('Claro');
                                                    const ClaroContent = document.getElementById('Claro1');

                                                    Claro.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            ClaroContent.style.display = 'block';
                                                            Claro1();
                                                        } else {
                                                            ClaroContent.style.display = 'none';
                                                            Claro1();
                                                        }
                                                    });

                                                    const Kanjian = document.getElementById('Kanjian');
                                                    const KanjianContent = document.getElementById('Kanjian1');

                                                    Kanjian.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            KanjianContent.style.display = 'block';
                                                            Kanjian1();
                                                        } else {
                                                            KanjianContent.style.display = 'none';
                                                            Kanjian1();
                                                        }
                                                    });

                                                    const Melon1 = document.getElementById('Melon');
                                                    const MelonContent = document.getElementById('Melon1');

                                                    Melon1.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            MelonContent.style.display = 'block';
                                                            Melon_1();
                                                        } else {
                                                            MelonContent.style.display = 'none';
                                                            Melon_1();
                                                        }
                                                    });

                                                    const iHeart = document.getElementById('iHeart');
                                                    const iHeartContent = document.getElementById('iHeart1');

                                                    iHeart.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            iHeartContent.style.display = 'block';
                                                            iHeart1();
                                                        } else {
                                                            iHeartContent.style.display = 'none';
                                                            iHeart1();
                                                        }
                                                    });

                                                    const Netease = document.getElementById('Netease');
                                                    const NeteaseContent = document.getElementById('Netease1');

                                                    Netease.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            NeteaseContent.style.display = 'block';
                                                            Netease1();
                                                        } else {
                                                            NeteaseContent.style.display = 'none';
                                                            Netease1();
                                                        }
                                                    });

                                                    const Bugs = document.getElementById('Bugs');
                                                    const BugsContent = document.getElementById('Bugs1');

                                                    Bugs.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            BugsContent.style.display = 'block';
                                                            Bugs1();
                                                        } else {
                                                            BugsContent.style.display = 'none';
                                                            Bugs1();
                                                        }
                                                    });

                                                    const Tencent = document.getElementById('Tencent');
                                                    const TencentContent = document.getElementById('Tencent1');

                                                    Tencent.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            TencentContent.style.display = 'block';
                                                            Tencent1();
                                                        } else {
                                                            TencentContent.style.display = 'none';
                                                            Tencent1();
                                                        }
                                                    });

                                                    const Vibe = document.getElementById('Vibe');
                                                    const VibeContent = document.getElementById('Vibe1');

                                                    Vibe.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            VibeContent.style.display = 'block';
                                                            Vibe1();
                                                        } else {
                                                            VibeContent.style.display = 'none';
                                                            Vibe1();
                                                        }
                                                    });

                                                    const Amazon = document.getElementById('Amazon');
                                                    const AmazonContent = document.getElementById('Amazon1');

                                                    Amazon.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            AmazonContent.style.display = 'block';
                                                            Amazon1();
                                                        } else {
                                                            AmazonContent.style.display = 'none';
                                                            Amazon1();
                                                        }
                                                    });

                                                    const AWA = document.getElementById('AWA');
                                                    const AWAContent = document.getElementById('AWA1');

                                                    AWA.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            AWAContent.style.display = 'block';
                                                            AWA1();
                                                        } else {
                                                            AWAContent.style.display = 'none';
                                                            AWA1();
                                                        }
                                                    });

                                                    const Qobuz = document.getElementById('Qobuz');
                                                    const QobuzContent = document.getElementById('Qobuz1');

                                                    Qobuz.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            QobuzContent.style.display = 'block';
                                                            Qobuz1();
                                                        } else {
                                                            QobuzContent.style.display = 'none';
                                                            Qobuz1();
                                                        }
                                                    });

                                                    const JioSaavn = document.getElementById('JioSaavn');
                                                    const JioSaavn1Content = document.getElementById('JioSaavn1');

                                                    JioSaavn.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            JioSaavn1Content.style.display = 'block';
                                                            JioSaavn1();
                                                        } else {
                                                            JioSaavn1Content.style.display = 'none';
                                                            JioSaavn1();
                                                        }
                                                    });


                                                    const Hungama = document.getElementById('Hungama');
                                                    const HungamaContent = document.getElementById('Hungama1');

                                                    Hungama.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            HungamaContent.style.display = 'block';
                                                            Hungama1();
                                                        } else {
                                                            HungamaContent.style.display = 'none';
                                                            Hungama1();
                                                        }
                                                    });

                                                    const Boomplay = document.getElementById('Boomplay');
                                                    const BoomplayContent = document.getElementById('Boomplay1');

                                                    Boomplay.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            BoomplayContent.style.display = 'block';
                                                            Boomplay1();
                                                        } else {
                                                            BoomplayContent.style.display = 'none';
                                                            Boomplay1();
                                                        }
                                                    });
                                                    const Zing = document.getElementById('Zing');
                                                    const ZingContent = document.getElementById('Zing1');

                                                    Zing.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            ZingContent.style.display = 'block';
                                                            relese.style.display = 'block';
                                                            Zing1();
                                                        } else {
                                                            ZingContent.style.display = 'none';
                                                            relese.style.display = 'block';
                                                            Zing1();
                                                        }
                                                    });

                                                    const KKBOX = document.getElementById('KKBOX');
                                                    const KKBOXContent = document.getElementById('KKBOX1');

                                                    KKBOX.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            KKBOXContent.style.display = 'block';
                                                            relese.style.display = 'block';
                                                            KKBOX1();
                                                        } else {
                                                            KKBOXContent.style.display = 'none';
                                                            relese.style.display = 'block';
                                                            KKBOX1();
                                                        }
                                                    });

                                                    const FLO = document.getElementById('FLO');
                                                    const FLOContent = document.getElementById('FLO1');

                                                    FLO.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            FLOContent.style.display = 'block';
                                                            relese.style.display = 'block';
                                                            FLO1();
                                                        } else {
                                                            FLOContent.style.display = 'none';
                                                            relese.style.display = 'block';
                                                            FLO1();
                                                        }
                                                    });

                                                    const TikTok = document.getElementById('TikTok');
                                                    const TikTokContent = document.getElementById('TikTok1');

                                                    TikTok.addEventListener('change', function() {
                                                        if (this.checked) {
                                                            TikTokContent.style.display = 'block';
                                                            relese.style.display = 'block';
                                                            TikTok1();
                                                        } else {
                                                            TikTokContent.style.display = 'none';
                                                            relese.style.display = 'block';
                                                            TikTok1();
                                                        }
                                                    });
                                                </script> --}}









                                                <div style="padding: 20px;">
                                                    <button class="btn hidden" id="form2nd_back" onclick="form2_back()">
                                                        Back </button>
                                                    <button class="success" id="submit1">Submit</button>
                                                    <a href="form3.html"
                                                    style="text-decoration: none;margin: auto 0;float: right;">Clear Form</a>
                                                </div>
                                            </div>










                                        </div> <!-- Form 2 End -->




                                        <div id="form3rd">
                                            <div class="cont1">
                                                <div class="pad">
                                                    <h1 class="text-2xl">Content Mapping Request</h1>

                                                </div>


                                            </div>

                                            <style>
                                                select {
                                                    width: 100%;
                                                    background: #fff;
                                                    border: 1px solid #959191;
                                                    padding: 5px;
                                                    border-radius: 5px;
                                                }
                                            </style>

                                            <div class="  " id="distributor">
                                                <div
                                                    style="padding: 20px; background-color: rgb(90, 57, 182); color: #fff">
                                                    Release on
                                                    my page which isn't mine</div>


                                                <div class="cont2 " style="padding: 25px;">
                                                    <p>Link(s) to your existing artist page(s)

                                                        <span style="color: red">*</span>

                                                    </p>
                                                    <div id="input_fields_container11">
                                                        <input type="text" name="link31[]" class="url-input"
                                                            placeholder="Enter Url"
                                                            style="width: 75%;border: none;border-bottom: 1px solid #c7bebe;padding: 10px;"
                                                            value="">
                                                        <span>
                                                            <img src="{{ asset('images/add_circle_outline.svg') }}"
                                                                onclick="addTextField11()" alt="add"
                                                                class="add_img"
                                                                style="cursor: pointer;width: 40px;height: 25px;">
                                                        </span>
                                                    </div>
                                                    <div id="username-error"></div>
                                                </div>

                                                <div class="cont2" id="relese" style="padding: 25px;">
                                                    <p>Release link(s)
                                                        <span style="color: red">*</span>

                                                    </p>
                                                    <div id="input_fields_container22">
                                                        <input type="text" name="links32[]" class="url-input"
                                                            placeholder="Enter Url"
                                                            style="width: 75%;border: none;border-bottom: 1px solid #c7bebe;padding: 10px;"
                                                            value="">
                                                        <span>
                                                            <img src="{{ asset('images/add_circle_outline.svg') }}"
                                                                onclick="addTextField22()" alt="add"
                                                                class="add_img"
                                                                style="cursor: pointer;width: 40px;height: 25px;">
                                                        </span>
                                                    </div>
                                                    <div id="username-error"></div>
                                                </div>
                                                <div class="cont2 " style="padding: 25px;">
                                                    <p>Store link(s) to the release(s) you would like moved
                                                        <span style="color: red">*</span>

                                                    </p>
                                                    <div id="input_fields_container33">
                                                        <input type="text" name="links33[]" class="url-input"
                                                            placeholder="Enter Url"
                                                            style="width: 75%;border: none;border-bottom: 1px solid #c7bebe;padding: 10px;"
                                                            value="">
                                                        <span>
                                                            <img src="{{ asset('images/add_circle_outline.svg') }}"
                                                                onclick="addTextField33()" alt="add"
                                                                class="add_img"
                                                                style="cursor: pointer;width: 40px;height: 25px;">
                                                        </span>
                                                    </div>
                                                    <div id="username-error"></div>
                                                </div>



                                                <div style="padding: 20px;">
                                                    <button class="btn" id="form3rd_back"
                                                        onclick="form3rd_back()"> Back </button>
                                                    <button class="success" id="submit1"> Request </button>
                                                </div>
                                            </div>


                                        </div>

                                </div>
                                </form>
                            </div>
    @endif

    <style>
        @keyframes blink {
            0% {
                outline: 2px solid red;
            }

            50% {
                outline: 2px solid rgba(228, 228, 228, 0);
            }

            100% {
                outline: 2px solid red;
            }
        }

        .blinking {
            animation: blink 1.5s infinite;
        }
    </style>
    <script>
        
        </script>

</html>
