@extends('layouts.app')

@section('title', $page->title)
@section('meta_description', \Illuminate\Support\Str::limit(strip_tags((string) ($page->teaser ?: $page->content)), 160))

@section('content')

<div class="edu-breadcrumb-area">
    <div class="container">
        <div class="breadcrumb-inner">
            <ul class="edu-breadcrumb">
                <li class="breadcrumb-item">
                    <a href="{{ LaravelLocalization::localizeUrl('/') }}">{{ __('navigation.home') }}</a>
                </li>
                <li class="separator"><i class="icon-angle-right"></i></li>
                <li class="breadcrumb-item active" aria-current="page">{{ $page->title }}</li>
            </ul>
        </div>
    </div>
    <ul class="shape-group">
        <li class="shape-1"><span></span></li>
        <li class="shape-2 scene"><img data-depth="2" src="{{ asset('assets/images/about/shape-13.png') }}" alt=""></li>
        <li class="shape-3 scene"><img data-depth="-2" src="{{ asset('assets/images/about/shape-15.png') }}" alt=""></li>
        <li class="shape-4"><span></span></li>
        <li class="shape-5 scene"><img data-depth="2" src="{{ asset('assets/images/about/shape-07.png') }}" alt=""></li>
    </ul>
</div>

<div class="edu-section-gap">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-9 col-xl-8">
                <div class="section-title section-center mb--20" data-sal-delay="150" data-sal="slide-up" data-sal-duration="800">
                    <h1 class="title">
                        {{ $page->title }}@if($page->teaser)<span class="color-primary"> {{ $page->teaser }}</span>@endif
                    </h1>
                    <span class="shape-line"><i class="icon-19"></i></span>
                </div>
                @if($page->content)
                <div class="about-content text-start" data-sal-delay="200" data-sal="slide-up" data-sal-duration="800">
                    @php
                        $pageContent = str_replace('primary-list', 'features-list', (string) $page->content);
                        $pageContent = preg_replace('/\bmt-\d+\b/', '', $pageContent);
                        $pageContent = preg_replace('/\bwow\s+fadeIn\s+animated\b/', '', $pageContent);
                        $pageContent = preg_replace('/\btext-content-big\b/', '', $pageContent);
                        $pageContent = preg_replace('/\s*class="\s*"/', '', $pageContent);
                    @endphp
                    @sanitized($pageContent)
                </div>
                @endif
            </div>
        </div>
    </div>
</div>

@endsection