@extends('layouts.master')
@section('page_title', $homepage ? 'Homepage' : 'Content Plan')
@section('content')
    {{ Form::open(['url' => action('WebsiteRequestController@submit_content_plan', compact('website_request', 'nobusiness')), 'id' => 'content-plan-form']) }}
    <div class="container">
        {{ Form::page_header($website_request->website_request_name, 'hours') }}
        {{ Form::hidden('post_arrange_url', action('ModuleController@post_content_plan_arrange', compact('website_request')), ['id' => 'post_arrange_url'] ) }}
        {{ Form::hidden('website_request', $website_request->website_request) }}
        <div class="row">
            <div class="grey-bg curve_container">
                <div class="row">
                    @include('website._website_sidebar', compact('website_request'))
                    <div class="col-md-9 col-xs-9 detail-right-side">
                        <div class="white-bg">
                            <p id="content-plan">{{ $homepage ? 'Homepage' : 'Content Plan' }}</p>
                            @include('website._content_cards', $content_plan)
                        </div>
                        <div class="bt-button-row text-right">
                            @if($homepage)
                                @if(isset($nobusiness) && $nobusiness)
                                    {{ Form::button_link(\Gate::allows('CSMCCT') ? 'Edit Content Plan' : 'View Content Plan', action('ModuleController@content_plan_nobusiness', compact('website_request'))) }}
                                @else
                                    {{ Form::button_link(\Gate::allows('CSMCCT') ? 'Edit Content Plan' : 'View Content Plan', action('ModuleController@content_plan', compact('website_request', 'business'))) }}
                                @endif
                            @else
                                @if(\App\Providers\AuthServiceProvider::user_has_permission(\App\Providers\AuthServiceProvider::CSMCCT))
                                    {{ Form::button_ex('Add Page', "add_card({$website_request->website_request})") }}
                                @endif
                                @if($website_request->status < \App\Models\Website_Request::WEBSITE_STATUS_PROGRESS)
                                    {{ Form::button_save('Request Feedback', 'submit_plan') }}
                                @endif
                                @if($website_request->content_status < \App\Models\Website_Request::CONTENT_STATUS_PROGRESS && $website_request->status >= \App\Models\Website_Request::WEBSITE_STATUS_PROGRESS
                                    && \App\Providers\AuthServiceProvider::user_has_permission(\App\Providers\AuthServiceProvider::CSMCCT))
                                    {{ Form::button_save('Complete Content Plan', 'complete_plan', 'complete-plan') }}
                                @endif
                            @endif
                        </div>
                        @if(!$homepage)
                            <div class="white-bg" id="style-guide">
                                <p id="content-plan">Style Guide</p>
                                @include('website._style_guide_view')
                            </div>
                            <div class="white-bg" id="parking-lot">
                                <p id="content-plan">Parking Lot</p>
                                @foreach($parking_lot as $module)
                                    <li class="parking-lot" id="content-plan-item-{{$module->module}}">
                                        @include('website._module_content_card_collapsed', compact('module'))
                                    </li>
                                @endforeach
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    {{ Form::close() }}

@endsection

