@extends('layouts.base')

@section('editable_content')

    <div class="information-page-content windows-doors">
        <div class="background-color"></div>
        <div class="content-container row">

            @if($page->content->windows_doors_intro->images->count() != 0)
                <div class="image-container">
                    <span style="background-image: url('{{$page->content->windows_doors_intro->images->first()->large_image_url}}');"></span>
                </div>
            @endif

            <div class="grid6 information-block">

                <h1>
                    {{$page->content->windows_doors_intro->translation->name}}
                </h1>
                <div class="text">
                    {{$page->content->windows_doors_intro->translation->description}}
                </div>
                <a href="@lang('buttons.offer-form.link')" class="button blue project-button">
                    @lang('buttons.offer-form.content')<span></span>
                </a>
            </div>

            <div class="info-menu">
                <h4>{{$page->translation->name}}</h4>
                <ul>
                    <li>
                        <a href="/{{$links->aluminium_windows->route}}">
                            {{$links->aluminium_windows->name}}
                        </a>
                    </li>
                    <li>
                        <a href="/{{$links->aluminium_doors->route}}">
                            {{$links->aluminium_doors->name}}
                        </a>
                    </li>
                    <li>
                        <a href="/{{$links->pvc_windows->route}}">
                            {{$links->pvc_windows->name}}
                        </a>
                    </li>
                    <li>
                        <a href="/{{$links->pvc_doors->route}}">
                            {{$links->pvc_doors->name}}
                        </a>
                    </li>
                </ul>
            </div>

        </div>
    </div>

    <div class="information-icon-row">

        <div class="content-container row">
            <ul class="grid10 offset-1 align-center ">
                @foreach(['aluminium_windows', 'aluminium_doors', 'pvc_windows', 'pvc_doors'] as $subMenuItem)
                    <li>
                        <a href="/{{$links->$subMenuItem->route}}">
                            <div id="{{$links->$subMenuItem->code_name}}"
                                 class="icon">
                                <span></span>
                            </div>

                            <p>{{$links->$subMenuItem->name}}</p>
                        </a>
                    </li>
                @endforeach
            </ul>
        </div>

        <div class="vertical-shadow"></div>
    </div>

    @include('layouts.partials.projectIsolationRow')

@endsection