@extends($layout)

@section('title', __($page->name))

@section('content')
    <div class="container-xl mt-5">
        <!-- Page title -->
        <div class="page-header">
            <div class="row align-items-center">
                <div class="col-auto">
                    <h2 class="page-title">
                        {{ $page->name }}
                    </h2>
                </div>
            </div>
        </div>
        <div class="row justify-content-center">
            <div class="col-lg-12">
                <div class="card card-lg">
                    <div class="card-body">
                        <div class="markdown">
                            <div class="d-flex">
                                <h2 class="h1 mt-0 mb-3">{{ $page->heading }}</h2>
                            </div>
                            <p>
                                {!! $page->page !!}
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@push('script')
@endpush