@section('page_script')
    @include('shared_script._website_sidebar_script')
    @if(!$homepage && \Gate::allows('CSMCCT'))
        @include('shared_script._nested_sortable')
    @endif
    @include('shared_script._list_manager')
    <script>
        var feedback_list_manager = new list_manager('feedback', 'Feedback');
        feedback_list_manager.set_do_delete_function('do_delete_feedback');
        feedback_list_manager.set_after_delete_function('show_complete_button');
        feedback_list_manager.set_do_with_update_results_function('show_complete_button');
        feedback_list_manager.set_after_create_function('show_complete_button');
        feedback_list_manager.set_after_create_function('feedback_autoheight');
        feedback_list_manager.set_after_edit_function('feedback_autoheight');
        var feedback_selector = new secondary_level_selector('feedback', 'parent');

        if(!'{{ App\Helpers\Website_Request_Content_Plan_Complete_Helper::can_submit($website_request) }}') {
            $('input#complete-plan').hide();
        }

        function edit_style_guide(website_request) {
            $('div#style-guide-view').fadeOut(400, function() {
                $(this).remove();
            });
            $.ajax({
                type: "POST",
                url: '{{ action('WebsiteRequestController@edit_style_guide') }}',
                data: {website_request: website_request},
                success: function (result) {
                    $('div#style-guide').append(result.view).hide().fadeIn();
                }
            });
        }

        function cancel_edit_style_guide(website_request) {
            $('div#style-guide-edit').fadeOut(400, function() {
                $(this).remove();
            });
            $.ajax({
                type: "GET",
                url: '{{ action('WebsiteRequestController@cancel_edit_style_guide') }}',
                data: {website_request: website_request},
                success: function (result) {
                    $('div#style-guide').append(result.view).hide().fadeIn();
                }
            });
        }

        function save_style_guide(website_request) {
            var style_guide = $('form#style-guide-edit');
            $.ajax({
                type: "POST",
                url: '{{ action('WebsiteRequestController@save_style_guide') }}',
                data: style_guide.serialize(),
                success: function (result) {
                    $('div#style-guide-edit').fadeOut(400, function() {
                        $(this).remove();
                    });
                    $('div#style-guide').append(result.view).hide().fadeIn();
                },
                error: style_guide_error
            });
        }

        function show_complete_button() {
            $.ajax({
                type: "GET",
                url: '{{ action('ModuleFeedbackController@show_complete_button', compact('website_request')) }}',
                success: function (result) {
                    if(result.data.show_button){
                        $('input#complete-plan').show();
                    } else {
                        $('input#complete-plan').hide();
                    }
                }
            });
        }

        function add_card(website_request) {
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@add_card', compact('website_request', 'business')) }}',
                success: function (result) {
                    $('ol#plan-root').append(result.data.card).hide().fadeIn('fast');
                    $('div.linked-module-elements-container').hide();
                    $('input#linked_elements_checkbox').click(function(){
                        $('div.linked-module-elements-container').fadeToggle();
                    });
                    var module = result.data.module_id;
                    $('#delete-module-' + module).on('click', function(e){
                        e.preventDefault();
                        showYesNoModalAlert('Delete Module', 'Are you sure you want to delete this module?', "delete_module(" + module + ")");
                    });
                }
            });
        }

        function add_section(website_request, module, homepage) {
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@add_section', compact('website_request', 'business')) }}',
                data: {module: module, homepage: homepage},
                success: function (result) {
                    $('li#content-plan-item-'+result.data.parent_module).append(result.data.card).hide().fadeIn('fast');
                    $('div.linked-module-elements-container').hide();
                    $('input#linked_elements_checkbox').click(function(){
                        $('div.linked-module-elements-container').fadeToggle();
                    });
                    var module = result.data.module_id;
                    $('#delete-module-' + module).on('click', function(e){
                        e.preventDefault();
                        showYesNoModalAlert('Delete Module', 'Are you sure you want to delete this module?', "delete_module(" + module + ")");
                    });
                    // hide "move to content plan" checkbox and "delete" button
                    $('li#content-plan-item-'+result.data.parent_module+ ' div.row-btn label.bt-label').hide();
                }
            });
        }

        function collapse(module)
        {
            $('div#module-card-container-' + module).fadeOut('fast', function() {
                $(this).remove();
            });
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@collapse', compact('homepage')) }}',
                data: {module: module},
                success: function (result) {
                    $('li#content-plan-item-' + module).prepend(result.data.card).hide().fadeIn('fast');
                }
            });
        }

        var style_guide_error = function(xhr) {
            if(xhr.status === 422) // validation error
            {
                var errors = JSON.parse(xhr.responseText);
                errors = errors.errors;
                Object.keys(errors).forEach(function (k) {
                    var selector = k;
                    var element = document.getElementById(selector);
                    $(element).parent().append("<p class='validation-message'>" + errors[k] + "</p>");
                    $(element).css('border-color', '#cc0000');
                    $(element).on('input', function () {
                        $(this).css('border-color', '#797979');
                        $('.validation-message').remove();
                        $('#style-guide-save-btn').prop('disabled', false);
                    });
                });
            }
        };

        var content_plan_error = function(xhr) {
            if(xhr.status === 422) // validation error
            {
                var errors = JSON.parse(xhr.responseText);
                errors = errors.errors;
                Object.keys(errors).forEach(function (k) {
                   var selector_array = k.split('.');
                   var selector = selector_array[0] + '[' + selector_array[1] + '][' + selector_array[2] + ']';
                   console.log(selector_array[1]);
                   var element = document.getElementById(selector);
                   $(element).parent().append("<p class='validation-message'>" + errors[k] + "</p>");
                   $(element).css('border-color', '#cc0000');
                   $(element).on('input', function () {
                       $(this).css('border-color', 'black');
                       $('.validation-message').remove();
                       $('#save-btn-'+selector_array[1]).prop('disabled', false);
                   });
                });
            }
        };

        function uncollapse(module)
        {
            $('div#module-card-container-' + module).fadeOut(400, function() {
                $(this).remove();
            });
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@uncollapse', compact('homepage')) }}',
                data: {module: module},
                success: function (result) {
                    $('li#content-plan-item-' + module).prepend(result.data.card).hide().fadeIn();
                    if(!result.data.has_linked_elements) {
                        $('div#linked-elements-' + module).hide();
                    }
                    $('#delete-module-' +module).on('click', function(e){
                        e.preventDefault();
                        showYesNoModalAlert('Delete Module', 'Are you sure you want to delete this module?', "delete_module(" + module + ")");
                    });
                    autoheight_readonly_textareas();
                    $('input#move-to-content-plan-'+module).hide();
                    $('select#new-parent-'+module).change(function(){
                        $('input#move-to-content-plan-'+module).fadeIn();
                    });
                }
            });
        }

        function submit_module(module)
        {
            $('div#module-card-container-' + module).fadeOut(400, function() {
                $(this).remove();
            });
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@submit_module', compact('homepage')) }}',
                data: {module: module},
                success: function (result) {
                    $('li#content-plan-item-' + module).prepend(result.data.card).hide().fadeIn();
                    if(!result.data.has_linked_elements) {
                        $('div#linked-elements-' + module).hide();
                    }
                    autoheight_readonly_textareas();
                }
            });
        }

        function save_module_with_elements(module) {
            var module_elements = [];
            var new_module_elements = [];
            var card = $('form#module-' + module);
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@save_module_with_elements') }}',
                data: card.serialize(),
                success: function (result) {
                    $('div#module-card-container-' + module).fadeOut('fast', function() {
                        $(this).remove();
                    });
                    if(result.data.module.parking_lot == 0) {
                        $('li#content-plan-item-' + module).prepend(result.data.card).hide().fadeIn('fast');
                    } else {
                        $('li#content-plan-item-' + module).remove();
                        $('div#parking-lot').append(result.data.card).fadeIn('fast');
                    }
                    if(result.data.has_linked_elements == 0) {
                        $('div#linked-elements-' + module).hide();
                    }
                    show_complete_button();
                    if(result.data.update_website_status) {
                        $('p#website-sidebar-status:first').text('Website Request: Plan');
                    }
                    if(result.data.new_cards){
                        var cards = result.data.new_cards;
                        $.each(cards, function(id, card){
                            $('ol#plan-root').append(card).hide().fadeIn('fast');
                            $('input.parking-lot-notes').hide();
                            $('input#delete-module-'+id).hide();
                        });
                    }
                    if(result.data.new_section_cards){
                        var section_cards = result.data.new_section_cards;
                        $.each(section_cards, function (parent, card) {
                            $('li#content-plan-item-'+parent).append(card[1]).hide().fadeIn('fast');
                            $('input.parking-lot-notes').hide();
                            $('input#delete-module-'+card[0]).hide();
                        });
                    }
                    // show delete button and "move to parking lot" checkbox if the parent module has no children and isn't linked
                    if (result.data.show_delete) {
                        $('li#content-plan-item-'+result.data.show_delete+ ' div.row-btn label.bt-label').show();
                        $('li#content-plan-item-'+result.data.show_delete+ ' div.row-btn input.delete-module').show();
                    }
                    autoheight_readonly_textareas();
                },
                error: content_plan_error
            });
        }

        function add_dev_notes(module) {
            $('div#module-card-container-' + module).fadeOut('fast', function() {
                $(this).remove();
            });
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@add_dev_notes') }}',
                data: {module: module},
                success: function (result) {
                    $('li#content-plan-item-' + module).prepend(result.data.card).hide().fadeIn();
                    if(!result.data.has_linked_elements) {
                        $('div#linked-elements-' + module).hide();
                    }
                    $('#delete-module-' +module).on('click', function(e){
                        e.preventDefault();
                        showYesNoModalAlert('Delete Module', 'Are you sure you want to delete this module?', "delete_module(" + module + ")");
                    });
                    autoheight_readonly_textareas();
                },
                error: content_plan_error
            });
        }

        function save_dev_notes(module)
        {
            var card = $('form#module-' + module);
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@save_dev_notes') }}',
                data: card.serialize(),
                success: function (result) {
                    $('div#module-card-container-' + module).fadeOut(400, function() {
                        $(this).remove();
                    });
                    $('li#content-plan-item-' + module).prepend(result.data.card).hide().fadeIn();
                    if(!result.data.has_linked_elements) {
                        $('div#linked-elements-' + module).hide();
                    }
                    autoheight_readonly_textareas();
                }
            });
        }

        function update_non_content_module(module) {
            $('div#module-card-container-' + module).fadeOut('fast', function() {
                $(this).remove();
            });
            var card = $('form#module-' + module);
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@update_non_content_module', compact('homepage')) }}',
                data: card.serialize(),
                success: function (result) {
                    $('li#content-plan-item-' + module).prepend(result.data.card).hide().fadeIn('fast');
                }
            });
        }

        function edit_module(module) {
            $('div#module-card-container-' + module).fadeOut('fast', function() {
                $(this).remove();
            });
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@edit') }}',
                data: {module: module},
                success: function (result) {
                    $('li#content-plan-item-' + module).prepend(result.data.card).hide().fadeIn('fast');
                    if(!result.data.has_linked_elements){
                        $('div#linked-module-elements-' + module).hide();
                    }
                    $('li#content-plan-item-' + module + ' input#linked_elements_checkbox').click(function(){
                        $('div#linked-module-elements-' + module).fadeToggle();
                    });
                    $('li#content-plan-item-' + module + ' input.parking-lot-notes').hide();
                    $('input#parking_lot_checkbox').click(function(){
                        if ($(this).prop('checked')) {
                            $(this).parent().siblings('input.parking-lot-notes').fadeIn('fast');
                            $(this).parent().siblings('#add-section-btn').fadeOut('fast');
                        } else {
                            $(this).parent().siblings('input.parking-lot-notes').fadeOut('fast');
                            $(this).parent().siblings('#add-section-btn').fadeIn('fast');
                        }
                    });

                    $('input#article_include_cta_checkbox:not(:checked)').each(function() {
                        $(this).parents('div.module-element-wrapper:first')
                            .find('div.call-to-action-text-area')
                            .hide();
                    });

                    $('input#article_include_cta_checkbox').click(function(){
                        $(this).parents('div.module-element-wrapper:first')
                            .find('div.call-to-action-text-area')
                            .fadeToggle();
                    });

                    $('input#article_include_pull_quote_checkbox:not(:checked)').each(function() {
                        $(this).parents('div.module-element-wrapper:first')
                            .find('div.pull-quote-text-area')
                            .hide();
                    });

                    $('input#article_include_pull_quote_checkbox').click(function(){
                        $(this).parents('div.module-element-wrapper:first')
                            .find('div.pull-quote-text-area')
                            .fadeToggle();
                    });

                    $('#delete-module-' +module).on('click', function(e){
                        e.preventDefault();
                        showYesNoModalAlert('Delete Module', 'Are you sure you want to delete this module?', "delete_module(" + module + ")");
                    });
                    $('.module-element-remove').on('click', function(e){
                        var module_element = $(this).attr('data-id');
                        e.preventDefault();
                        showYesNoModalAlert('Delete Module Element', 'Are you sure you want to delete this module element?', "delete_module_element(" + module_element + ")");
                    });

                    $('.editor-copy-checkbox').each(function() {
                        if($(this).prop('checked')) {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', true);
                        }
                    });
                    $('.exact-copy-checkbox').each(function() {
                        if($(this).prop('checked')) {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', true);
                        }
                    });
                    $('.editor-copy-checkbox').click(function() {
                        if($(this).prop('checked')) {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', true);
                        } else {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', false);
                        }
                    });
                    $('.exact-copy-checkbox').click(function() {
                        if($(this).prop('checked')) {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', true);
                        } else {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', false);
                        }
                    });

                    if (result.data.hide_delete_and_parking_lot) {
                        $('li#content-plan-item-'+module+ ' div.row-btn label.bt-label').hide();
                        $('li#content-plan-item-'+module+ ' div.row-btn input.delete-module').hide();
                    }

                    // show delete and "move to parking lot" if you delete link or image module elements and the module has no children or other links
                    $('.remove-linked').click(function() {
                        remove = $(this).parents('.module-card').find('.linked-module-element').length;
                        $('button#modal_alert_save').click(function() {
                            if(remove < 2) {
                                $.ajax({
                                    type: "POST",
                                    url: '{{ action('ModuleController@show_delete_and_parking') }}',
                                    data: {module: module},
                                    success: function (result) {
                                        if (result.data.show_delete) {
                                            $('li#content-plan-item-'+result.data.show_delete+ ' div.row-btn label.bt-label').show();
                                            $('li#content-plan-item-'+result.data.show_delete+ ' div.row-btn input.delete-module').show();
                                        }
                                    }
                                });
                            }
                        });
                    });
                }
            });
        }

        function delete_module(module)
        {
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@delete') }}',
                data: {'module': module},
                success: function (result) {
                    $('#website_request_content').text(result.website_request_content_status);
                    $('li#content-plan-item-' + module).remove();
                    show_complete_button();
                    // show delete button and "move to parking lot" checkbox if the parent module has no children and isn't linked
                    if (result.show_delete) {
                        $('li#content-plan-item-'+result.show_delete+ ' div.row-btn label.bt-label').show();
                        $('li#content-plan-item-'+result.show_delete+ ' div.row-btn input.delete-module').show();
                    }
                }
            });
            $('#modal-alert').modal('hide');
        }

        var element_count = 0;
        function add_element(linked, module) {
            var old_count = element_count;
            var linked_data = linked ? 'linked' : 'unlinked';
            var content_plan_card = 'li#content-plan-item-' + module;
            var container_linked = linked ? 'div.linked-module-elements-container' : 'div.module-elements-container:first';
            var container_selector = content_plan_card + ' ' + container_linked;
            var element_type = $('li#content-plan-item-' + module + ' ' + container_linked + ' select').val();

            $.ajax({
                type: "POST",
                url: '{{ action('ModuleElementController@create') }}',
                data: {element_type: element_type, count: element_count++, linked: linked_data, module: module},
                success: function (result) {
                    $(container_selector).append(result.data.module_element);
                    $('div#new-module-element-' + old_count + ' div.call-to-action-text-area').hide();
                    $('input#article_include_cta_checkbox').click(function(){
                        $(this).parents('div.new-module-element-wrapper:first')
                            .find('div.call-to-action-text-area')
                            .fadeToggle();
                    });
                    $('div#new-module-element-' + old_count + ' div.pull-quote-text-area').hide();
                    $('input#article_include_pull_quote_checkbox').click(function(){
                        $(this).parents('div.new-module-element-wrapper:first')
                            .find('div.pull-quote-text-area')
                            .fadeToggle();
                    });
                    $('.new-module-element-remove').on('click', function(e){
                        var module_element = $(this).attr('data-id');
                        e.preventDefault();
                        showYesNoModalAlert('Delete Module Element', 'Are you sure you want to delete this module element?', "delete_new_element(" + module_element + ")");
                    });

                    $('.editor-copy-checkbox').click(function() {
                        if($(this).prop('checked')) {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', true);
                        } else {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', false);
                        }
                    });
                    $('.exact-copy-checkbox').click(function() {
                        if($(this).prop('checked')) {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', true);
                        } else {
                            $(this).parent().siblings('.bt-label').children().prop('disabled', false);
                        }
                    });

                    $('#image_link_select_'+old_count).hide();
                    $('.link-checkbox').click(function () {
                        if($(this).prop('checked')){
                            $(this).parent().parent().siblings('.image-link-select').show();
                        } else {
                            $(this).parent().parent().siblings('.image-link-select').hide();
                            $(this).parent().parent().siblings('.image-link-select').find($('.link_page_select')).prop('name', "");
                            $(this).parent().parent().siblings('.image-link-select').find($('.link_section_select')).prop('name', "");
                            $(this).parent().parent().siblings('.image-link-select').find($('.link_new_section_select')).prop('name', '');
                            $(this).parent().parent().siblings('.image-link-select').find($('.link_new_page_name input.bt-input')).prop('name', '');
                        }
                    });

                    // Radio buttons on link type elements
                    $('#link_section_select_'+old_count).parent().parent().hide();
                    $('#link_new_section_select_'+old_count).parent().parent().hide();
                    $('#link_new_page_name_'+old_count).hide();
                    $('.link_to_page_radio').click(function() {
                        var count = $(this).parent().parent().parent().parent().parent().data('id');
                        $(this).parent().parent().parent().parent().find($('.link_page_select')).prop('name', 'new_module_element['+count+'][linked_to]');
                        $(this).parent().parent().parent().parent().find($('.link_section_select')).prop('name', "");
                        $(this).parent().parent().parent().parent().find($('.link_new_section_select')).prop('name', '');
                        $(this).parent().parent().parent().parent().find($('.link_new_page_name input.bt-input')).prop('name', '');
                        $(this).parent().parent().parent().parent().find($('.link_page_select')).parent().parent().show();
                        $(this).parent().parent().parent().parent().find($('.link_section_select')).parent().parent().hide();
                        $(this).parent().parent().parent().parent().find($('.link_new_section_select')).parent().parent().hide();
                        $(this).parent().parent().parent().parent().find($('.link_new_page_name')).hide();
                    });
                    $('.link_to_section_radio').click(function() {
                        var count = $(this).parent().parent().parent().parent().parent().data('id');
                        $(this).parent().parent().parent().parent().find($('.link_section_select')).prop('name', 'new_module_element['+count+'][linked_to]');
                        $(this).parent().parent().parent().parent().find($('.link_page_select')).prop('name', "");
                        $(this).parent().parent().parent().parent().find($('.link_new_section_select')).prop('name', '');
                        $(this).parent().parent().parent().parent().find($('.link_new_page_name input.bt-input')).prop('name', '');
                        $(this).parent().parent().parent().parent().find($('.link_section_select')).parent().parent().show();
                        $(this).parent().parent().parent().parent().find($('.link_new_section_select')).parent().parent().hide();
                        $(this).parent().parent().parent().parent().find($('.link_page_select')).parent().parent().hide();
                        $(this).parent().parent().parent().parent().find($('.link_new_page_name')).hide();
                    });
                    $('.link_to_new_page_radio').click(function() {
                        var count = $(this).parent().parent().parent().parent().parent().data('id');
                        $(this).parent().parent().parent().parent().find($('.link_new_page_name input.bt-input')).prop('name', 'new_module_element['+count+'][new_page_name]');
                        $(this).parent().parent().parent().parent().find($('.link_new_section_select')).prop('name', '');
                        $(this).parent().parent().parent().parent().find($('.link_new_page_name')).show();
                        $(this).parent().parent().parent().parent().find($('.link_new_section_select')).parent().parent().hide();
                        $(this).parent().parent().parent().parent().find($('.link_page_select')).parent().parent().hide();
                        $(this).parent().parent().parent().parent().find($('.link_section_select')).parent().parent().hide();
                    });
                    $('.link_to_new_section_radio').click(function() {
                        var count = $(this).parent().parent().parent().parent().parent().data('id');
                        $(this).parent().parent().parent().parent().find($('.link_new_section_select')).prop('name', 'new_module_element['+count+'][new_section_parent]');
                        $(this).parent().parent().parent().parent().find($('.link_new_page_name input.bt-input')).prop('name', '');
                        $(this).parent().parent().parent().parent().find($('.link_new_section_select')).parent().parent().show();
                        $(this).parent().parent().parent().parent().find($('.link_page_select')).parent().parent().hide();
                        $(this).parent().parent().parent().parent().find($('.link_section_select')).parent().parent().hide();
                        $(this).parent().parent().parent().parent().find($('.link_new_page_name')).hide();
                    });
                    if (!result.data.sections_count) {
                        $('#link_to_section_radio_'+old_count).prop('disabled', 'disabled');
                    }
                    if (result.data.hide_delete_and_parking) {
                        $('#delete-module-'+result.data.hide_delete_and_parking).fadeOut();
                        $('#delete-module-'+result.data.hide_delete_and_parking).siblings('label.bt-label').fadeOut();
                        $('#delete-module-'+result.data.hide_delete_and_parking).siblings('input.parking-lot-notes').fadeOut();
                        $('#delete-module-'+result.data.hide_delete_and_parking).parent().find('input#parking_lot_checkbox').prop('checked', false);
                    }

                    // show delete and "move to parking lot" if you delete link or image module elements and the module has no children or other links
                    $('.remove-linked').click(function() {
                        remove = $(this).parents('.module-card').find('.linked-module-element').length;
                        $('button#modal_alert_save').click(function() {
                            if(remove < 2) {
                                $.ajax({
                                    type: "POST",
                                    url: '{{ action('ModuleController@show_delete_and_parking') }}',
                                    data: {module: module},
                                    success: function (result) {
                                        if (result.data.show_delete) {
                                            $('li#content-plan-item-'+result.data.show_delete+ ' div.row-btn label.bt-label').show();
                                            $('li#content-plan-item-'+result.data.show_delete+ ' div.row-btn input.delete-module').show();
                                        }
                                    }
                                });
                            }
                        });
                    });

                }
            });
        }

        function delete_new_element(new_element_count)
        {
            $('div#new-module-element-' + new_element_count).remove();
            $('#modal-alert').modal('hide');
            return true;
        }

        function delete_module_element(module_element)
        {
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleElementController@delete') }}',
                data: {'module_element': module_element},
                success: function (result) {
                    $('div#module-element-' + module_element).remove();
                }
            });
            $('#modal-alert').modal('hide');
        }

        function move_to_content_plan(module, section)
        {
            if (section) {
                var card = $('form#module-' + module);
                var data = card.serialize();
            } else {
                var data = {module: module};
            }

            $('div#parking-lot li#content-plan-item-' + module).fadeOut('fast', function() {
                $(this).remove();
            });
            $.ajax({
                type: "POST",
                url: '{{ action('ModuleController@move_to_content_plan') }}',
                data: data,
                success: function (result) {
                    window.location.reload();
                    $('input:first').parents('div').get(0).scrollIntoView();
                }
            });
        }
        
    </script>
