(function($){
    
    if(typeof acf === 'undefined')
        return;
    
    /*
     * Init
     */
    var flexible = acf.getFieldType('flexible_content');
    var model = flexible.prototype;
    
    /*
     * Actions
     */
    model.events['click [data-action="acfe-flexible-modal-edit"]'] = 'acfeModalEdit';
    model.acfeModalEdit = function(e, $el){
        
        var flexible = this;
        
        // Layout
        var $layout = $el.closest('.layout');
        
        // Modal data
        var $modal = $layout.find('> .acfe-modal');
        var $handle = $layout.find('> .acf-fc-layout-handle');
        
        var $layout_order = $handle.find('> .acf-fc-layout-order').outerHTML();
        var $layout_title = $handle.find('> .acfe-layout-title').text();
        
        // Open modal
        acfe.modal.open($modal, {
            title: $layout_order + ' ' + $layout_title,
            footer: 'Close',
            onClose: function(){
                
                flexible.closeLayout($layout);
                
            }
        });
        
    }
    
    /*
     * Spawn
     */
    acf.addAction('new_field/type=flexible_content', function(flexible){
        
        if(!flexible.has('acfeFlexibleModalEdition'))
            return;
        
        // Remove Collapse Action
        flexible.removeEvents({'click [data-name="collapse-layout"]': 'onClickCollapse'});
        
        // Remove placeholder Collapse Action
        flexible.removeEvents({'click .acfe-flexible-collapsed-placeholder': 'onClickCollapse'});
        
    });
    
    acf.addAction('hide', function($layout, type){
        
        if(type != 'collapse' || !$layout.is('.layout'))
            return;
        
        // Get Flexible
        var flexible = acf.getInstance($layout.closest('.acf-field-flexible-content'));
        
        if(!flexible.has('acfeFlexibleModalEdition'))
            return;
        
        // Wrap content
        $layout.find('> .acf-fields, > .acf-table').wrapAll('<div class="acfe-modal"><div class="acfe-modal-wrapper"><div class="acfe-modal-content"></div></div></div>');
        
        // Placeholder
        $layout.find('> .acfe-flexible-collapsed-placeholder').attr('data-action', 'acfe-flexible-modal-edit');
        
    });
    
    acf.addAction('acfe/flexible/layouts', function($layout, flexible){
        
        if(!flexible.has('acfeFlexibleModalEdition'))
            return;
        
        // var
        var $name = $layout.data('layout');
        var $controls = $layout.find('> .acf-fc-layout-controls');
        
        // Remove collapse button
        $controls.find('> a.-collapse').remove();
        
        // Force close
        flexible.closeLayout($layout);
        
        // Wrap content
        $layout.find('> .acf-fields, > .acf-table').wrapAll('<div class="acfe-modal"><div class="acfe-modal-wrapper"><div class="acfe-modal-content"></div></div></div>');
        
        // Placeholder
        $layout.find('> .acfe-flexible-collapsed-placeholder').attr('data-action', 'acfe-flexible-modal-edit');
        
    });
    
})(jQuery);