@extends('site.master')

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

@section('content')
    <section class="content">
        @includeWhen(isset($page->translation->header),'site.partials.production-header', [ 'block' => $page->translation->header, 'subpage' => false ])


        <div class="grid-row full-row product-icons" id="icons">
            <div class="grid-col">
                <div class="grid-row">
                    <div class="grid-col icon-holder">
                        <a class="button arrow filled red scroll-to-target" href="#icons">
                            @lang('site/global.choose_an_option')
                        </a>
                        <div class="grid-row">

                            {{-- Icon links --}}
                            @if(isset($links->production))
                                @foreach( $productionPages as $product)
                                    @continue(!isset($links->{$product->code_name}))
                                    <a class="{{$product->code_name}}" href="/{{$links->{$product->code_name}->route}}">
                                        <div class="icon">
                                            @includeIf('svg.'.$product->code_name)
                                        </div>
                                        <label>{{$links->{$product->code_name}->name}}</label>
                                    </a>
                                @endforeach
                            @endif

                        </div>
                    </div>
                    <div class="grid-col image-holder">
                        <figure class="medium"
                                @if(isset($page->images[0]))
                                style="background-image: url('{{$page->images[0]->large_image_url}}')"
                                @endif
                        >
                            @if(isset($page->images[0]))
                                <img alt="impression" src="{{$page->images[0]->medium_image_url}}"/>
                            @endif
                        </figure>
                    </div>
                </div>
            </div>
        </div>


        @include('site.partials.CTA-bottom')
    </section>
@endsection