@endsection
@section('page_style')
    <style>
        .mjs-nestedSortable-error {
            background: #fbe3e4;
            border-color: transparent;
        }

        #tree {
            width: 550px;
            margin: 0;
        }

        .content-planner-card {
            border: 1px solid #d4d4d4;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            border-color: #D4D4D4 #D4D4D4 #BCBCBC;
            margin-bottom: 20px;
            margin-left: 35px;
            padding: 20px;
            width: auto;
        }

        li.mjs-nestedSortable-collapsed.mjs-nestedSortable-hovering div {
            border-color: #999;
        }

        .sortable li.mjs-nestedSortable-collapsed > ol {
            display: none;
        }

        .sortable li.mjs-nestedSortable-branch > div > .disclose {
            display: inline-block;
        }

        .sortable span.ui-icon {
            display: inline-block;
            margin: 0;
            padding: 0;
        }

        .menuDiv {
            background: #EBEBEB;
        }

        .menuEdit {
            background: #FFF;
        }

        .itemTitle {
            vertical-align: middle;
            cursor: pointer;
        }

        .deleteMenu {
            float: right;
            cursor: pointer;
        }

        #content-plan {
            margin-bottom: 20px;
            padding-bottom: 0;
            font-size: 20px;
        }

        .white-bg {
            font-weight: 200;
        }

        #card-name {
            padding-bottom: 0;
            margin-bottom: 0;
            font-size: 20px;
        }

        #meta-title {
            font-size: 18px;
            padding-bottom: 0;
            margin: 15px 0 5px;
        }

        #meta-title-content {
            font-size: 14px;
            color: #979797;
            padding-bottom: 0;
        }

        #card-description {
            font-size: 14px;
            color: #979797;
            padding-bottom: 0;
        }

        #design-notes {
            font-size: 14px;
            color: #979797;
            padding-bottom: 0;
        }

        #dev-notes {
            font-size: 14px;
            color: #979797;
            padding-bottom: 0;
        }

        #add-copy {
            margin-top: 5px;
        }

        ol.sortable {
            list-style-type: none;
            padding-left: 0;
        }
        li.parking-lot, li {
            list-style-type: none;
            cursor: default;
        }

        ol.sortable ol {
            padding-left: 0;
            list-style-type: none;
            margin: 0 0 0 35px;
        }

        .add-element-interface {
            width: 30%;
            color: #979797;
            background-color: white;
            margin-right: 5px;
            font-size: 14px;
            height: 42px;
        }

        /* MODULE ELEMENTS label */
        label.bt-label.bt-label-small {
            margin-right: 50px;
        }
        /* LINKED ELEMENTS label */
        div.linked-module-elements-container label.bt-label.bt-label-small {
            margin-right: 60px;
        }

        .grey-bg .module-elements, .grey-bg .linked-elements {
            padding: 10px;
        }

        .link-type-radio, .image-link-checkbox, .call-to-action-checkbox, .is-editor-copy {
            margin-left: 165px;
        }

        .image-link-direction {
            width: 50%;
            border-radius: 3px;
        }

        .module-element-title {
            margin: 0 0 20px 0;
        }

        #wedge-glyph {
            cursor: pointer;
            padding: 10px 8px 10px 0;
        }

        .module-card {
            margin-left: 40px;
            word-wrap: break-word;
        }

        .module-element-remove {
            position: absolute;
            margin-left: -25px;
            margin-top: -45px;
        }

        .new-module-element-remove {
            position: absolute;
            margin-left: -25px;
            margin-top: -45px;
        }

        .module-elements-view {
            padding: 10px;
            background-color: #F0F8FA;
            border: 1px solid #BEE1F2;
            overflow: hidden;
        }

        #article-body-copy {
            font-size: 14px;
            font-weight: 100;
            color: #979797;
        }

        .module-elements-view-content {
            color: #979797;
            font-size: 14px !important;
        }

        .module-elements-view-content-textarea {
            color: #979797;
            font-size: 14px !important;
            padding-left: 4px;
            background-color: transparent;
            border: none;
            resize: none;
            margin-bottom: 0;
        }

        .row-textarea {
            padding-left: 0;
        }

        .social-media-asset-link {
            color: #979797;
            font-size: 14px;
        }

        .social-media-asset-link-edit {
            color: #979797;
            font-size: 14px;
            margin-left: 50px;
        }

        .social-media-asset-link-edit:hover, .social-media-asset-link:hover {
            color: #595959;
        }

        label.bt-label.bt-checkbox-label input#social-media-asset-link {
            color: #979797;
        }

        #parking-lot {
            margin-top: 20px;
        }

        #style-guide {
            margin-top: 20px;
        }

        .link-label {
            color: #979797;
            word-wrap: break-word;
        }
        .second-label {
            color: #979797;
            font-size: 14px !important;
            word-wrap: break-word;
            line-height: normal;
        }

        .row-btn-style-guide {
            margin-top: 20px;
        }

        .homepage-icon {
            margin-right: 10px;
        }

        .drag-and-drop-icon {
            position: absolute;
            margin-left: -55px;
            margin-top: 5px;
            cursor: move;
        }

        .parking-lot-notes {
            width: 25%;
            height: 35px;
            font-size: 14px;
            border: 1px solid;
        }

        .pull-right.bt-pull-right {
            margin-top: 20px;
        }

        #module-checkboxes {
            padding-left: 163px;
        }

        .article_body_add_copy_tinymce_view p{
            font-size: 14px;
        }

        .module-collapsed-btn-row{
            text-align: right;
        }

    </style>
@endsection