var rentalSearchListRs = false
jQuery(function($) {

    $("#MenuBtn").on("click", function() {
        $(this).toggleClass("active");
        $("#Menu").fadeToggle();
    });

    var Header_H
    $(window).on("load resize", function() {
        /* header */
        Header_H = $(".header_wrap").outerHeight();

        $('a[href^="#"]').on("click", function() {
            var speed = 500;
            var href = $(this).attr("href");
            var target = $(href == "#" || href == "" ? 'html' : href);
            if (target.length) {
                var position = target.offset().top;
            }

            $("body,html").stop().animate({ scrollTop: position }, speed, 'swing');
            return false;
        });
    });

    $("input[name=seo_pick]").on("click",function(){
        var typeTarget = $(this).data("type");
        if( typeTarget == "type_1" ){
            $("#seoTarget").stop().slideDown();
        }else{
            $("#seoTarget").stop().slideUp();
        }
    });
    $("input[name=reservation_type]").on("click",function(){
        var typeTarget = $(this).data("type");
        if( typeTarget != "type_1" ){
            $("#TypeTarget").stop().slideDown();
        }else{
            $("#TypeTarget").stop().slideUp();
        }
    });
    $('input[name="loading[delivery]"]').on("click",function(){
        var moveinTarget = $(this).data("movein");
        if( moveinTarget == "in_1" ){
            $("#MoveInTarget").stop().slideDown();
        }else{
            $("#MoveInTarget").stop().slideUp();
        }
    });
    $('input[name="unloading[delivery]"]').on("click",function(){
        var moveoutTarget = $(this).data("moveout");
        if( moveoutTarget == "out_1" || moveoutTarget == "out_3" ){
            $("#MoveOutTarget").stop().slideDown();
        }else{
            $("#MoveOutTarget").stop().slideUp();
        }
    });
    $('input[name="loading[delivery]"]').on("change", function() {
        // Loading is entered
        if ($(this).val() == 1) {
            // showing option (copy) of unloading
            $('.f_unloading_delivery_3').closest('li').show()
        } else {
            $('.f_unloading_delivery_3').closest('li').hide()
            // auto select: 搬出希望しない
            if ($('input[name="unloading[delivery]"]:checked').val() == 3) {
                $('input[name="unloading[delivery]"][value="2"]').prop('checked', true);
                $("#MoveOutTarget").stop().slideUp();
            }
        }
    });
    $('input[name*="loading"], select[name*="loading"]').on("change", function() {
        if ($('input[name="unloading[delivery]"]:checked').val() == 3) {
            // Copy loading, Paste on unloading
            copyDelivery()
        }
    });
    $('input[name="unloading[delivery]"]').on("change", function() {
        // unloading is copied
        if ($(this).val() == 3) {
            // Copy loading, Paste on unloading
            copyDelivery()
        } else if ($(this).val() == 1) {
            // removing "disabled" attribute
            $('input[name^="unloading"], select[name^="unloading"]').each(function() {
                // Get the current input's name attribute
                var currentName = $(this).attr('name');

                // Set the value and set disabled for the corresponding "unloading" input
                $('input[name="' + currentName + '"]').prop('readonly', false).removeClass('field_disabled')
                $('select[name="' + currentName + '"]').prop('readonly', false).removeClass('field_disabled')
            });
        }
    })

    /* check list */
    if ($("input[name=seo_pick]:checked").val() == 1) {
        $("#seoTarget").stop().slideDown();
    } else {
        $("#seoTarget").stop().slideUp();
    }
    if ($("input[name=reservation_type]:checked").val() == 1) {
        $("#TypeTarget").stop().slideUp();
    } else {
        $("#TypeTarget").stop().slideDown();
    }

    if ($('input[name="loading[delivery]"]:checked').val() == 1) {
        $("#MoveInTarget").stop().slideDown();
    } else {
        $("#MoveInTarget").stop().slideUp();
    }
    if ($('input[name="unloading[delivery]"]:checked').val() == 1 || $('input[name="unloading[delivery]"]:checked').val() == 3) {
        $("#MoveOutTarget").stop().slideDown();
        if ($('input[name="unloading[delivery]"]:checked').val() == 3) {
            // Copy loading, Paste on unloading
            copyDelivery()
        }
    } else {
        $("#MoveOutTarget").stop().slideUp();
    }
    if ($(".f_payment:checked").val() == 2) {
        $("#Payment").find(".PaymentNum").toggleClass("active");
    }
    $("input[name=payment]").on("change", function() {
        $("#Payment").find(".PaymentNum").toggleClass("active");
    });

    $(".Payment" + $(".f_payment_select option:selected").val()).show().siblings().hide();
    $("#PaymentSelect").on("change", function() {
        var TargetVal = $(this).val();
        if (TargetVal != '') {
            $("#PaymentSelect_all").show();
            $(".Payment" + TargetVal).show().siblings().hide();
        } else {
            $("#PaymentSelect_all").hide();
        }
    });

    if ($(".f_mailcheck:checked").val() == 2) {
        $(".MailCheck").toggle();
    }
    $("input[name=mailcheck]").on("change", function() {
        $(".MailCheck").toggle();
    });

    if ($(".f_how_you_know:checked").val() == 4) {
        $(".how_you_know_check").show();
    }
    $("input[name=how_you_know]").on("change", function() {
        if ($(".f_how_you_know:checked").val() == 4) {
            $(".how_you_know_check").show();
        } else {
            $(".how_you_know_check").hide();
        }
    });

    if ($(".f_project_name:checked").val() == 2) {
        $(".ProjectName").toggle();
    }
    $("input[name=project_name]").on("change", function() {
        $(".ProjectName").toggle();
    });

    if ($(".f_infocheck:checked").val() == 2) {
        $(".InfoCheck").toggle();
    }
    $("input[name=infocheck]").on("change", function() {
        $(".InfoCheck").toggle();
    });

    /* rental */
    $("#CatViewMoreBtn").on("click", function() {
        $(this).toggleClass("active").parent().prev().find(".CatViewMoreItem").toggleClass("no_active");
        // 	  $(this).toggleClass("active").parent().prev().toggleClass("no_active");
    });
    $(".AsideViewMoreBtn").on("click", function() {
        $(this).toggleClass("active").parent().prev().find(".MoreItem").toggleClass("no_active");
    });


    // $(window).on('load', function() {
    //     // Animate loader off screen
    //     $(".loading").fadeOut("slow");
    // });

    // $(".loading").fadeOut("slow");

    $("form").submit(function() {
        var self = this;
        $(":submit", self).prop("disabled", true);
        setTimeout(function() {
            $(":submit", self).prop("disabled", false);
        }, 2000);
    });

    // Adding SLICK/SLIDE
    $('.NewProductList').slick({
        speed: 800,
        dots: true,
        arrows: true,
        slidesToShow:3,
            prevArrow:'<button type="button" class="slick-prev"></button>',
            nextArrow:'<button type="button" class="slick-next"></button>',
            responsive: [
            {
                breakpoint: 641,
                settings: {
                    slidesToShow:1,
                    centerMode:true,
                    centerPadding:"50px",
                }
            }
            ]
    })

    // onload color, material and category
    var ColorTextArray = [];
    var MaterialTextArray = [];
    var CategoryTextArray = [];
    var CampaignTextArray = [];
    var ColorText = $(".ColorText span");
    var MaterialText = $(".MaterialText span");
    var CategoryText = $(".CategoryText span");
    var CampaignText = $(".CampaignText span");

    // color
    $(".AsideColor input[type=checkbox]:checked").each(function(){
        ColorTextArray.push($(this).data('name'));
    });
    ColorTextArray = Array.from(new Set(ColorTextArray))
    ColorText.text(ColorTextArray);

    // material
    $(".AsideMaterial input[type=checkbox]:checked").each(function(){
        MaterialTextArray.push($(this).data('name'));
    });
    MaterialTextArray = Array.from(new Set(MaterialTextArray))
    MaterialText.text(MaterialTextArray);

    // category
    $(".AsideCategory input[type=checkbox]:checked").each(function(){
        CategoryTextArray.push($(this).data('title'));
    });
    CategoryTextArray = Array.from(new Set(CategoryTextArray))
    CategoryText.text(CategoryTextArray);

    // campaign/recommendation
    $(".AsideCampaign input[type=checkbox]:checked").each(function(){
        CampaignTextArray.push($(this).data('title'));
    });
    CampaignTextArray = Array.from(new Set(CampaignTextArray))
    CampaignText.text(CampaignTextArray);

    // Selecting color, material and category
    pcFormClassName = 'search_rental_pc'
	$("."+pcFormClassName +" .AsideSelect").on("click",function(){
		$(this).next().stop().fadeToggle().end().parents(".AsideBlock").siblings().find(".AsideSub").fadeOut();
		$("."+pcFormClassName +" .AsideColor input[type=checkbox]").on("change",function(){
			ColorTextArray = [];
			$("."+pcFormClassName +" .AsideColor input[type=checkbox]:checked").each(function(){
				ColorTextArray.push($(this).data('name'));
			});
			ColorText.text(ColorTextArray);
		});
		$("."+pcFormClassName +" .AsideMaterial input[type=checkbox]").on("change",function(){
			MaterialTextArray = [];
			$("."+pcFormClassName +" .AsideMaterial input[type=checkbox]:checked").each(function(){
				MaterialTextArray.push($(this).data('name'));
			});
			MaterialText.text(MaterialTextArray);
		});
		$("."+pcFormClassName +" .AsideCategory input[type=checkbox]").on("change",function(){
			CategoryTextArray = [];
			$("."+pcFormClassName +" .AsideCategory input[type=checkbox]:checked").each(function(){
				CategoryTextArray.push($(this).data('title'));
			});
			CategoryText.text(CategoryTextArray);
		});
        $("."+pcFormClassName +" .AsideCampaign input[type=checkbox]").on("change",function(){
			CampaignTextArray = [];
			$("."+pcFormClassName +" .AsideCampaign input[type=checkbox]:checked").each(function(){
				CampaignTextArray.push($(this).data('title'));
			});
			CampaignText.text(CampaignTextArray);
		});
	});

    $("."+pcFormClassName +" .rental_aside_block_category_pc").on("click", function() {
        if (!$("."+pcFormClassName +" .rental_aside_block_category_pc li").length) {
            $("."+pcFormClassName +" .rental_aside_tab_item a").addClass('target-highlight')
            setTimeout(() => {
                $("."+pcFormClassName +" .rental_aside_tab_item a").removeClass('target-highlight')
            }, 5000)
        }
    })

    $(document).on('click', function(event) {
        // Check if the clicked element is not within the element with class "AsideSelect"
        if ($('.common_pc_search_form').length > 0 && !$(event.target).closest('.AsideSelect').length && !$(event.target).closest('.AsideSub').length) {
            $('.common_pc_search_form').find('.AsideSelect').next().stop().end().parents(".AsideBlock").siblings().find(".AsideSub").fadeOut();
        }
    });

    $(".SpSearchBtn").on("click",function(){
		$(".SpSearchMenu").stop().fadeToggle();
	});
	$(".SpSubmitBtn").on("click",function(){
		$(".SpSearchMenu").fadeOut();
	});

    $('#filling_form input').keypress(function (e) {
        if (e.which == 13) {
            event.preventDefault();
            return false;    //<---- Add this line
        }
    });

    $(document).on('click', '#CreativeMoreBtn', function(){
        $(this).toggleClass("active").parent().prev().find(".CreativeCatTag").toggleClass("no_active");
    });
});

