@extends('layouts.pages.page')

@section('additional-page-content')

    <div class="method-forrest-row">
        <div class="grid-row">
            <div class="background"></div>

            <section class="grid-col col-6 image-side">
                <div class="images">
                    @foreach(['medium', 'small'] as $imageSize)
                        <span class="{{$imageSize}}"
                              style="background-image: url('{{ $page->content->forrest->images[0]->{$imageSize.'_image_url'} }}');"></span>
                    @endforeach

                    <picture>
                        <source media="(max-width: 425px)"
                                srcset="{{$page->content->forrest->images[0]->small_image_url}}">
                        <img src="{{$page->content->forrest->images[0]->medium_image_url}}"
                             alt="image">
                    </picture>
                </div>
            </section>

            <section class="grid-col col-4 content-block">

                <div class="content">
                    {{ $page->content->forrest->description }}
                </div>

                <div class="trigger">
                    <a class="button" href="{{$page->content->forrest->link}}">
                        {{$page->content->forrest->link_text}}
                        <span class="arrow">@include('svg.arrow')</span>
                    </a>
                </div>

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


@endsection