@extends('site.master')

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

@section('content')

    @if(isset($page->translation->header))
        <section class="header-text-row">
            <div class="grid-row">
                <h1>{{$page->translation->header->typeName}}</h1>

                <div class="header-wrapper">
                    <figure>
                        @foreach(['large', 'medium', 'small'] as $size)
                            <span class="{{$size}}"
                                  style="background-image: url('{{ $page->translation->header->images[0][$size] }}');"></span>
                        @endforeach
                    </figure>
                    <div class="content">
                        <div class="kms-content">
                            <div class="placeholder">
                                {!! $page->translation->header->description !!}

                                <a class="phone" href="tel:{{ \Config::get('site.company.phone_call') }}">
                                    <span class="icon"></span>
                                    {{ \Config::get('site.company.phone_display') }}
                                </a>
                                <p class="sub-title">@lang('site/contact.callBetween')</p>
                            </div>
                        </div>
                        <div class="contact-person">
                            <figure>
                                <img alt="contact person" src="/img/contact_person.jpg"/>
                            </figure>
                            <p>
                                {{ \Config::get('site.contact_person.name') }}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    @endif

    <div class="grid-row faq-main-questions-row">

        <div class="faq-main-questions">
            <h2>@lang('site/faq.mostAskedQuestions')</h2>
            @include('site.partials.faqList', ['questions' => $questions->where('sticky', '=', 1)])
        </div>
    </div>


    <section class="all-questions" id="faqQuestions">

        <div class="grid-row">
            <div class="placeholder">
                <h3>@lang('site/faq.allQuestions')</h3>

                <div class="question-categories">
                    <p class="title">
                        @lang('site/faq.subjects')
                    </p>

                    <ul>
                        <li data-category="0" data-name="@lang('site/faq.allQuestions')" class="active" >
                            <p>@lang('site/faq.allQuestions')</p>
                            <span class="double-arrow"></span>
                        </li>
                        @foreach($categories as $category)
                            <li data-category="{{$category->category->id}}"
                                data-name="{{$category->category->translation->name}}">
                                <p>{{$category->category->translation->name}}</p>
                                <span class="double-arrow"></span>
                            </li>
                        @endforeach
                    </ul>

                    <div class="contact-person">
                        <figure>
                            <img alt="contact person" src="/img/contact_person_2.jpg"/>
                        </figure>
                        <p>
                            <strong>@lang('site/faq.questionNotFound')</strong>
                            <a href="tel:{{\Config::get('site.company.phone_call')}}"> @lang('site/faq.call') {{\Config::get('site.company.phone_display')}}</a>

                        </p>
                    </div>

                </div>

                <div class="questions-container-placeholder">
                    <p class="title">
                        @lang('site/faq.allQuestions')
                    </p>

                    <div data-category="0" class="questions-container active">
                        @include('site.partials.faqList', ['questions' => $questions])
                    </div>

                    @foreach($categories as $category)

                        <div data-category="{{$category->category->id}}" class="questions-container">
                            @include('site.partials.faqList', ['questions' => $category->questions])
                        </div>

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


    @if(isset($page->translation->reasonWhy))
        <section class="reason-why-row">
            <div class="grid-row">

                <div class="kms-content content grid-col">
                    {!! $page->translation->reasonWhy->description !!}

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

@endsection