function checkKatakana(text) {
    var regex = /[\u30A0-\u30FF]|[\uFF00-\uFFEF]/g;
    if (regex.test(text)) {
        return true;
    }
    return false;
}

function gettingHash() {
    let rs = [];
    var parts = window.location.hash.split('#');
    if (parts[1] !== undefined) {
        try {
            params_arr = parts[1];
            params_arr = params_arr.split('&');

            for (let i = 0; i < params_arr.length; i++) {
                let pair = params_arr[i].split('=');
                if (pair[0] !== undefined && pair[1] !== undefined) {
                    if (pair[0] == 'tab') {
                        rs['tab'] = pair[1];
                    } else if (pair[0] == 'page') {
                        rs['page'] = pair[1];
                    }
                }
            }
        } catch (error) {

        }
    }
    return rs;
}

function parseParams(params) {
    let rs = [];
    if (typeof params !== 'undefined') {
        var parts = params.split('?');
        if (parts[1] !== undefined) {
            try {
                params_arr = parts[1];
                params_arr = params_arr.split('&');

                for (let i = 0; i < params_arr.length; i++) {
                    let pair = params_arr[i].split('=');
                    if (pair[0] !== undefined && pair[1] !== undefined) {
                        rs[pair[0]] = pair[1];
                    }
                }
            } catch (error) {

            }
        }
    }

    return rs;
}

