@extends('layouts.master')
@section('page_title', 'Design Summary')
@section('content')
    @include('shared._brand_menu_3rd_all_active')
    {!! Form::open(['url' => action('DesignPackageController@review', compact('dp', 'business'))]) !!}

    <div class="container brand-content">
        <div class="row">
            <div id="design-package-icon-container"><img width="55px" src="{{url('/img/icon_design_package.png')}}" /></div>
            <p class="brand-container-header">Design Summary</p>
            <div class="review-centered-items">
                <span class="review-business-name">{{$business->company}}</span><br /><br />
                <span class="review-business-details">
                    @if (isset($business_location->address_1)) {{$business_location->address_1}}, @endif
                    @if (isset($business_location->address_2) && strlen($business_location->address_2)>0) {{$business_location->address_2}}, @endif
                    @if (isset($business_location->city)) {{$business_location->city}}, @endif
                    @if (isset($business_location->state)) {{$business_location->state}} @endif
                    @if (isset($business_location->postal)) {{$business_location->postal}} @endif
                </span><br />
                <span class="review-business-details">
                    @if (isset($business_location->phone_1)) {{$business_location->phone_1}} <br /> @endif
                </span>
                <span class="review-business-details">
                    @if (isset($business->email)) {{$business->email}} <br /> @endif
                </span>
                <span class="review-business-details">
                    @if (isset($business->website)) {{$business->website}} <br /> @endif
                </span>
                <br />
                <span class="review-business-details">
                    @if (isset($business_user)) {{$business_user->first_name}} {{$business_user->last_name}} <br /> @endif
                </span>
                <span class="review-business-details">
                    @if (isset($business_user)) {{$business_user->email}} <br /> @endif
                </span>
                <span class="review-business-details">
                    @if (isset($business_user)) {{$business_user->cell_phone}} <br /> @endif
                </span>
                @if(\Gate::allows(\App\Providers\AuthServiceProvider::SUPER_ADMIN))
                    <input onClick="window.location='{{action('SuperAdminBusinessController@business_edit', compact('business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} >
                @else
                    <input onClick="window.location='{{action('BusinessController@profile_readonly', compact('business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} >
                @endif
            </div>
            <div class="row business_info_separator"></div>

            {{--@include('brand._review')--}}

            <div class="row">
                <div class="col-md-7 review-right-border review-items-add-padding-right">
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">STYLES</div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@style', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                        <div class="review-centered-items">
                            @foreach ($existing_styles as $style)
                                <div class="review-style-container" style="background-image: url('{{  url("$style->url") }}');"></div>
                            @endforeach
                        </div>
                    </div>
                    <div class="review-medium-spacer"></div>
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">PHOTOS</div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@image', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                        <div class="review-centered-items">
                            @foreach ($existing_images as $image)
                                <div class="review-image-container" style="background-image: url('{{  url("$image->url") }}');"></div>
                            @endforeach
                        </div>
                    </div>
                    <div class="review-medium-spacer"></div>
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">TEXTURES</div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@texture', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                        <div class="review-centered-items">
                            @foreach ($existing_textures as $texture)
                                <div class="review-texture-container" style="background-image: url('{{  url("$texture->url") }}');"></div>
                            @endforeach
                        </div>
                    </div>
                    <div class="review-medium-spacer"></div>
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">PATTERNS</div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@pattern', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                        <div class="review-centered-items">
                            @foreach ($existing_patterns as $pattern)
                                <div class="review-texture-container" style="background-image: url('{{  url("$pattern->url") }}');"></div>
                            @endforeach
                        </div>
                    </div>
                </div>
                <div class="col-md-5 review-items-add-padding-left">
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">WORDS THAT DESCRIBE HOW I WANT PEOPLE TO FEEL AFTER SEEING MY WEBSITE</div>
                        <div class="review-small-spacer"></div>
                        <div class="review-centered-items">
                            @foreach ($website_words as $word)
                                <div class="review-large-italic">{{$word->website_word_name}}</div>
                            @endforeach
                            @if (!empty($dp->custom_website_words))
                                    <div class="review-large-italic">{{$dp->custom_website_words}}</div>
                            @endif
                        </div>
                        <div class="review-small-spacer"></div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@website_words', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                    </div>
                    <div class="review-medium-spacer"></div>
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">LAYOUT</div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@layout', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                        <div class="review-small-spacer"></div>
                        <div class="review-centered-items">
                            @foreach ($existing_layouts as $layout)
                                <div class="review-layout-container" style="background-image: url('{{  url("$layout->url") }}');"></div>
                            @endforeach
                        </div>
                        <div class="review-small-spacer"></div>
                    </div>
                    <div class="review-medium-spacer"></div>
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">COLORS</div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@color', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                        <div class="review-centered-items">
                            @foreach ($existing_colors as $color)
                                <div class="review-image-container" style="background-image: url('{{  url("$color->url") }}');"></div>
                            @endforeach
                        </div>
                    </div>
                    <div class="review-medium-spacer"></div>
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">ICONS</div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@icon', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                        <div class="review-centered-items">
                            @foreach ($existing_icons as $icon)
                                <div class="review-image-container" style="background-image: url('{{  url("$icon->url") }}');"></div>
                            @endforeach
                        </div>
                    </div>
                    <div class="review-medium-spacer"></div>
                    <div class="row review-top-border">
                        <div class="review-gray-text review-centered-items">AD STYLES</div>
                        <div class="review-centered-items"><input onClick="window.location='{{action('DesignPackageController@ad_styles', compact('dp', 'business'))}}';" type="button" class="review-small-edit-btn" value="CHANGE" {{ !$dp->is_complete ? null : 'hidden' }} ></div>
                        <div class="review-centered-items">
                            <ul class="review_ad_styles_image_list clearfix">
                            @foreach ($existing_ad_styles as $eas)
                                <li><img src="{!! $eas->url !!}" width="100%"/></li>
                            @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="review-medium-spacer"></div>
            <div class="review-line-divider"></div>
            <div class="review-medium-spacer"></div>
            <div class="review-centered-items">
                @if ((\Gate::allows(\App\Providers\AuthServiceProvider::SUPER_ADMIN)) && (($dp->is_complete)))
                    <input type="button" id="reset-design-package-btn" class="btn-brand" value="RESET DESIGN PACKAGE">&nbsp;
                @endif
                @if($dp->dp_status === \App\Models\Design_Package::DESIGN_PACKAGE_STATUS_SUMMARY)
                    <input type="button" id="this-looks-good-btn" class="btn-brand" value="THIS LOOKS GOOD">
                @endif
            </div>
            <div style="height:20px;">&nbsp;</div>
        </div>
    {!! Form::close() !!}
