@extends('frontend.layouts.main')
@section('title') 

{{$$module_name_singular->title ?? '404'}} 

@endsection
@section('content')
<!--================Blog Area =================-->
<section class="blog_area single-post-area mt-20 md:mt-40 mb-20">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 col-sn-12 col-md-12 posts-list">
                <div class="single-post md:px-5 px-1.5 md:mt-10 mt-5">
                     @if(!$$module_name_singular)
                     <div class="bg-gray-200 p-4 rounded text-center">
                            <h2 class="text-lg font-semibold text-gray-700">Data Tidak Ditemukan</h2>
                            <p class="text-gray-500">Tidak ada postingan yang tersedia saat ini.</p>
                        </div>
                    @else

                    <h2 class="flex justify-center items-center mb-2 md:my-4 text-2xl md:text-4xl leading-tight md:leading-tight">
                    {{$$module_name_singular->title}}
                    </h2>
              
                    <div class="justify-center items-center blog_details pt-1">
                        <p class="excert py-0">
                            {!!$$module_name_singular->description!!}
                        </p>
                        
                    </div>
                    @endif
                </div>

                
                
                
            </div>
          
        </div>
    </div>
</section>
<!--================ Blog Area end =================-->
@endsection

@push('page_css')

<style>
        /* Aspect Ratio Utility */
        .pb-9\/16 {
            padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
        }
        .pb-9\/16 iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
    </style>
@endpush