function changeUrlWithoutReloadForPagination(data) {
    //change tab
    url = window.location.origin + window.location.pathname;
    hashObject = {};
    if (data !== undefined && Object.keys(data).length > 0) {
        for (const [key, value] of Object.entries(data)) {
            if(value!=0 && value!='') {
                data[key] = value;
                hashObject = Object.assign(hashObject, data);
            }
        }
    }

    if (Object.keys(hashObject).length == 1 && hashObject['page'] !== undefined && hashObject['page'] == 1) {

    } else {
        url += generateURL(hashObject)
    }

    window.history.pushState({}, '', decodeURIComponent(url));
}

function generateURL(params) {
    const cleanedParams = Object.entries(params)
      .filter(([key, value]) => value)
      .reduce((obj, [key, value]) => {
        obj[key] = value;
        return obj;
      }, {});

    const searchParams = decodeURIComponent($.param(cleanedParams));
    return `?${searchParams}`;
}

function changeUrl(option, url = '', reload = false) {
    // for case: home page of rental ( /rental )
    url += generateURL(option)

    window.history.pushState({}, '', decodeURIComponent(url));
    if (reload) reloadPage ()
}

function getPaginationListByAJax(url, method, data, selector, listSelector, paginationClass, isChangeUrl = true, callBack = '') {
    rentalSearchListRs = false
    var requestedData = data;

    var sendData = new Array();
    if (Object.keys(data).length > 0) {
        Object.keys(data).forEach(key => {
            if (Array.isArray(data[key]) == false) {
                sendData[key] = decodeURIComponent(data[key]);
            } else {
                sendData[key] = data[key];
            }
        });
        data = Object.assign({}, sendData);
    }

    var count = 0;
    var resultFromJson = '';
    //getting studio space basing on category
    $.ajax({
        type: method,
        url,
        data,
        beforeSend: function() {
            if ($(selector).find(listSelector).find('searching_show_message').length == 0) {
                $(selector).find(listSelector).prepend('<span class="searching_show_message"></span>');
            }
            $(selector).find(listSelector).find('searching_show_message').html('読み込み中..');
        },
        success: function(rs) {
            resultFromJson = rs;
            if (rs.status) {
                pagination = rs.data['pagination'];
                if (rs.data !== undefined && rs.data['items'] !== undefined) {
                    count = rs.data['items'].length;
                    if (count > 0) {
                        data = rs.data['items'];
                        // reset list into empty
                        $(selector).find(listSelector).find('searching_show_message').html('');
                        $(selector).find(listSelector).html('');
                        for (i = 0; i < count; i++) {
                            $(selector).find(listSelector).append(data[i]);
                        }
                        //pagination
                        $(selector).find(paginationClass).html(pagination);
                    } else {
                        $(selector).find(listSelector).html('');
                        //pagination
                        $(selector).find(paginationClass).html('');
                    }
                } else {
                    $(selector).find(listSelector).html('');
                    //pagination
                    $(selector).find(paginationClass).html('');
                }
            }
        },
        error: function(xhr) { // if error occured
            alert("Error occured.please try again");
            // $(selector).find(listSelector).html(xhr.statusText + xhr.responseText);
            $(selector).find(listSelector).html('');
        },
        complete: function() {
            rentalSearchListRs = true
            if (isChangeUrl) {
                changeUrlWithoutReloadForPagination(requestedData);
            }

            //SEND CALLBACK
            if (callBack) {
                callBack(resultFromJson);
            }
        },
        dataType: 'json'
    });

    // return request;
}