@endsection

@section('page_script')
    <script>
        $(document).ready(function() {
            var redirect_url = '';
            $("#this-looks-good-btn").click(function() {
                var temp_body = '<div>Thanks for taking the website personality test. You won&apos;t be sorry. You’ve given us everything we need to build your custom website prototype. We’ll be getting back in touch in about 5 business days to show it to you and start the process of finishing it.</div> <div class="review-medium-spacer"></div> <div>Remember – Everyone deserves a custom web site. </div> <div class="review-medium-spacer"></div> <div>Thanks again,</div> <div>The boomtime team</div>';
                presentModalAlert('<img src="{{url('/img/u234.png')}}" />', temp_body, true);
                $.post("{{action('DesignPackageController@review_finish', compact('dp', 'business'))}}", { }, function(result) {
                    redirect_url = result.redirect_url;
                });
            });

            $('.modal-footer').find('button').click(function() {
                if (redirect_url.length>0) {
                    window.location = redirect_url;
                }
            });

            $('#reset-design-package-btn').click(function() {
                window.location = "{{action('DesignPackageController@reset_design_package', compact('business', 'dp'))}}";
            });
        });
    </script>
@endsection

@section('page_style')
    <style>
        .review-tool-container {
            float: left;
            width: 30%;
            height: 120px;
            margin: 1.66%;
            position: relative;
        }
        .review-popup-full {
            position: fixed;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            background-color: #000000;
            opacity: 0.5;
        }
        .review-center-white-container {
            position: absolute;;
            left: 50%;
            top: 15%;
            width: 440px;
            margin-left: -220px;
            background-color: #FFFFFF;
            padding: 20px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
        }
        .review-popup-content-container {
            border: 1px solid #CCCCCC;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            padding: 20px;
            color: #979797;
        }
        .business_info_separator{
            height: 40px;
        }
        #this-looks-good-btn {
            margin-top: -20px;
        }
        #reset-design-package-btn {
            margin-top: -20px;
        }
    </style>
@endsection