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

@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(isset($page->school) && isset($links->{$page->school->type.'-faq'}))
                        <a class="faq-block link-block" href="/{{$links->{$page->school->type.'-faq'}->route}}">
                            <div class="placeholder">
                                <p>{{ KommaLang::get('searchFaq') }}</p>
                                <span>{{ KommaLang::get('readMore') }}</span>
                            </div>
                        </a>
                    @endif

                    <a class="sitemap-block link-block" href="/{{$links->{$page->school->type}->route}}/sitemap">
                        <div class="placeholder">
                            <p>{{ KommaLang::get('searchSitemap') }}</p>
                            <span>{{ KommaLang::get('searchSitemapCta') }}</span>
                        </div>
                    </a>

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

                </div>

                {{-- Main content block --}}
                <div class="grid-col main">

                    {{-- Loaded content --}}
                    <div class="content">
                        <h1>{{KommaLang::get('searchResults')}}</h1>

                        {{ Form::open(['url' => '/'.$page->root->translation->route->route.'/zoekresultaten', 'id' => 'inline-search-form', 'method' => 'get']) }}
                        {{ Form::text('q', \Input::get('q', null), ['id' => 'search', 'placeholder' => KommaLang::get('searchPlaceholder')])}}
                        {{ Form::submit() }}
                        <div class="submit-button">
                            {{ KommaLang::get('search') }}
                        </div>
                        {{ Form::close() }}

                        @if(isset($results->amount) && $results->amount >= 1)
                            <p>
                                <span class="amount">{{$results->amount}}</span> {{Lang::choice('translations.resultsFor', $results->amount)}}
                                "<span>{{$results->query}}</span>"
                            </p>
                        @elseif(isset($results->query))
                            <p>Geen resultaten gevonden op "<span>{{$results->query}}</span>"
                                @if($page->school->type !== 'foundation')
                                <br>Heeft u ook al gekeken op onze
                                <strong><a href="/de-stichting">stichting pagina?</a></strong></p>
                                @endif
                        @endif

                        @if(isset($results->amount) && $results->amount >= 1)

                            @if($results->results->faq->count() != 0)
                                <section class="faq-search search-results">
                                    <h2>{{$links->{$page->school->type.'-faq'}->name}}</h2>

                                    <ul>
                                        @foreach($results->results->faq as $key => $faq)
                                            <li>
                                                <a href="/{{$links->{$page->school->type.'-faq'}->route}}?faq={{$faq->faq_id}}">
                                                    {{$faq->name}}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </section>
                            @endif

                            @if($results->results->documents->count() != 0)
                                <section class="document-search search-results">
                                    <h2>@lang('translations.documents')</h2>

                                    <ul>
                                        @foreach($results->results->documents as $key => $document)
                                            <li>
                                                <a target="_blank" href="{{$document->file->path}}">
                                                    {{$document->name}} <span>(PDF)</span>
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </section>
                            @endif

                            @if($results->results->pages->count() != 0)
                                <section class="page-search search-results">
                                    <h2>{{KommaLang::get('pages')}}</h2>

                                    <ul>
                                        @foreach($results->results->pages as $key => $searchPage)
                                            <li>
                                                <a href="/{{$searchPage->translation->route->route}}">
                                                    {{$searchPage->translation->name}}
                                                </a>
                                            </li>
                                        @endforeach
                                    </ul>
                                </section>
                            @endif
                        @endif

                        <div class="cantFindSitemap">
                            <h4>{{KommaLang::get('cantFindSitemap')}}</h4>
                            <p>{{KommaLang::get('cantFindSitemapText')}}</p>

                            <a class="button" href="/{{$links->{$page->school->type}->route}}/sitemap">
                                {{KommaLang::get('cantFindSitemapButton')}}
                            </a>
                        </div>

                    </div>

                </div>
            </div>
        </div>

    </div>

@endsection

@section('extra-js')
    <script>
        $(function () {

            resizeMyPage();

            $(window).resize(
                $.throttle(100, resizeMyPage)
            );

            $('#inline-search-form .submit-button').click(function () {
                $('#inline-search-form').submit();
            });

        });

        function resizeMyPage() {
            // Main content must be at least 200px higher then the impression block
            $('.content-placeholder .main').css('min-height', $('.page .page-impression').height() + 200);

            // Resizing for the grey block on (default)pages
            var greyHeight = $('.content-placeholder .main').height() - $('.page .page-impression').height() + 60;
            var greyWidth = ($('.content-placeholder').width() - $('.page .content-placeholder>.grid-row').width()) / 2 + $('.page .page-impression').width();
            $('.grey-block').height(greyHeight).width(greyWidth);
        }
    </script>

@endsection