function reloadPage () {
    //scroll
    $([document.documentElement, document.body]).animate({
        scrollTop: $("body").offset().top
    }, 250);
    window.location.reload();
}

function addToCartByIds(id, callUrl, quantity) {

    if (id && callUrl) {
        //getting studio space basing on category
        var request = $.ajax({
            url: callUrl,
            method: 'PUT',
            data: { id, quantity, '_token': $('meta[name="csrf-token"]').attr('content') },
            dataType: 'json',
        });

        request.done(function(rs) {
            // alertify.set('notifier', 'position', 'top-right');
            // alertify.success('カートに追加しました。');
            $('.rental_fixed_btn').addClass('AddItemAnimate')
            setTimeout(() => {
                $('.rental_fixed_btn').removeClass('AddItemAnimate')
            }, 1000)
            $('.cart_rental_total').find('span').find('small').html(rs.cart_rental_total)
            $('.cart_studio_event_total').find('span').find('small').html(rs.cart_studio_event_total)
            $('.add_to_cart').addClass('disabled')
        });
    }
}

function addToCart(that, quantity) {
    id = $(that).data('id');
    callUrl = $(that).data('url');

    if (id && callUrl) {
        //getting studio space basing on category
        var request = $.ajax({
            url: callUrl,
            method: 'PUT',
            data: { id, quantity, '_token': $('meta[name="csrf-token"]').attr('content') },
            dataType: 'json',
        });

        $(that).addClass('disabled')

        request.done(function(rs) {
            // alertify.set('notifier', 'position', 'top-right');
            // alertify.success('カートに追加しました。');
            if (rs.animation == true) {
                $('.rental_fixed_btn').addClass('AddItemAnimate')
                setTimeout(() => {
                    $('.rental_fixed_btn').removeClass('AddItemAnimate')
                }, 1000)
                $('.cart_rental_total').find('span').find('small').html(rs.cart_rental_total)
                $('.cart_studio_event_total').find('span').find('small').html(rs.cart_studio_event_total)
                $(that).addClass('disabled')
            }
        });
    }
}

