@extends('layouts.main')

@section('page-id', '6037b84a8af131352541e616')

@section('body-class', 'sand')

@section('content')
<div class="section transparent with-back-button">
    <div class="wide-container position--relative">
      <div class="page-heading-wrapper with-back-button">
        <a href="{{ url()->previous() }}" class="back-button legal w-inline-block"><img src="{{ url('images/left-chevron.svg') }}" loading="lazy" width="36" height="13" alt="">
          <div>Back to previous page</div>
        </a>
        <div class="filter-by-wrapper">
          <div>Filter by:</div>
        </div>
      </div>
      <div class="news-columns w-row">
        <div class="news-filter-column w-col w-col-2 w-col-stack">
          <aside class="news-filter">
            <div class="news-filter-heading">
              <div>Filter By</div>
            </div>
            <ul role="list" class="news-filter-list w-list-unstyled">
@foreach ($categories as $category)
              <li>
                <a href="{{ route($category->slug) }}" class="news-filter-link {{ $mainCategory->id === $category->id ? 'w--current' : '' }}">{{ $category->title }}</a>
              </li>
@endforeach
            </ul>
          </aside>
        </div>
        <div class="article-column w-col w-col-10 w-col-stack">
          <article class="article-sheet">
            <div class="page-heading-wrapper article right">
              <div>Last Updated: @yield('article-last-updated')</div>
            </div>
            <div class="article-category">@yield('article-category')</div>
            <h1 class="h1-2 mt-0 mb-30">@yield('article-title')</h1>
@hasSection('article-content')
            <div class="article-content w-richtext">
@yield('article-content')
            </div>
@endif
@hasSection('article-faq')
@yield('article-faq')
@endif
@php
$footer = $footer ?? true;
@endphp
@if($footer === true)
            <div class="article-footer">
              <div class="divider mt-20 mb-60"></div>
              <div class="text-center">
                <a href="#top" class="button w-button">Back To Top</a>
              </div>
            </div>
@endif
          </article>
        </div>
      </div>
    </div>
  </div>
@endsection