@extends('site.master')

@section('title', $page->translation->meta_title)
@section('meta_description', $page->translation->meta_description)

@section('content')

    @if(isset($page->translation->intro) && isset($page->translation->intro->images) && sizeof($page->translation->intro->images) != 0)
        <section class="impression-image grid-row">
            <div class="placeholder">
                <figure>
                    @foreach(['original', 'large', 'medium', 'small'] as $size)
                        <span class="{{$size}}"
                              style="background-image: url('{{ $page->translation->intro->images[0][$size] }}');"></span>
                    @endforeach
                </figure>
                <div class="branding-logos">
                    @foreach(\Config::get('site.brandings') as $branding => $route)
                        <a target="_blank" class="{{$branding}}" href="{{$route}}"></a>
                    @endforeach
                </div>
            </div>
        </section>
    @endif

    <div class="page-title full-text-row @if(!isset($page->translation->intro->images) || sizeof($page->translation->intro->images) == 0) no-margin-top @endif">
        <div class="grid-row">
            <div class="grid-col kms-content">
                <h1></h1>
                {!! $page->translation->intro->description !!}
            </div>
        </div>
    </div>

    <div class="grid-row" id="tips-description-row">
        <nav class="tip-group-selector">
            <ul class="selector">
                @foreach($tipGroups as $tipGroup)
                    <li @if($loop->first && \Input::get('tip', null) === null || \Input::get('tip') == Str::slug($tipGroup->translation->name) ) class="active" @endif data-tips-group="tip-group-{{$loop->iteration}}" data-slug="{{Str::slug($tipGroup->translation->name)}}">
                        <div class="icon {{$tipGroup->code_name}}"></div>
                        <p>{{$tipGroup->translation->name}}</p>
                    </li>
                @endforeach
            </ul>
        </nav>

        <div class="tip-group-descriptions">
            @foreach($tipGroups as $tipGroup)
                <section class="tip-group-description @if($loop->first && \Input::get('tip', null) === null || \Input::get('tip') == Str::slug($tipGroup->translation->name) ) active @endif" data-tips-group="tip-group-{{$loop->iteration}}">

                    <div class="kms-content">
                        {!! $tipGroup->translation->intro !!}

                        @if(isset($links->scheduleConversation))
                            <a class="button green" href="/{{$links->scheduleConversation->route}}">
                                @lang('site/global.scheduleConversation')
                                <span class="double-arrow"></span>
                            </a>
                        @endif
                    </div>

                </section>
            @endforeach
        </div>
    </div>

    <section class="grid-row" id="tip-lists-row">
        @foreach($tipGroups as $tipGroup)
            <div class=" @if($loop->first && \Input::get('tip', null) === null || \Input::get('tip') == Str::slug($tipGroup->translation->name) ) active @endif tip-list"
                 data-tips-group="tip-group-{{$loop->iteration}}">

                @foreach($tipGroup->translation->description as $tip)
                    <article>
                        <span class="counter">{{sprintf("%02d", $loop->iteration)}}</span>
                        <div class="kms-content">
                            {!! $tip->description !!}
                        </div>
                    </article>
                @endforeach
            </div>
        @endforeach
    </section>

    <section class="grid-row need-more-tips">
        <div class="contact-person-model">
            <div class="contact-person">
                <figure>
                    <img alt="contact person" src="/img/contact_person.jpg"/>
                </figure>
                <p>
                    {{ \Config::get('site.contact_person.name') }}
                    <span>.</span>
                    <a href="tel:{{\Config::get('site.company.phone_call')}}">
                        @lang('site/global.call') {{\Config::get('site.company.phone_display')}}
                    </a>
                </p>
            </div>

            <div class="model-content">
                <p>@lang('site/tipsTricks.payOff')</p>

                <div class="buttons">
                    @if(isset($links->scheduleConversation))
                        <a class="button light-blue" href="/{{$links->scheduleConversation->route}}">
                            @lang('site/global.scheduleAConversation')
                            <span class="double-arrow"></span>
                        </a>
                    @endif
                    @if(isset($links->startSale))
                        <a class="green button" href="/{{$links->startSale->route}}">
                            {{$links->startSale->name}}
                            <span class="double-arrow"></span>
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </section>


@endsection