@extends('layouts/master')
@section('page_title', 'Design Interview')
@section('content')
    @include('shared/_brand_menu_3rd_active')
    <div class="container brand-content design-interview-intro">
        <div class="row">
            <div class="col-md-12 text-center">
                {!! Html::image('img/icon_visual.png') !!}
            </div>
        </div>
        <div class="row">
            <div class="col-md-12 text-center">
                <h4 class="outside-container-header">Design Interview</h4>
                <div class="pull-left btnSendTo">
                    @if(\Gate::allows(\App\Providers\AuthServiceProvider::SUPER_ADMIN))
                        <input type="button" class="btn-brand sendToClientBtn" value="SEND TO CLIENT" name="send_to_client"/>
                    @endif
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-10 col-md-offset-1 grey-bg curve_container">
                <div class="row">
                    <div class="design-interview-desc-container span text-center">
                        <p class="section-description">
                            The second part of building a custom site focuses on creating your ‘visual personality’. We’re going to take you through a series of pages where we ask you to intuitively pick from examples of web sites, layouts, photos, colors – all the things that a make a web site stand out and communicate the essence of your business.
                        </p>
                        <p class="section-description">
                            The images we’ll show you are examples, and what we want you to do is to make instinctive choices. Let your intuition guide you. You’ll know when you see an image that’s right and as you pick them we’ll add them to the design package we build. The visual personality test takes 5-10 minutes.
                        </p>
                    </div>
                </div>
                <div class="row row-btn">
                    <input type="button" value="Get Started" class="btn-brand extra-wide" onclick="location.href='{{action('DesignPackageController@website_words', compact('dp', 'business'))}}';"/>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('page_script')
    <script>

        $(document).ready(function(){

            $('.sendToClientBtn').click(function () {
                launch_native_email('{{ action('DesignPackageController@post_about_your_business_email', compact('business')) }}');
            });

        });

    </script>
@endsection
@section('page_style')
    <style>
        input.btn-brand.sendToClientBtn {
            margin-top: -10px;
            margin-left: 83px;
        }
    </style>
@endsection