function editCart(that, quantity = 1) {
    id = $(that).data('id');
    callUrl = $(that).data('url');

    if (id && callUrl) {
        //getting studio space basing on category
        var request = $.ajax({
            url: callUrl,
            method: 'POST',
            data: { id, quantity, '_token': $('meta[name="csrf-token"]').attr('content') },
            dataType: 'json',
        });

        request.done(function(rs) {

        });
    }
}

function removeFromCart(that) {
    if (confirm('このアクションを実行してもよろしいですか？')) {
        id = $(that).data('id');
        callUrl = $(that).data('url');

        if (id && callUrl) {
            //getting studio space basing on category
            var request = $.ajax({
                url: callUrl,
                method: 'DELETE',
                data: { id, '_token': $('meta[name="csrf-token"]').attr('content') },
                dataType: 'json',
            });

            request.done(function(rs) {
                //remove li
                $(that).closest('li').remove();
                calculatingRentalItems();
                alertify.set('notifier', 'position', 'top-right');
                alertify.error('カートからアイテムを削除しました');
                setCheckoutSubmit()
            });
        }
    }
}

function calculatingRentalItems() {
    var liList = document.querySelectorAll(".rental-check_item");
    var total_all_price = 0;
    liList.forEach(function(that) {
        id = $(that).data('id');
        quantity = $(that).attr('data-quantity');
        price = $(that).data('price');
        start_date = moment($('.rental-check_range').find('.start_date').val(), 'YYYY/MM/DD');
        end_date = moment($('.rental-check_range').find('.end_date').val(), 'YYYY/MM/DD');
        total_day = 0;

        // Function to check if a date is a Sunday
        function isSunday(date) {
            return date.day() === 0; // 0 represents Sunday
        }

        // Function to check if a date is a holiday
        function isHoliday(date) {
            return holidays.includes(date.format('YYYY-MM-DD'));
        }

        // Calculate the total number of days, excluding Sundays and holidays
        if (start_date.isValid() && end_date.isValid()) {
            while (start_date.isSameOrBefore(end_date)) {
                if (!isSunday(start_date) && !isHoliday(start_date)) {
                    total_day++;
                }
                start_date.add(1, 'days'); // Move to the next day
            }
        }

        $(that).find('.total_day').html(total_day);
        $(that).find('.total_day_input').val(total_day);

        // Calculate the total price of 1 rental item
        calculatedPrice = calculateRentalFee(total_day, price, quantity);
        if ($(that).find('.total_item_price').length > 0) {
            $(that).find('.total_item_price').html(formatCurrency(calculatedPrice));
        }

        $(that).attr('data-total_price', calculatedPrice);

        total_all_price += calculatedPrice;
    });

    $(liList).closest('ul').attr('data-total_all_price', total_all_price);
    if ($('.total_all_price').length > 0) {
        $('.total_all_price').html(formatCurrency(total_all_price));
    }
}


