'use strict';

jQuery(document).ready(function($){
    // Add new page
    $('.wrap.isetup-wrap .content-wrapper .add-isetup .open-new-index-popup').on('click', function(){
        $('.add-new-page').addClass('show');
    });
    $('.add-new-page .add-new-popup .close-popup').on('click', function(){
        $('.add-new-page').removeClass('show');
    });

    // Delete page
    $('.wrap.isetup-wrap .content-wrapper .isetup-pages-list ul.indexes-list li .column.delete a').on('click', function(){
        var hostname = window.location.href;
        var id = $(this).data('id');
        var title = $(this).data('title');
        $('.delete-page').addClass('show');
        $('.delete-page .popup-title').html('Delete page: <span>' + title + '</span>');
        // Actions links
        $('.delete-all').on('click', function(event){ // Delete globally
            event.preventDefault();
            window.location = hostname + '&drop=' + id;
        });
    });
    $('.delete-page .add-new-popup .close-popup').on('click', function(){
        $('.delete-page').removeClass('show');
    });

    // Repeater
    $('.formcontrol.clone a').on('click', function(event){
        event.preventDefault();

        var rowscount = document.querySelector('form.formrepeater').getAttribute('data-rows-count');
        var addrow = $(this).data('rise-rows');
        var totalrows = parseInt(rowscount) + parseInt(addrow);
        $('form.formrepeater').attr('data-rows-count', totalrows);

        $('.totalrows span').text(totalrows);

        if (totalrows >= 10) {
            $('.totalrows.footer').removeClass('hidden');
        }

        if (totalrows <= 9999) {
            var cloned = $(`
                <div class="row-container">
                    <div class="formcontrol data-inputs cloned" data-row-id="` + totalrows + `">
                        <input type="text" name="page_title[` + totalrows + `]" placeholder="Page Title">
                        <select name="page_status[` + totalrows + `]">
                            <option value="publish">Publish</option>
                            <option value="draft">Draft</option>
                        </select>
                        <label><input type="checkbox" name="add_to_menu[` + totalrows + `]" class="selection-to-menu" checked><strong>Add To Menu</strong></label>
                        <a href="#" class="button button-delete remove-current-row" data-row-id="` + totalrows + `">Remove</a>
                    </div>
                    <hr class="divider">
                </div>
            `).clone();
            $('.formcontrol.clone').before(cloned);
        }

        // Remove
        $('a.remove-current-row').on('click', function(event){
            event.preventDefault();
            $(this).parent().parent().remove();
            
            var rowscount = document.querySelector('form.formrepeater').getAttribute('data-rows-count');
            var totalrows = parseInt(rowscount) - 1;
            $('form.formrepeater').attr('data-rows-count', totalrows);

            $('.totalrows span').text(totalrows);

            if (totalrows < 10) {
                $('.totalrows.footer').addClass('hidden');
            }
        });
    });
});