/*
 * Js for Image author widget
 *
 */

var blog_aarambha_rtam_file_frame;

jQuery(function($){
    ////////////////////////////////

    // Uploads

    jQuery(document).on('click', 'input.select-img', function( event ){

        var $this = $(this);

        event.preventDefault();

        var RTAMImage = wp.media.controller.Library.extend({
            defaults :  _.defaults({
                id:        'rtam-insert-image',
                title:      $this.data( 'uploader_title' ),
                allowLocalEdits: false,
                displaySettings: true,
                displayUserSettings: false,
                multiple : false,
                library: wp.media.query( { type: 'image' } )
            }, wp.media.controller.Library.prototype.defaults )
        });

        // Create the media frame.
        blog_aarambha_rtam_file_frame = wp.media.frames.blog_aarambha_rtam_file_frame = wp.media({
            button: {
                text: jQuery( this ).data( 'uploader_button_text' )
            },
            state : 'rtam-insert-image',
            states : [
                new RTAMImage()
            ],
            multiple: false  // Set to true to allow multiple files to be selected
        });

        // When an image is selected, run a callback.
        blog_aarambha_rtam_file_frame.on( 'select', function() {

            var state = blog_aarambha_rtam_file_frame.state('rtam-insert-image');
            var selection = state.get('selection');
            var display = state.display( selection.first() ).toJSON();
            var obj_attachment = selection.first().toJSON();
            display = wp.media.string.props( display, obj_attachment );

            var image_field = $this.siblings('.img');
            var imgurl = display.src;

            // Copy image URL
            image_field.val(imgurl);
            image_field.trigger('change');
            // Show in preview
            var image_preview_wrap = $this.siblings('.raw-preview-wrap');
            image_preview_wrap.show();
            image_preview_wrap.find('img').attr('src',imgurl);

        });

        // Finally, open the modal
        blog_aarambha_rtam_file_frame.open();
    });

    ////////////////////////////////
});
(function ($) {
    "use strict";
    $(function(){
        $(document).on('click','#submit-category',function (e) {
            e.preventDefault();
            var nameLabel = $(this).data('name');
            var tBody = $(this).parents('.widget-content').find(".repeater-group");
            var td    = `<input class="widefat" id="widget-blog_aarambha_author-3-categories0" name="${nameLabel}[0]" type="text" value="" />`;
            if (tBody.find('input').length > 0){
                var count = tBody.find('input').length;
                td    = `<input class="widefat" id="widget-blog_aarambha_author-23categories${count}" name="${nameLabel}[${count}]" type="text" value="" />`;
            }
            tBody.append(td);
        })
    })
})(jQuery)