@extends('frontend.layouts.app')
@section('title')
    {{ $message->type }} -
@endsection
@push('style')
@endpush
@section('content')
    @include('frontend.layouts.include.breadcrumb', [
        'items' => array_filter([
            $submenu ? ['name' => $submenu, 'url' => '#'] : null,
            $message->type ? ['name' => $message->type, 'url' => null] : null,
        ]),
    ])

    <div class="main-content">
        <div class="container-fluid principal-section pt-4">
            <div class="row ">
                @if ($message->type != 'Our Story')
                    <div class="col-12 principal-message">
                        @if ($message->message)
                            <span>
                                {!! $message->message !!}
                            </span>
                        @else
                            <h2 class="text-center">In Progress...</h2>
                        @endif
                    </div>
                @else
                    <div class="row align-items-center g-4 mb-4">
                        <div class="col-12 col-md-6">
                            <p>
                                {!! $message->message !!}
                            </p>
                        </div>

                        <div class="col-12 col-md-6">
                            <div class="embed-responsive embed-responsive-16by9 rounded shadow">
                                <iframe class="embed-responsive-item"
                                    src="https://www.youtube.com/embed/{{ $message->video }}" allowfullscreen=""></iframe>
                            </div>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>
@endsection
@push('script')
@endpush