@extends('layouts.app')

@section('title', $page['title'])

@section('content')
<main class="page-wrapper">
  <div class="container py-lg-3 py-xl-4 py-xxl-5 mt-5">
    

    @if (!empty($page['image']))
      <div class="mb-4 mb-lg-5">
        <img src="{{ $page['image'] }}" alt="{{ $page['title'] }}" class="img-fluid rounded-3 w-100" style="max-height:480px;object-fit:cover;">
      </div>
    @endif

    <section class="container mb-5 pt-4 pb-2 py-mg-4">
      @if (is_string($page['content']))
        {!! $page['content'] !!}
      @else
        <pre class="bg-light p-3 rounded">{{ json_encode($page['content'], JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE) }}</pre>
      @endif
    </section>
  </div>
</main>
@endsection