{{--
  Template Name: Small - Startsida
--}}

@extends('layouts.app')

@section('content')
  <x-page-section>
    <div class="row">
      <div class="col-lg-5">
        <x-page-header>
          {!! $page_title !!}

          @if (empty($page_lead) === false)
            <x-slot name="lead_text">
              {!! $page_lead !!}
            </x-slot>
          @endif
        </x-page-header>
      </div>

      @notempty($hero_image)
        <div class="col-lg-7">
          {!! $hero_image !!}
        </div>
      @endnotempty
    </div>
  </x-page-section>

  <x-page-section>
    <div class="row">
      <div class="col-lg-7">
        @foreach ($blocks['main'] as $block)
          {!! render_block($block) !!}
        @endforeach
      </div>

      @notempty($blocks['sidebar'])
        <div class="col-lg-4 lg:ml-auto">
          <aside class="mt-8 lg:mt-0">
            <div class="{{ \App\Tailwind::related_content_block() }} space-y-8">
              @foreach ($blocks['sidebar'] as $block)
                {!! render_block($block) !!}
              @endforeach

              @include('site.teaser-support-article')
            </div>
          </aside>
        </div>
      @endnotempty
    </div>
  </x-page-section>

  @include('site.membership-banner')
@endsection