@extends('frontend.layouts.app')

@section('content')
    <div class="main_slide">
        <div class="know col-md-9">
                    </div>
        <div class="right_slide col-md-3">
            <div class="welcome">
                <h2>Welcome</h2>
                <div class="border"></div>
                {!! $content->welcome ? $content->welcome : '' !!}
            </div>
            <div class="sign_up">
                <h2>sign up for an iq advisor demo</h2>
                <form action="#" method="post" id="advisor_demo_form">
                    <input type="text" placeholder="Email address" id="demo_email">
                    <button type="submit" class="btn" style="font-weight: bold">sign up</button>
                    <div class="alert alert-danger danger-demo" style="display: none;" id="demo_error"></div>
                    <div class="alert alert-success danger-demo" style="display: none;" id="demo_success"></div>
                </form>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="goals">
            <div class="row">
                <div class="col-xs-6 col-md-6 col-lg-3">
                    <div class="items">
                        {{ Html::image('images/goals1.png', 'adviser orientated') }}
                        <span>advisor orientated</span>
                    </div>
                </div>
                <div class="col-xs-6 col-md-6 col-lg-3">
                    <div class="items">
                        {{ Html::image('images/goals2.png', 'adviser orientated') }}
                        <span>cost effective</span>
                    </div>
                </div>
                <div class="col-xs-6 col-md-6 col-lg-3">
                    <div class="items">
                        {{ Html::image('images/goals3.png', 'complete transparency') }}
                        <span>complete transparency</span>
                    </div>
                </div>
                <div class="col-xs-6 col-md-6 col-lg-3">
                    <div class="items">
                        {{ Html::image('images/goals4.png', 'technology driven') }}
                        <span>technology driven</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="how_it">
        <div class="col-md-6">
            <div class="how_info" id="how_it_works">
                <h2>How it Works</h2>
                <div class="border2"></div>
                {!! $content->how_it_works ? $content->how_it_works : '' !!}
            </div>
            <div class="how_items">
                <div class="col-xs-6 col-md-6 col-lg-3">
                    <div class="items2">
                        {{ Html::image('images/how1.png', 'login to your unique account') }}
                        <div>login to your unique account</div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-6 col-lg-3">
                    <div class="items2">
                        {{ Html::image('images/how2.png', 'risk profile your client') }}
                        <div>risk profile your client</div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-6 col-lg-3">
                    <div class="items2">
                        {{ Html::image('images/how3.png', 'select optimal solution') }}
                        <div>select optimal solution</div>
                    </div>
                </div>
                <div class="col-xs-6 col-md-6 col-lg-3">
                    <div class="items2">
                        {{ Html::image('images/how4.png', 'generate investment proposal') }}
                        <div>generate investment proposal</div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-6">
            {{ Html::image('images/howSl1.jpg', 'How it Works slide 1') }}
        </div>
        <div class="col-md-6 benefits right" id="benefits">
            <h2>Benefits to Advisor</h2>
            <div class="border3"></div>
            <ul>
                <li>
                    <div>1</div>
                    {!! $content->benefit_one !!}
                </li>
                <li>
                    <div>2</div>
                    {!! $content->benefit_two !!}
                </li>
                <li>
                    <div>3</div>
                    {!! $content->benefit_three !!}
                </li>
                <li>
                    <div>4</div>
                    {!! $content->benefit_four !!}
                </li>
                <li>
                    <div>5</div>
                    {!! $content->benefit_five !!}
                </li>
            </ul>
        </div>
        <div class="col-md-6 right">
            {{ Html::image('images/howSl2.jpg', 'How it Works slide 2') }}
        </div>
    </div>
    <div class="partners">
        <div class="container">
            <div class="part">
                <h2>Our Partners</h2>
                <div class="border4"></div>
                <ul class="owl-carousel">
                                    </ul>
            </div>
        </div>
    </div>
    @if($solutions->count())
        <div class="solutions">
            <h2 id="solutions">Our Solutions</h2>
            <div class="border5"></div>
            <div class="solutions_info">
                <p>{{ $content->solutions_title }}</p>
            </div>
            <div class="item_solution grid">
                <ul>
                    @foreach($solutions as $item)

                        <li>
                            @if($item->logo)
                                {{ Html::image('images/uploads/' . $item->logo, $item->title) }}
                            @endif
                            <h3>{{ $item->title }}</h3>
                            {!! $item->overview !!}
                        </li>

                    @endforeach
                </ul>
            </div>
        </div>
    @endif
@endsection

@section('after-scripts')

    <script>
        $(document).ready(function() {
           $('.scrolling').on('click', function() {

               var anchor = $(this).attr('href');

               $('html,body').animate({
                   scrollTop: $(anchor).offset().top
               });

               return false;
           });

           $('#advisor_demo_form').on('submit', function() {

               var email = $('#demo_email').val();
               $('#demo_error, #demo_success').hide();

               if(email.trim() == '') {
                  $('#demo_error').show().html('Enter email');
                  return false;
               }

               $.ajaxSetup({
                   headers: { 'X-CSRF-Token' : $('meta[name=csrf-token]').attr('content') }
               });

               $.ajax({
                   url: '