<?php $__env->startSection('title', $post->title); ?>

<?php $__env->startPush('scripts'); ?>
    <?php if($post->meta_description): ?>
        <meta name="description" content="<?php echo e($post->meta_description); ?>">
    <?php elseif($post->excerpt): ?>
        <meta name="description" content="<?php echo e(Str::limit($post->excerpt, 155)); ?>">
    <?php endif; ?>
<?php $__env->stopPush(); ?>

<?php $__env->startSection('content'); ?>
    <article>
        
        <?php if($post->cover_image): ?>
            <div class="relative h-72 w-full overflow-hidden sm:h-96">
                <img src="<?php echo e(asset($post->cover_image)); ?>" alt="<?php echo e($post->title); ?>" class="h-full w-full object-cover">
                <div class="absolute inset-0 bg-gradient-to-t from-slate-950/80 to-transparent"></div>
            </div>
        <?php else: ?>
            <div class="h-40 w-full bg-gradient-to-br from-slate-900 via-slate-800 to-gold-600"></div>
        <?php endif; ?>

        
        <header class="mx-auto max-w-3xl px-4 pt-10 text-center sm:px-6">
            <?php if($post->category): ?>
                <a href="<?php echo e(route('site.blog.index', ['category' => $post->category->slug])); ?>"
                   class="inline-block rounded-full bg-gold-400/20 px-3 py-1 text-[10px] font-bold uppercase tracking-wider text-gold-600"><?php echo e($post->category->name); ?></a>
            <?php endif; ?>
            <h1 class="mt-4 font-serif text-3xl font-bold leading-tight text-slate-900 sm:text-4xl"><?php echo e($post->title); ?></h1>
            <p class="mt-4 text-sm text-slate-500">
                By <span class="font-semibold text-slate-700"><?php echo e($post->author?->name ?? 'Epelcon Editorial'); ?></span>
                · <?php echo e($post->published_at?->format('F j, Y')); ?>

                · <?php echo e($post->readingMinutes()); ?> min read
                · <?php echo e(number_format($post->views)); ?> views
            </p>
        </header>

        
        <div class="mx-auto max-w-3xl px-4 py-10 text-lg leading-relaxed text-slate-700 sm:px-6">
            <?php if($post->excerpt): ?>
                <p class="mb-6 border-l-4 border-gold-400 pl-4 font-serif text-xl italic text-slate-600"><?php echo e($post->excerpt); ?></p>
            <?php endif; ?>
            <div class="space-y-5">
                <?php $__currentLoopData = preg_split("/\r?\n\r?\n/", trim($post->body)); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $paragraph): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                    <?php if(trim($paragraph) !== ''): ?>
                        <p><?php echo nl2br(e(trim($paragraph))); ?></p>
                    <?php endif; ?>
                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
            </div>
        </div>

        
        <section class="bg-slate-950 py-12 text-center text-white">
            <p class="text-xs font-bold uppercase tracking-[0.3em] text-gold-400">Ready to feel it in person?</p>
            <h2 class="mt-2 font-serif text-3xl font-bold">Book your Epelcon stay</h2>
            <p class="mx-auto mt-3 max-w-lg px-4 text-slate-300">Rooms, suites, dining and wellness — reserved in under two minutes.</p>
            <a href="<?php echo e(route('site.book')); ?>" class="mt-5 inline-block rounded-xl bg-gradient-to-r from-gold-400 to-gold-600 px-7 py-3 text-sm font-extrabold text-slate-950 hover:brightness-110">Reserve a room</a>
        </section>

        
        <?php if($related->count()): ?>
            <section class="mx-auto max-w-6xl px-4 py-12 sm:px-6">
                <h3 class="mb-6 font-serif text-2xl font-bold text-slate-900">More stories</h3>
                <div class="grid gap-5 sm:grid-cols-2 lg:grid-cols-3">
                    <?php $__currentLoopData = $related; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $r): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <a href="<?php echo e(route('site.blog.show', $r)); ?>" class="group overflow-hidden rounded-3xl bg-white shadow-sm ring-1 ring-slate-200 transition hover:shadow-lg">
                            <?php if($r->cover_image): ?>
                                <img src="<?php echo e(asset($r->cover_image)); ?>" alt="<?php echo e($r->title); ?>" class="h-40 w-full object-cover">
                            <?php else: ?>
                                <div class="flex h-40 w-full items-center justify-center bg-gradient-to-br from-slate-900 to-gold-600 text-4xl">📖</div>
                            <?php endif; ?>
                            <div class="p-5">
                                <?php if($r->category): ?>
                                    <span class="text-[10px] font-bold uppercase tracking-wider text-gold-600"><?php echo e($r->category->name); ?></span>
                                <?php endif; ?>
                                <h4 class="mt-1 font-serif text-lg font-bold text-slate-900 group-hover:text-gold-600"><?php echo e($r->title); ?></h4>
                                <p class="mt-1 text-xs text-slate-400"><?php echo e($r->published_at?->format('M j, Y')); ?></p>
                            </div>
                        </a>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </div>
            </section>
        <?php endif; ?>
    </article>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.site', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH C:\wamp64\www\hms\resources\views/site/blog/show.blade.php ENDPATH**/ ?>