@extends('site.layouts.' . $pageTemplate)

@if ($page)
    <x-site.meta-component :model="$page" />
@endif

@section('contents')
    <div class="container">
        <div class="row">
            <div class="col-12 py-4">
                @if ($page)
                    <h1 style="margin:0; padding:5px 0px; border-bottom:1px solid #ccc; margin-bottom:20px; font-size:22px">
                        {{ $page->title }}</h1>
                    @if ($page->featured_image)
                        <img src="{{ asset('uploads/pages/' . $page->featured_image) }}"
                            alt="{{ pathinfo($page->featured_image, PATHINFO_FILENAME) }}"
                            title="{{ pathinfo($page->featured_image, PATHINFO_FILENAME) }}"
                            style="width:250px; height:200px; float:left; margin:10px 20px 20px 20px">
                    @endif

                    <div style="text-align:justify">
                        {!! $page->contents ?? 'No Contents' !!}
                    </div>
                @else
                    <h4 class="text-center">Page Not Found !</h4>
                @endif
            </div>
        </div>
    </div>
@endsection