@extends('layouts.master')
@section('page_title',$website_request->website_request_name)
@section('content')
    <div class="container">
        {{ Form::page_header($website_request->website_request_name, "hours") }}
        @if ($add_copy)
            {{ Form::model($module, ['url' => action('ModuleController@post_module_add_copy',compact('module'))]) }}
        @else
            {{ Form::open(['url' => action('ModuleController@update_status',compact('module'))]) }}
        @endif
        <div class="row">
            <div class="grey-bg curve_container">
                <div class="row">
                    <div class="col-md-3 col-xs-3 detail-left-side" >
                        @include('website.module_element._website_editorial_request_detail_left_side', ["title"=> "Status","value"=>\App\Models\Module::$status_map[$module->module_status],"link" => false])
                        @include('website.module_element._website_editorial_request_detail_left_side', ["title"=> "UI","value"=> implode(', ', $module->ui),"link" => false])
                        @include('website.module_element._website_editorial_request_detail_left_side', ["title"=> "Diction","value" => $website_request->diction_label,"link" => false])
                        @include('website.module_element._website_editorial_request_detail_left_side', ["title"=> "Tone","value" => $website_request->tone_group_label,"link" => false])
                        @include('website.module_element._website_editorial_request_detail_left_side', ["title"=> "Industry","value" => $website_request->drivers,"link" => false])
                        @include('website.module_element._website_editorial_request_detail_left_side', ["title"=> "Existing Site","value" => $website_request->_business->website, $website_request->_business->website, \App\Helpers\FormComponentHelper::SIZE_SMALL,"link" => true])
                        <div class="row">{{ Form::label_title('Resource Information / Sites') }}</div>
                        <div class="row">
                                @if (sizeof($website_request->resource_sites_array) > 0)
                                    @foreach($website_request->resource_sites_array as $resource_site_url)
                                        <div class="row">{{ Form::label_link($resource_site_url,
                                                $resource_site_url, \App\Helpers\FormComponentHelper::SIZE_SMALL) }} </div>
                                    @endforeach
                                @else
                                    <div class="row">{{ Form::label_grey($website_request->resource_sites) }}</div>
                                @endif

                        </div>
                    </div>
                    <div class="col-md-9 col-xs-9 detail-right-side">
                        <div class="white-bg">
                            <div class="row">
                                <div class="row">{{ Form::label_title($module->name) }}</div>
                                @if($module->module_type === \App\Models\Module::TYPE_SECTION || $module->module_type === \App\Models\Module::TYPE_PAGE)
                                    <div class="row">
                                        {{ Form::label_grey($module->description) }}
                                    </div>
                                    <div class="row">
                                        {{ Form::label_grey('Design Notes:', \App\Helpers\FormComponentHelper::SIZE_SMALL) }}
                                        {{ Form::label_grey($module->design_notes) }}
                                    </div>
                                @endif
                                {{ Form::separator_row('grey-divider thin-divider') }}
                                @if($module->module_type === \App\Models\Module::TYPE_HOMEPAGE || $module->module_type === \App\Models\Module::TYPE_PAGE)
                                    @include("website._homepage_meta_data")
                                    {{ Form::separator_row('grey-divider thin-divider') }}
                                @elseif($module->module_type === \App\Models\Module::TYPE_SECTION || $module->module_type === \App\Models\Module::TYPE_PAGE)
                                    @if($add_copy)
                                        @if($elements->isNotEmpty())
                                            <div class="row">
                                                {{ Form::label_ex('MODULE ELEMENTS', \App\Helpers\FormComponentHelper::SIZE_SMALL) }}
                                            </div>
                                            <div class="row">
                                                <div class="module-elements-view bt-text-direction website_editorial_request_module_elements">
                                                    @foreach($elements as $module_element)
                                                        @include(\App\Models\Module_Element::$element_type_view_map[$module_element['element_type']], compact('module_element'))
                                                    @endforeach
                                                </div>
                                            </div>
                                        @endif
                                        @if($elements->isNotEmpty())
                                            <div class="row website_editorial_fields">
                                                @foreach($elements as $module_element)
                                                    @include('website.module_element._website_editorial_request_add_copy',compact('module_element','module'))
                                                @endforeach
                                            </div>
                                            {{ Form::separator_row('grey-divider thin-divider') }}
                                        @endif
                                        @if($linked_elements->isNotEmpty())
                                            <div class="row">
                                                {{ Form::label_ex('LINKED MODULE ELEMENTS', \App\Helpers\FormComponentHelper::SIZE_SMALL) }}
                                            </div>
                                            <div class="row">
                                                <div class="bt-text-direction">
                                                    @foreach ($linked_elements as $module_element)
                                                        <div class="row">
                                                            @include(\App\Models\Module_Element::$element_type_view_map[$module_element->element_type], compact('module_element'))
                                                        </div>
                                                    @endforeach
                                                </div>
                                                <div class="row website_editorial_fields">
                                                    @foreach ($linked_elements as $module_element_key => $module_element)
                                                        <div class="row">
                                                            @include('website.module_element._website_editorial_request_add_copy', compact('module_element','module'))
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        @endif
                                    @else
                                        @if($elements->isNotEmpty())
                                            <div class="row">
                                                {{ Form::label_ex('MODULE ELEMENTS', \App\Helpers\FormComponentHelper::SIZE_SMALL) }}
                                            </div>
                                            <div class="row">
                                                <div class="module-elements-view bt-text-direction website_editorial_request_module_elements">
                                                    @foreach($elements as $module_element)
                                                        @include(\App\Models\Module_Element::$element_type_view_map[$module_element['element_type']], compact('module_element'))
                                                    @endforeach
                                                </div>
                                                <div class="row website_editorial_request_module_elements_copy">
                                                    @foreach($elements as $module_element)
                                                        @include(\App\Models\Module_Element::$element_type_copy_map[$module_element['element_type']], compact('module_element'))
                                                    @endforeach
                                                </div>
                                            </div>
                                            {{ Form::separator_row('grey-divider thin-divider') }}
                                        @endif
                                        @if($linked_elements->isNotEmpty())
                                            <div class="row">
                                                {{ Form::label_ex('LINKED MODULE ELEMENTS', \App\Helpers\FormComponentHelper::SIZE_SMALL) }}
                                            </div>
                                            <div class="row">
                                                <div class="module-elements-view bt-text-direction website_editorial_request_module_elements">
                                                    @foreach($linked_elements as $module_element)
                                                        @include(\App\Models\Module_Element::$element_type_view_map[$module_element['element_type']], compact('module_element'))
                                                    @endforeach
                                                </div>
                                                <div class="row website_editorial_request_module_elements_copy">
                                                    @foreach($linked_elements as $module_element)
                                                        @include(\App\Models\Module_Element::$element_type_copy_map[$module_element['element_type']], compact('module_element'))
                                                    @endforeach
                                                </div>
                                            </div>
                                            {{ Form::separator_row('grey-divider thin-divider') }}
                                        @endif
                                    @endif
                                @endif
                                @if(!$add_copy)
                                    <div class="row">
                                        <div class="row" id="feedback_title">{{ Form::label_title('Feedback') }}</div>
                                        @if($feedbacks->isNotEmpty())
                                            @foreach($feedbacks as $key => $feedback)
                                                @include('website._feedback', ['feedback' => $feedback])
                                            @endforeach
                                        @endif
                                        <div class="row new-feedback-div" id="parent_{{$module->module}}_feedback_handle_"></div>
                                    </div>
                                @endif
                            </div>
                        </div>
                        <div class="row bt-button-row text-right">
                            @if (!$add_copy)
                                @if($module->can_feedback())
                                    {{ Form::button_ex("Feedback",
                                        "feedback_list_manager.add_one(
                                            '". action('ModuleFeedbackController@create', compact('module'))."',
                                            feedback_selector.calc_new_handle_id('".$module->module."') );", 'feedback-layout') }}
                                @endif
                                @if($module->can_add_copy() && (!(($module->module_type === \App\Models\Module::TYPE_HOMEPAGE || $module->module_type === \App\Models\Module::TYPE_PAGE) && (!$module->can_add_copy_homepage_metadata()))))
                                    {{ Form::button_link("ADD COPY", action('ModuleController@module_add_copy',compact('module'))) }}
                                @endif
                                @if ($module->can_review())
                                    {{ Form::button_save(\App\Models\Module::STATUS_REVIEW_LABEL, "action") }}
                                @endif
                                @if($module->can_assign_user())
                                    {{ Form::button_ex("Assign Writer/Editor", "open_assign_users('".$website_request->website_request."', '". action('ModuleController@assign_writer') ."','".$module->module."');") }}
                                @endif
                                @if($module->can_final_edit())
                                    {{ Form::button_save(\App\Models\Module::STATUS_FINAL_EDIT_LABEL, "action") }}
                                @endif
                                @if($module->can_correct_copy())
                                    {{ Form::button_link("CORRECT COPY", action('ModuleController@module_add_copy',compact('module'))) }}
                                @endif
                                @if($module->can_approve())
                                    {{ Form::button_save(\App\Models\Module::STATUS_APPROVE_LABEL, "action") }}
                                @endif
                            @endif
                            @if ($add_copy)
                                {{ Form::button_save() }}
                            @endif
                            {{ $add_copy
                                ? Form::button_link('Cancel', action('ModuleController@module_editorial_request', compact('module')))
                                : Form::button_link('Cancel', action('ModuleController@website_editorial_request', compact('website_request')))
                            }}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {{ Form::close() }}
    </div>
    @include('shared._assign_user', ['title'=>'Assign Writer', 'users' => \App\Helpers\FormDataHelper::request_writers()])
@endsection
@section('page_script')
    @include('shared_script._website_sidebar_script')
    @include('shared_script._list_manager')
    @include('shared_script._tinymce_init')
    @include('shared_script._assign_user_script')
    <script>
        var plugins_tinymce_wordcount_var = [
            'advlist autolink lists link charmap preview anchor',
            'searchreplace visualblocks code fullscreen',
            'insertdatetime table contextmenu paste','wordcount'
        ];
        tinymce_init_word_count('.bt-tiny-mce');

        function tinymce_init_word_count(selector) {
            tinymce.init({
                selector: selector,
                inline: true,
                plugins: plugins_tinymce_wordcount_var,
                style_formats: style_format_var,
                toolbar: toolbar_tinymce_var,
                setup : function (editor) {
                    editor.on('init',function (e) {
                        var wordCount = editor.plugins.wordcount.getCount();
                        document.getElementById(editor.id + '-word-count').innerHTML = (wordCount);
                    });
                    editor.on('keyup', function (e) {
                        var wordCount_key_up = editor.plugins.wordcount.getCount();
                        document.getElementById(editor.id + '-word-count').innerHTML = (wordCount_key_up);
                    })
                }
            });
        }
    </script>
    <script>
        $(document).ready(function () {
            autoheight_readonly_textareas();
        });
        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('website_editorial_feedback_title');
        feedback_list_manager.set_after_create_function('website_editorial_feedback_title');
        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');

        function website_editorial_feedback_title(){
            var num_feedback = $('div.feedback-wrapper').length;
            if(num_feedback == 0)
                $('#feedback_title').hide();
            else
                $('#feedback_title').show();
        }

        $('#modal-alert').on('hidden.bs.modal', function (e) {
            location.reload();
        });

    </script>
@endsection
@section('page_style')
    <style>
        .bt-text-direction {
            border: 1px solid #BEE1F2;
            overflow: hidden;
        }

        .detail-left-side a.link-label:hover,
        .detail-left-side a.link-label:focus{
            color: #595959;
        }

        .website_editorial_request_module_elements label.bt-label-large,
        .website_editorial_request_module_elements_copy label.bt-label-large,
        label.module-elements-view-content.bt-label-large {
            color: #979797;
            font-size: 14px !important;
        }

        .bt-text-direction label.first-label {
            color: #424242;
        }

        #assign_to_all_div{
            display: none;
        }

        .article_request_word_count_wrapper label {
            font-size: 13px !important;
        }
        .word_count_left {
            margin-right: 5px;
            color: #979797;
        }

        a.link-label {
            color: #979797;
        }
        a.link-label:hover, a.link-label:focus {
            color: #121212;
        }

        .website_editorial_fields {
            margin-top: 25px;
        }

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

        .article_body_tinymce {
            margin-bottom: 20px;
        }

        @if($add_copy)
        .navbar-fixed-top,
        .navbar-fixed-bottom{
            z-index: 65536;
        }

        .mce-edit-focus{
            outline: none !important;
        }
        @endif

        .article-body-tinymce{
            margin-bottom: 15px;
        }

        @if(!$add_copy)
        .website_editorial_request_module_elements_copy p{
            font-size: 14px;
        }
        @endif

        #website_feedback_title{
            display: none;
        }

        @if($feedbacks->isEmpty())
            #feedback_title{
                display: none;
            }
        @endif

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

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

        .textarea-label {
            color: #424242;
        }

        .readonly-textarea {
            background-color: #EEEEEE;
            resize: none;
        }
    </style>
@endsection