@extends('site.master')

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

@section('content')
    <div class="o-body">

        @if($components->has('heading'))
            @php
                // Make a quick accessor
                $referencesHeading = $components->get('heading');
            @endphp

            <section class="o-references  o-block">
                <div class="c-heading  l-contain">
                    <h1 class="c-heading__title">{{ $page->translation->name }}</h1>
                    <p class="c-heading__subtitle">@lang('site/references.subheading')</p>
                </div>
                <div class="o-intro  l-contain">
                    <div class="o-intro__main  s-text">
                        {!! $referencesHeading->text !!}
                    </div>
                    <div class="o-intro__aside">
                        <ul class="c-usp">
                            @foreach(__('site/references.intro.usp') as $uspText)
                                <li class="c-usp__item">
                                    <p class="c-usp__text">
                                        <span class="c-usp__highlight">{{$uspText}}</span>
                                    </p>
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @else
                {{ debug('Make a named area for: heading') }}
            @endif

            @include('site.organisms.components')

        </section>

        <section class="o-block  l-contain">
            @include('site.organisms.servicepoint')
        </section>

    </div>
@endsection