<?php $__env->startSection('content'); ?>
<?php $lang = app()->getLocale(); ?>
<section class="relative overflow-hidden" style="background: linear-gradient(130deg, #05202C 0%, #0B5E6B 55%, #0D7B8A 100%); padding: 5rem 0 6rem;">
<div class="absolute inset-0 pointer-events-none opacity-5" style="background-image: radial-gradient(circle, white 1px, transparent 1px); background-size: 40px 40px;"></div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative">
<div class="inline-flex items-center gap-2 rounded-full px-4 py-1.5 mb-5 border" style="background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);">
<span class="w-2 h-2 rounded-full" style="background:#22C55E;"></span>
<span class="text-xs font-semibold tracking-widest uppercase text-white/80"><?php echo e(__('site.blog_badge')); ?></span>
</div>
<h1 class="text-4xl sm:text-5xl font-black text-white mb-4" style="letter-spacing:-0.04em;"><?php echo e(__('site.blog_heading')); ?></h1>
<p class="text-lg max-w-2xl" style="color:rgba(255,255,255,0.65);"><?php echo e(__('site.blog_sub')); ?></p>
</div>
<div class="absolute bottom-0 left-0 right-0 overflow-hidden">
<svg viewBox="0 0 1440 50" preserveAspectRatio="none" class="w-full h-[36px]" fill="white"><path d="M0,50 C360,0 1080,0 1440,50 L1440,50 L0,50 Z"/></svg>
</div>
</section>
<section class="py-16" style="background:white;">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($posts->count()): ?>
<div class="grid md:grid-cols-2 lg:grid-cols-3 gap-8 mb-12">
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $posts; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $post): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<a href="<?php echo e(lang_url('/blog/'.$post->slug)); ?>" class="card group overflow-hidden flex flex-col reveal">
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->featured_image): ?>
<div class="overflow-hidden" style="height:200px;">
<img src="<?php echo e(asset('storage/'.$post->featured_image)); ?>" alt="<?php echo e($post->title); ?>" class="w-full h-full object-cover transition-transform duration-500 group-hover:scale-105">
</div>
<?php else: ?>
<div class="flex items-center justify-center text-5xl" style="height:200px;background:var(--primary-light);">📰</div>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<div class="p-6 flex flex-col flex-1">
<div class="flex items-center gap-3 mb-3">
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->category): ?>
<span class="text-xs font-bold px-2.5 py-1 rounded-full" style="background:var(--primary-light);color:var(--primary);"><?php echo e($post->category); ?></span>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<span class="text-xs" style="color:var(--text-muted);"><?php echo e($post->published_at?->format('d M Y')); ?></span>
</div>
<h2 class="font-black text-base leading-snug mb-2 transition-colors group-hover:text-primary" style="color:var(--dark);letter-spacing:-0.02em;"><?php echo e($post->title); ?></h2>
<?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($post->excerpt): ?>
<p class="text-sm leading-relaxed flex-1 mb-4" style="color:var(--text-muted);"><?php echo e(\Illuminate\Support\Str::limit($post->excerpt, 120)); ?></p>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
<div class="flex items-center justify-between mt-auto pt-4" style="border-top:1px solid var(--border);">
<span class="text-xs" style="color:var(--text-muted);"><?php echo e(__('site.blog_by')); ?> <?php echo e($post->author); ?></span>
<span class="text-xs font-semibold flex items-center gap-1 transition-transform group-hover:translate-x-1" style="color:var(--primary);"><?php echo e(__('site.btn_read_more')); ?> <svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M17 8l4 4m0 0l-4 4m4-4H3"/></svg></span>
</div>
</div>
</a>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
</div>
<?php echo e($posts->links()); ?>
<?php else: ?>
<div class="text-center py-24">
<p class="text-5xl mb-4">📰</p>
<p class="font-bold text-lg" style="color:var(--dark);"><?php echo e(__('site.blog_empty')); ?></p>
<p class="text-sm mt-2 mb-6" style="color:var(--text-muted);"><?php echo e(__('site.blog_empty_sub')); ?></p>
<a href="<?php echo e(lang_url('/contact')); ?>" class="btn-primary"><?php echo e(__('site.btn_contact_us')); ?></a>
</div>
<?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
</div>
</section>
<section class="py-14" style="background:var(--bg);border-top:1px solid var(--border);">
<div class="max-w-3xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
<h2 class="text-2xl font-black mb-3" style="color:var(--dark);letter-spacing:-0.03em;">Need Pharmaceutical Guidance?</h2>
<p class="mb-6" style="color:var(--text-muted);">Our team is happy to help with any medicine or supply enquiry.</p>
<div class="flex flex-wrap gap-3 justify-center">
<a href="<?php echo e(lang_url('/contact')); ?>" class="btn-primary"><?php echo e(__('site.btn_send_enquiry')); ?></a>
<a href="<?php echo e(whatsapp_url()); ?>" target="_blank" class="btn-outline"><?php echo e(__('site.btn_whatsapp')); ?></a>
</div>
</div>
</section>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('scripts'); ?>
<script>
const obs = new IntersectionObserver((entries) => { entries.forEach(e => { if(e.isIntersecting){e.target.classList.add('visible');obs.unobserve(e.target);} }); }, {threshold:0.08});
document.querySelectorAll('.reveal').forEach(el => obs.observe(el));
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.app', array_diff_key(get_defined_vars(), ['__data' => 1, '__path' => 1]))->render(); ?><?php /**PATH /home/skhata/chandrasons.com/resources/views/pages/blog/index.blade.php ENDPATH**/ ?>