@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") }}
        <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 design-plan-detail-right-side">
                        <div class="white-bg">
                            {{ Form::label_ex('Design Plan', \App\Helpers\FormComponentHelper::SIZE_EXLARGE) }}

                            {{ Form::separator_row_bottom('grey-divider') }}

                            {{ Form::label_ex('General', \App\Helpers\FormComponentHelper::SIZE_EXLARGE) }}
                            {{ Form::row_label_inline('Overall Look & Feel', $website_request->look_feel_label, null, 3, 8,  \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            {{ Form::label_styled('Impact Area', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 3) }}
                            {{ Form::textarea_styled('impact_area', $design_plan->impact_area, 'design-plan-textarea', true, 9) }}
                            {{ Form::label_styled('Visual Flow', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 3) }}
                            {{ Form::textarea_styled('visual flow', $design_plan->visual_flow, 'design-plan-textarea', true, 9) }}
                            {{ Form::label_styled('Structure', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 3) }}
                            {{ Form::textarea_styled('structure', $design_plan->structure, 'design-plan-textarea-divider', true, 9) }}
                            {{ Form::separator_row_bottom('grey-divider') }}

                            {{ Form::label_ex('Layout', \App\Helpers\FormComponentHelper::SIZE_EXLARGE) }}
                            {{ Form::row_label_inline('Layout Choice', $design_plan->layout_type_label, null, 3, 8,  \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4"></div>
                                <div class="no-left-pad col-md-5 col-xs-4">
                                    {{ Form::label_title('DESIGN DIRECTION',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('design_direction', $design_plan->layout_design_direction, 'design-plan-textarea', true) }}
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->layout_dev_direction, 'design-plan-textarea', true) }}
                                </div>
                                <div class="no-left-pad col-md-4 col-xs-4">
                                    {{ Form::label_title('CUSTOMER SELECTIONS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    @if(!empty($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_LAYOUT_THEME]))
                                        @foreach($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_LAYOUT_THEME] as $layout)
                                            {{ Form::image($layout['url'], 'customer image', ['class'=>'design_image'.($layout['pivot']['selected'] == 1 ? ' selected_image' : '')])}}
                                        @endforeach
                                    @else
                                        {{ Form::image(null, 'customer image', ['class'=>'design_image'])}}
                                    @endif
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_LAYOUT_THEME] )

                            {{ Form::separator_row_bottom('grey-divider') }}
                            {{ Form::label_ex('Design Elements', \App\Helpers\FormComponentHelper::SIZE_EXLARGE) }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4">
                                    {{ Form::label_title('Visual Archetype',\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                </div>
                                <div class="no-left-pad col-md-5 col-xs-4">
                                    {{ Form::label_title('DESIGN DIRECTION',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('design_direction', $design_plan->archetype_design_direction, 'design-plan-textarea', true) }}
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->archetype_dev_direction, 'design-plan-textarea', true) }}
                                    @if(!$design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_ARCHETYPE]->isEmpty())
                                        {{ Form::separator_row_bottom('grey-divider') }}
                                        {{ Form::label_title('DESIGNER LINKS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                        @foreach($design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_ARCHETYPE] as $archetype)
                                            <div class="designer-link-url  no-left-pad col-md-12 col-xs-12">
                                                @if(preg_match("#\.(jpg|jpeg|gif|png|bmp|tiff)$# i", $archetype['url']))
                                                    <input src="{{ $archetype['url'] }}" class="design_plan_links" name="customer image" type="image" value="{{ $archetype['url'] }}">
                                                @else
                                                    <a class="bt-label link-label bt-label-small" href="{{ $archetype['url'] }}" target="_blank">{{ $archetype['url'] }}</a>
                                                @endif

                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="no-left-pad col-md-4 col-xs-4">
                                    {{ Form::label_title('CUSTOMER SELECTIONS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    @if(!empty($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_ARCHETYPE]))
                                        @foreach($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_ARCHETYPE] as $archetype)
                                            <div style="float:left; width: 120px">
                                                {{ Form::image($archetype['url'], 'customer image', ['class'=>'design_image'.($archetype['pivot']['selected'] == 1 ? ' selected_image' : '')])}}
                                                {{ Form::label_title($archetype['visual_personality_source_name'],\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                            </div>
                                        @endforeach
                                    @else
                                        {{ Form::image(null, 'customer image', ['class'=>'design_image'])}}
                                    @endif
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_ARCHETYPE] )
                            {{ Form::separator_row_bottom('grey-divider') }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4">
                                    {{ Form::label_title('Color Palette',\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                </div>
                                <div class="no-left-pad col-md-5 col-xs-4">
                                    {{ Form::label_title('DESIGN DIRECTION',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('design_direction', $design_plan->color_design_direction, 'design-plan-textarea', true) }}
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->color_dev_direction, 'design-plan-textarea', true) }}
                                    @if(!$design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_COLOR]->isEmpty())
                                        {{ Form::separator_row_bottom('grey-divider') }}
                                        {{ Form::label_title('DESIGNER LINKS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                        @foreach($design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_COLOR] as $colors)
                                            <div class="designer-link-url  no-left-pad col-md-12 col-xs-12">
                                                @if(preg_match("#\.(jpg|jpeg|gif|png|bmp|tiff)$# i", $colors['url']))
                                                    <input src="{{ $colors['url'] }}" class="design_plan_links" name="customer image" type="image" value="{{ $colors['url'] }}">
                                                @else
                                                    <a class="bt-label link-label bt-label-small" href="{{ $colors['url'] }}" target="_blank">{{ $colors['url'] }}</a>
                                                @endif

                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="no-left-pad col-md-4 col-xs-4">
                                    {{ Form::label_title('CUSTOMER SELECTIONS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    @if(!empty($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_COLOR]))
                                        @foreach($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_COLOR] as $colors)
                                            {{ Form::image($colors['url'], 'customer image', ['class'=>'design_image'.($colors['pivot']['selected'] == 1 ? ' selected_image' : '')])}}
                                        @endforeach
                                    @else
                                        {{ Form::image(null, 'customer image', ['class'=>'design_image'])}}
                                    @endif
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_COLOR] )
                            {{ Form::separator_row_bottom('grey-divider') }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4">
                                    {{ Form::label_title('Photos',\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                </div>
                                <div class="no-left-pad col-md-5 col-xs-4">
                                    {{ Form::label_title('DESIGN DIRECTION',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('design_direction', $design_plan->photo_design_direction, 'design-plan-textarea', true) }}
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->photo_dev_direction, 'design-plan-textarea', true) }}
                                    @if(!$design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_PHOTOS]->isEmpty())
                                        {{ Form::separator_row_bottom('grey-divider') }}
                                        {{ Form::label_title('DESIGNER LINKS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                        @foreach($design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_PHOTOS] as $photos)
                                            <div class="designer-link-url  no-left-pad col-md-12 col-xs-12">
                                                @if(preg_match("#\.(jpg|jpeg|gif|png|bmp|tiff)$# i", $photos['url']))
                                                    <input src="{{ $photos['url'] }}" class="design_plan_links" name="customer image" type="image" value="{{ $photos['url'] }}">
                                                @else
                                                    <a class="bt-label link-label bt-label-small" href="{{ $photos['url'] }}" target="_blank">{{ $photos['url'] }}</a>
                                                @endif

                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="no-left-pad col-md-4 col-xs-4">
                                    {{ Form::label_title('CUSTOMER SELECTIONS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    @if(!empty($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_PHOTOS]))
                                        @foreach($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_PHOTOS] as $photos)
                                            {{ Form::image($photos['url'], 'customer image', ['class'=>'design_image'.($photos['pivot']['selected'] == 1 ? ' selected_image' : '')])}}
                                        @endforeach
                                    @else
                                        {{ Form::image(null, 'customer image', ['class'=>'design_image'])}}
                                    @endif
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_PHOTOS] )
                            {{ Form::separator_row_bottom('grey-divider') }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4">
                                    {{ Form::label_title('Icons',\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                </div>
                                <div class="no-left-pad col-md-5 col-xs-4">
                                    {{ Form::label_title('DESIGN DIRECTION',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('design_direction', $design_plan->icon_design_direction, 'design-plan-textarea', true) }}
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->icon_dev_direction, 'design-plan-textarea', true) }}
                                    @if(!$design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_ICONS]->isEmpty())
                                        {{ Form::separator_row_bottom('grey-divider') }}
                                        {{ Form::label_title('DESIGNER LINKS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                        @foreach($design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_ICONS] as $icons)
                                            <div class="designer-link-url  no-left-pad col-md-12 col-xs-12">
                                                @if(preg_match("#\.(jpg|jpeg|gif|png|bmp|tiff)$# i", $icons['url']))
                                                    <input src="{{ $icons['url'] }}" class="design_plan_links" name="customer image" type="image" value="{{ $icons['url'] }}">
                                                @else
                                                    <a class="bt-label link-label bt-label-small" href="{{ $icons['url'] }}" target="_blank">{{ $icons['url'] }}</a>
                                                @endif

                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="no-left-pad col-md-4 col-xs-4">
                                    {{ Form::label_title('CUSTOMER SELECTIONS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    @if(!empty($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_ICONS]))
                                        @foreach($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_ICONS] as $icons)
                                            {{ Form::image($icons['url'], 'customer image', ['class'=>'design_image'.($icons['pivot']['selected'] == 1 ? ' selected_image' : '')])}}
                                        @endforeach
                                    @else
                                        {{ Form::image(null, 'customer image', ['class'=>'design_image'])}}
                                    @endif
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_ICONS] )
                            {{ Form::separator_row_bottom('grey-divider') }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4">
                                    {{ Form::label_title('Patterns',\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                </div>
                                <div class="no-left-pad col-md-5 col-xs-4">
                                    {{ Form::label_title('DESIGN DIRECTION',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('design_direction', $design_plan->pattern_design_direction, 'design-plan-textarea', true) }}
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->pattern_dev_direction, 'design-plan-textarea', true) }}
                                    @if(!$design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_PATTERNS]->isEmpty())
                                        {{ Form::separator_row_bottom('grey-divider') }}
                                        {{ Form::label_title('DESIGNER LINKS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                        @foreach($design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_PATTERNS] as $patterns)
                                            <div class="designer-link-url  no-left-pad col-md-12 col-xs-12">
                                                @if(preg_match("#\.(jpg|jpeg|gif|png|bmp|tiff)$# i", $patterns['url']))
                                                    <input src="{{ $patterns['url'] }}" class="design_plan_links" name="customer image" type="image" value="{{ $patterns['url'] }}">
                                                @else
                                                    <a class="bt-label link-label bt-label-small" href="{{ $patterns['url'] }}" target="_blank">{{ $patterns['url'] }}</a>
                                                @endif

                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="no-left-pad col-md-4 col-xs-4">
                                    {{ Form::label_title('CUSTOMER SELECTIONS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    @if(!empty($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_PATTERNS]))
                                        @foreach($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_PATTERNS] as $patterns)
                                            {{ Form::image($patterns['url'], 'customer image', ['class'=>'design_image'.($patterns['pivot']['selected'] == 1 ? ' selected_image' : '')])}}
                                        @endforeach
                                    @else
                                        {{ Form::image(null, 'customer image', ['class'=>'design_image'])}}
                                    @endif
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_PATTERNS] )
                            {{ Form::separator_row_bottom('grey-divider') }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4">
                                    {{ Form::label_title('Textures',\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                </div>
                                <div class="no-left-pad col-md-5 col-xs-4">
                                    {{ Form::label_title('DESIGN DIRECTION',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('design_direction', $design_plan->texture_design_direction, 'design-plan-textarea', true) }}
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->texture_dev_direction, 'design-plan-textarea', true) }}
                                    @if(!$design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_TEXTURES]->isEmpty())
                                        {{ Form::separator_row_bottom('grey-divider') }}
                                        {{ Form::label_title('DESIGNER LINKS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                        @foreach($design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_TEXTURES] as $textures)
                                            <div class="designer-link-url  no-left-pad col-md-12 col-xs-12">
                                                @if(preg_match("#\.(jpg|jpeg|gif|png|bmp|tiff)$# i", $textures['url']))
                                                    <input src="{{ $textures['url'] }}" class="design_plan_links" name="customer image" type="image" value="{{ $textures['url'] }}">
                                                @else
                                                    <a class="bt-label link-label bt-label-small" href="{{ $textures['url'] }}" target="_blank">{{ $textures['url'] }}</a>
                                                @endif

                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="no-left-pad col-md-4 col-xs-4">
                                    {{ Form::label_title('CUSTOMER SELECTIONS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    @if(!empty($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_TEXTURES]))
                                        @foreach($business_design_package_review['selected_'.\App\Models\Design_Plan::DESIGN_PLAN_TYPE_TEXTURES] as $textures)
                                            {{ Form::image($textures['url'], 'customer image', ['class'=>'design_image'.($textures['pivot']['selected'] == 1 ? ' selected_image' : '')])}}
                                        @endforeach
                                    @else
                                        {{ Form::image(null, 'customer image', ['class'=>'design_image'])}}
                                    @endif
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_TEXTURES] )
                            {{ Form::separator_row_bottom('grey-divider') }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4">
                                    {{ Form::label_title('TYPOGRAPHY',\App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                </div>
                                <div class="no-left-pad col-md-5 col-xs-4">
                                    {{ Form::label_title('DESIGN DIRECTION',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('design_direction', $design_plan->typography_design_direction, 'design-plan-textarea', true) }}
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->typography_dev_direction, 'design-plan-textarea', true) }}
                                    @if(!$design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_TYPOGRAPHY]->isEmpty())
                                        {{ Form::separator_row_bottom('grey-divider') }}
                                        {{ Form::label_title('DESIGNER LINKS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                        @foreach($design_plan_links[\App\Models\Design_Plan::DESIGN_PLAN_TYPE_TYPOGRAPHY] as $typography)
                                            <div class="designer-link-url no-left-pad col-md-12 col-xs-12">
                                                @if(preg_match("#\.(jpg|jpeg|gif|png|bmp|tiff)$# i", $typography['url']))
                                                    <input src="{{ $typography['url'] }}" class="design_plan_links" name="customer image" type="image" value="{{ $typography['url'] }}">
                                                @else
                                                    <a class="bt-label link-label bt-label-small" href="{{ $typography['url'] }}" target="_blank">{{ $typography['url'] }}</a>
                                                @endif

                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                                <div class="no-left-pad col-md-4 col-xs-4"></div>
                            </div>
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4"></div>
                                <div class="no-left-pad col-md-8 col-xs-4">
                                    {{ Form::separator_row_bottom('grey-divider') }}
                                    {{ Form::label_title('DESIGNER FONT SELECTIONS',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                </div>
                            </div>
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4"></div>
                                <div class="no-left-pad col-md-8 col-xs-4">
                                    {{ Form::row_label_inline('Heading 1', $design_plan->heading_1, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                    {{ Form::row_label_inline('Heading 2', $design_plan->heading_2, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                    {{ Form::row_label_inline('Heading 3', $design_plan->heading_3, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                    {{ Form::row_label_inline('Body Text', $design_plan->body_text, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                    {{ Form::row_label_inline('Navigation', $design_plan->navigation, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                    {{ Form::row_label_inline('Links', $design_plan->links, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                    {{ Form::row_label_inline('Link Hover', $design_plan->link_hover, null, 4, 7, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_TYPOGRAPHY] )

                            {{ Form::separator_row_bottom('grey-divider') }}
                            {{ Form::label_ex('Inspiration Sites', \App\Helpers\FormComponentHelper::SIZE_EXLARGE) }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4"></div>
                                <div class="no-left-pad col-md-8 col-xs-4">
                                    @if(!empty($inspiration_sites))
                                        @foreach($inspiration_sites as $key => $inspiration_site)
                                            @if($key > 0)
                                                {{ Form::separator_row_bottom('grey-divider') }}
                                            @endif
                                            <div class="added-site-display">
                                                <div class="row">
                                                    <div class="no-left-pad col-md-3 col-xs-4">
                                                        {{ Form::label_title('Link', \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                                    </div>
                                                    <div class="no-left-pad col-md-8 col-xs-8">
                                                        <a class="bt-label link-label bt-label-small" href="{{ $inspiration_site['url'] }}" target="_blank">{{ $inspiration_site['url'] }}</a>
                                                    </div>
                                                </div>
                                                {{ Form::row_label_inline('Characteristic', $inspiration_site->characteristics, null, 3, 8, \App\Helpers\FormComponentHelper::SIZE_MEDIUM) }}
                                                <div class="row">
                                                    {{ Form::label_styled('Comments', null, \App\Helpers\FormComponentHelper::SIZE_MEDIUM, 3) }}
                                                    {{ Form::textarea_styled('comments', $inspiration_site->comments, 'design-plan-textarea-divider', true, 9) }}
                                                </div>
                                            </div>
                                        @endforeach
                                    @endif
                                </div>
                            </div>

                            {{ Form::separator_row_bottom('grey-divider') }}
                            {{ Form::label_ex('Requested Features', \App\Helpers\FormComponentHelper::SIZE_EXLARGE) }}
                            <div class="row">
                                <div class="no-left-pad col-md-3 col-xs-4"></div>
                                <div class="no-left-pad col-md-8 col-xs-4">
                                    @include('shared._website_functionality', ['title' => 'Features Requested',  'size' => \App\Helpers\FormComponentHelper::SIZE_LARGE])
                                    {{ Form::label_title('DEVELOPER NOTES',\App\Helpers\FormComponentHelper::SIZE_TINY) }}
                                    {{ Form::textarea_styled('developer_notes', $design_plan->feature_dev_direction, 'design-plan-textarea', true) }}
                                </div>
                            </div>
                            @include('website._design_plan_feedback', ['filter' => 'features', 'plan_type' => \App\Models\Design_Plan::DESIGN_PLAN_TYPE_FEATURES] )
                        </div>
                    </div>
                </div>
                {{ Form::open(['url' => action('DesignPlanController@export_design_plan', compact('design_plan'))]) }}
                <div class="row bt-button-row text-right">
                    {{ Form::button_save('Export design plan') }}
                    @if(\App\Providers\AuthServiceProvider::user_has_permission([\App\Providers\AuthServiceProvider::CSMCCT,\App\Providers\AuthServiceProvider::GATE_DESIGN_MANAGER]))
                        @if(is_null($website_request->design_status))
                            {{ Form::button_link('Complete Design Plan', null, 'complete-btn') }}
                        @endif

                        {{ Form::button_link('ACCEPT', null, 'accept-btn') }}

                        @if(isset($nobusiness) && $nobusiness === true)
                            {{ Form::button_link('Edit', action('DesignPlanController@edit_nobusiness', compact('design_plan', 'website_request', 'nobusiness'))) }}
                        @else
                            {{ Form::button_link('Edit', action('DesignPlanController@edit', compact('design_plan', 'business', 'website_request'))) }}
                        @endif

                    @endif
                </div>
                {{ Form::close() }}
            </div>
        </div>
    </div>
@endsection

@section('page_script')
    @include('shared_script._website_sidebar_script')
    @include('shared_script._list_manager')
    <script>
        var feedback_list_manager = null;
        var feedback_selector = null;
        $(document).ready(function() {
            @if((\Gate::allows('CSMCCT') || $design_plan->can_accept()) && $design_plan_feedback_not_completed == 0 && !is_null($website_request->design_status)
                            && $website_request->design_status == \App\Models\Website_Request::DESIGN_STATUS_FEEDBACK)
                $('#accept-btn').show();
            @else
                $('#accept-btn').hide();
            @endif
            $('.design-plan-remove-row').remove();
            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('after_delete_feedback');
            feedback_list_manager.set_after_edit_function('feedback_autoheight');
            feedback_selector = new secondary_level_selector('feedback', 'parent');
            feedback_autoheight();
            items_autoheight('.design-plan-textarea');
            items_autoheight('.design-plan-textarea-divider');
            autoheight('.sales-prep-functionality-textarea');

            $('#complete-btn').click(function(e){
                e.preventDefault();
                $.ajax({
                    url: '{{ action('DesignPlanController@complete', compact('design_plan')) }}',
                    method: 'POST',
                    data: { 'no_business' : '{{ isset($nobusiness) && $nobusiness === true ? 1 : 0}}' },
                    success: function(data) {
                        location.href = data.redirect_url;
                    },
                    error: function(data) {
                        // todo
                    }
                });
            });

            $('#accept-btn').click(function(e){
                e.preventDefault();
                $.ajax({
                    url: '{{ action('DesignPlanController@accept', compact('design_plan')) }}',
                    method: 'POST',
                    data: { 'no_business' : '{{ isset($nobusiness) && $nobusiness === true ? 1 : 0}}' },
                    success: function(data) {
                        location.href = data.redirect_url;
                    },
                    error: function(data) {
                        // todo
                    }
                });
            });

            $('input[type="image"]').css('cursor','default');
            $('input[type="image"]').val('');
        });

        function after_delete_feedback(result)
        {
            var website_request = '{{$website_request->website_request}}';
            $.ajax({
                type: "POST",
                url: '{{ action('WebsiteRequestController@is_feedback_complete') }}',
                data: {website_request: website_request},
                success: function (result) {
                    if(result === 'true') {
                        $('#accept-btn').show();
                    }
                }
            });
        }
    </script>
@endsection

@section('page_style')
    <style>
        .design-plan-detail-right-side .white-bg .row:first-child{
            padding-top: 0;
        }

        .design-plan-detail-right-side .white-bg .row:last-child {
            padding-bottom: 0;
        }

        .design-plan-detail-right-side .white-bg .row{
            padding: 5px 0;
        }

        .feedback-wrapper .row {
            padding: 0 !important;
        }

        .design-plan-detail-right-side
        .second-label{
            font-size: 14px;
            color: #949494;
            font-weight: 300;
            word-wrap: break-word;
            display: block;
        }

        .separator-row-bottom {
            padding-bottom: 20px!important;
        }

        .overwrite-text-color {
            color: #000000!important;
        }

        .design_image {
            width:110px;
            border:none;
            padding:0;
        }

        .design_plan_links {
            width:100%;
            border:none;
            padding:0;
            font-size:14px;
        }

        .design_link_remove_icon {
            width:23px;
            border:none;
            padding:0;
            position:absolute;
            right: 25px;
            top:10px
        }

        .selected_image {
            border: 3px solid #cb2236;
        }

        .remove-padding {
            padding:0 !important;
        }

        .design_image:focus {
            border-color: #cb2236!important;
        }

        .not-bg-warning {
            border-bottom: 1px solid #DDDDDD;
            padding-bottom: 5px;
        }

        .new-feedback-div {
            border-bottom: none;
        }

        .bt-label-large {
            font-size: 14px!important;
        }

        .link-color,
        .link-label {
            color: #949494;
            word-wrap:break-word;
        }

        .link-label:hover {
            color: #595959!important;
        }

        .designer-link-url {
            position: relative;
            float:left;
        }

        .design-plan-textarea, .sales-prep-functionality-textarea {
            border: none;
            resize: none;
            padding-left: 0;
            color: #979797;
            margin-bottom: -10px;
        }

        .design-plan-textarea-divider {
            border: none;
            resize: none;
            padding-left: 0;
            color: #979797;
            margin-bottom: 0;
        }

    </style>
@endsection