@extends('layouts.master', ['view' => 'faq'])

@section('editable_content')

    <div class="image-wrapper">
        @include('layouts.partials.navigation')

        <div class="content-placeholder">

            {{-- Make extra block for the creative backgrounds in this design :p --}}
            <div class="background"></div>
            <div class="grey-block"></div>

            <div class="grid-row">
                <span class="right-icon styling"></span>


                {{-- Impression block --}}
                <div class="page-impression grid-col">

                    @if(starts_with($page->school->type, 'vso'))
                        <img alt="{{$page->translation->name}}"
                             src="/img/faq-image-college.jpg"/>
                    @else
                        <img alt="{{$page->translation->name}}"
                         src="/img/faq-image.jpg"/>
                    @endif

                    {{-- Not found block --}}
                    <div class="faq-not-found">

                        <h3>{{ KommaLang::get('faqNotFoundHeader') }}</h3>
                        <p>{{ KommaLang::get('faqNotFoundMessage') }}</p>

                        <a href="tel:{{ \Config::get('business.schools.'.$page->root->code_name.'.phone_call') }}">{{ \Config::get('business.schools.'.$page->root->code_name.'.phone_display') }}</a>

                    </div>

                    <span class="left-icon styling"></span>

                </div>

                {{-- Main content block --}}
                <div class="grid-col main faq-items">
                    <div class="content">
                        <h1>{{$page->translation->name}}</h1>

                        {{-- Loop through FAQ item bind to this school --}}
                        @foreach($page->school->faq()->with('translation')->orderBy('faq.lft', 'asc')->get() as $key => $item)
                            <article class="faq-item @if( \Input::get('faq', null) == $item->id) active forced-active @endif" id="faq-{{$item->id}}">
                                <p class="name" >{{$item->translation->name}}</p>

                                <div class="answer">
                                    {{$item->translation->description}}
                                </div>
                            </article>
                        @endforeach


                    </div>
                </div>


            </div>
        </div>

    </div>



@endsection

@section('extra-js')
    <script src="/js/faq.js?v=3"></script>
@endsection