function calculateRentalFee(numDays, price, quantity) {
    if (numDays <= 0 || price <= 0 || quantity <= 0) {
      return 0;
    } else if (numDays <= 6) {
      return price * (numDays * 0.2 + 0.8) * quantity;
    } else {
      return price * ((numDays - 6) * 0.1 + 2) * quantity;
    }
}

function formatCurrency(number) {
    format = new Intl.NumberFormat('ja-JP', { style: 'currency', currency: 'JPY' }).format(number);
    return format.toLocaleString('fullwide', { useGrouping: false });
}

function formatPhoneNumber(phoneNumberString) {
    var cleaned = ('' + phoneNumberString).replace(/\D/g, '');
    var match = cleaned.match(/^(\d{2})(\d{4})(\d{4})$/);
    if (match) {
        return match[1] + '-' + match[2] + '-' + match[3];
    }
    return null;
}

/**
 *
 * @param {*} ele
 * @param {*} options
 * @param {*} comparedClass
 * @param {*} isMinMax : 1=> compare with end, 2=> compare with start
 */
function createCalendar (ele, options = {}, comparedClass, isMinMax) {
    var config = {
        lang: 'jp',
        buttons: true,
        format: 'YYYY/MM/DD',
        apply: (date, context) => {
        }
    }

    if (Object.keys(options).length > 0) {
        config = Object.assign(config, options)
    }

    try {
        // Creating calendar by pignose
        $(ele).pignoseCalendar(config);
    } catch (error) {
    }
}

function setCheckoutSubmit() {
    // Select the <ul> element by its id and count the <li> elements within it
    var numberOfItems = $("#rental_check_list li").length;
    if (numberOfItems) {
        $('button[type=submit]').prop('disabled', false)
        $('button[type=submit]').css('background-color', '')
    } else {
        $('button[type=submit]').prop('disabled', true)
        $('button[type=submit]').css('background-color', 'darkgrey')
    }
}


function copyDelivery() {
    // Select all input elements with names containing "loading"
    $('input[name^="loading"], select[name^="loading"]').each(function() {
        // Get the current input's name attribute
        var currentName = $(this).attr('name');
        // Skip elements with the name "loading[delivery]", loading[start_hour] loading[start_minute] loading[end_hour] loading[end_minute], unloading
        const exception = ['loading[delivery]', 'loading[start_hour]', 'loading[start_minute]', 'loading[end_hour]', 'loading[end_minute]', 'unloading']
        if (exception.includes(currentName)) {
            return true; // Skip to the next iteration
        }

        // Create a new name by replacing "loading" with "unloading"
        var newName = currentName.replace('loading', 'unloading');

        // Get the value of the current input
        var currentValue;

        // Check if it's a radio input
        if ($(this).is(':radio') || $(this).is(':checkbox')) {
            // For radio inputs, check if it is checked
            // let item = {value: $(this).val(), checked:  $(this).prop('checked')}
            // $('input[name="' + newName + '"] [value="' + $(this).val() + '"]').prop('checked', $(this).prop('checked'));
            // For radio buttons and checkboxes, set the "checked" property
            if ($(this).is(':radio') || $(this).is(':checkbox')) {
                $('input[name="' + newName + '"][value="' + $(this).val() + '"]').prop('checked', $(this).prop('checked'));
            } else {
                // For other input types, set the value
                $('input[name="' + newName + '"]').val($(this).val());
            }
        } else if ($(this).is('select')) {
            // For select elements, clone and append options
            currentValue = $(this).find('option:selected') ? $(this).find('option:selected').val() : undefined;
            if (currentValue !== undefined) {
                // Set the "selected" attribute for the corresponding option
                $('select[name="' + newName + '"] option[value="' + currentValue + '"]').prop('selected', true);
            }
        } else {
            // For other input types, get the value
            currentValue = $(this).val();
        }

        if (!$(this).is(':checkbox') && !$(this).is(':radio')) {
            // Set the value for the corresponding "unloading" input
            $('input[name="' + newName + '"]').val(currentValue)
        }
        // Set readonly for the corresponding "unloading" input
        $('input[name="' + newName + '"]').prop('readonly', true).addClass('field_disabled');
        $('select[name="' + newName + '"]').prop('readonly', true).addClass('field_disabled');;
    });
}