@extends('layouts.app')


@section('title', 'Nagar Panchayat Manjhanpur | Uttar Pradesh')

@section('content')

<div class="container py-5">
    @if($content)
        <h2 class="mb-4 fw-bold">{{ $content->heading }}</h2>

        @if($content->image_url)
            <img src="{{ $content->image_url }}" class="content-image rounded mb-4" alt="{{ $content->heading }}">
        @endif

        @if($content->content_type === 'text')
            <div class="content-body">
                {!! clean($content->body) !!}
            </div>
        @elseif($content->content_type === 'pdf' && $content->pdf_url)
            <div class="ratio ratio-16x9 mb-3">
                <iframe src="{{ $content->pdf_url }}"></iframe>
            </div>
            <a href="{{ $content->pdf_url }}" class="btn btn-primary" target="_blank" download>
                <i class="fa-solid fa-download me-1"></i> Download PDF
            </a>
        @endif
    @else
        <p class="text-muted text-center py-5">No content available for this page yet.</p>
    @endif
</div>

<style>
    .content-image {
        max-width: 400px;
        width: 100%;
        height: 250px;
        object-fit: cover;
        display: block;
    }
</style>
@endsection