<?php $__env->startSection('content'); ?>
<?php
$lang = app()->getLocale();

// Slug map for fallback logos (always show logos even if DB logo_path is empty)
$slugMap = [
    'Sun Pharma'                => 'sun-pharma',
    'Cipla'                     => 'cipla',
    "Dr. Reddy's Laboratories"  => 'dr-reddys',
    'Lupin Pharmaceuticals'     => 'lupin',
    'Abbott India'              => 'abbott-india',
    'Mankind Pharma'            => 'mankind-pharma',
    'Alkem Laboratories'        => 'alkem-laboratories',
    'Torrent Pharmaceuticals'   => 'torrent-pharmaceuticals',
    'Zydus Lifesciences'        => 'zydus-lifesciences',
    'Intas Pharmaceuticals'     => 'intas-pharmaceuticals',
    'GSK India'                 => 'gsk-india',
    'Pfizer India'              => 'pfizer-india',
    'Novartis India'            => 'novartis-india',
    'Sanofi India'              => 'sanofi-india',
    'Aurobindo Pharma'          => 'aurobindo-pharma',
    'IPCA Laboratories'         => 'ipca-laboratories',
    'Glenmark Pharmaceuticals'  => 'glenmark-pharmaceuticals',
    'Biocon'                    => 'biocon',
    'Micro Labs'                => 'micro-labs',
    'Elder Pharmaceuticals'     => 'elder-pharmaceuticals',
    'Himalaya Drug Company'     => 'himalaya-drug-company',
    'Dabur Pharmaceuticals'     => 'dabur',
    'Emami Limited'             => 'emami',
    'Wockhardt'                 => 'wockhardt',
    'Natco Pharma'              => 'natco-pharma',
    'Hetero Healthcare'         => 'hetero-healthcare',
    'Strides Pharma'            => 'strides-pharma',
    'Eris Lifesciences'         => 'eris-lifesciences',
    'Procter & Gamble Health'   => 'pg-health',
    'Reckitt Benckiser India'   => 'reckitt-benckiser',
];
?>


<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 animate-pulse" style="background:#22C55E;"></span>
      <span class="text-xs font-semibold tracking-widest uppercase text-white/80"><?php echo e(__('site.brands_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.brands_heading')); ?></h1>
    <p class="text-lg max-w-2xl" style="color:rgba(255,255,255,0.65);"><?php echo e(__('site.brands_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-10" style="background:var(--bg);border-bottom:1px solid var(--border);">
  <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
    <div class="flex flex-wrap justify-center gap-x-10 gap-y-4">
      <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = ['150+ Brand Partners','100% Genuine Products','Authorized Distributor','Direct from Manufacturer']; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $badge): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="flex items-center gap-2">
        <svg class="w-4 h-4 flex-shrink-0" style="color:var(--primary)" fill="none" stroke="currentColor" viewBox="0 0 24 24" stroke-width="2.5"><path stroke-linecap="round" stroke-linejoin="round" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
        <span class="text-sm font-semibold" style="color:var(--dark);"><?php echo e($badge); ?></span>
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </div>
  </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($brands->count()): ?>
    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
      <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $brands; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $brand): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <?php
        // Use DB logo_path if set, otherwise derive from slugMap
        $logoPath = $brand->logo_path ?: (isset($slugMap[$brand->name]) ? 'brands/'.$slugMap[$brand->name].'.svg' : null);
      ?>
      <div class="card p-4 flex flex-col items-center justify-center text-center group reveal" style="min-height:110px;">
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($logoPath): ?>
          <img src="<?php echo e(asset('storage/'.$logoPath)); ?>"
               alt="<?php echo e($brand->name); ?>"
               class="w-full max-h-12 object-contain mb-3 transition-all duration-300"
               style="max-width:140px; filter: grayscale(30%); opacity:0.85;"
               onmouseover="this.style.filter='grayscale(0%)';this.style.opacity='1'"
               onmouseout="this.style.filter='grayscale(30%)';this.style.opacity='0.85'">
        <?php else: ?>
          <div class="w-12 h-12 rounded-xl flex items-center justify-center mb-3 flex-shrink-0 transition-colors group-hover:bg-primary" style="background:var(--primary-light);">
            <span class="font-black text-lg transition-colors group-hover:text-white" style="color:var(--primary);"><?php echo e(substr($brand->name,0,1)); ?></span>
          </div>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        <p class="text-xs font-semibold leading-tight transition-colors group-hover:text-primary" style="color:var(--dark);"><?php echo e($brand->name); ?></p>
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($brand->website_url): ?>
        <a href="<?php echo e($brand->website_url); ?>" target="_blank" rel="noopener" class="text-[10px] mt-1.5 opacity-0 group-hover:opacity-100 transition-opacity" style="color:var(--primary);"><?php echo e(__('site.brands_website')); ?> ↗</a>
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </div>

    
    <div class="mt-12 rounded-2xl p-6 text-center" style="background:var(--bg);border:1px solid var(--border);">
      <p class="text-sm font-semibold mb-1" style="color:var(--dark);">+ Many More Brands Available</p>
      <p class="text-sm" style="color:var(--text-muted);">We distribute 150+ brands. Contact us for the complete list and availability in your area.</p>
    </div>

    <?php else: ?>
    
    <?php
    $staticBrands = [
        ['name'=>'Sun Pharma','slug'=>'sun-pharma','url'=>'https://www.sunpharma.com'],
        ['name'=>'Cipla','slug'=>'cipla','url'=>'https://www.cipla.com'],
        ['name'=>"Dr. Reddy's",'slug'=>'dr-reddys','url'=>'https://www.drreddys.com'],
        ['name'=>'Lupin','slug'=>'lupin','url'=>'https://www.lupin.com'],
        ['name'=>'Abbott India','slug'=>'abbott-india','url'=>'https://www.abbott.co.in'],
        ['name'=>'Mankind Pharma','slug'=>'mankind-pharma','url'=>'https://www.mankindpharma.com'],
        ['name'=>'Alkem Labs','slug'=>'alkem-laboratories','url'=>'https://www.alkemlabs.com'],
        ['name'=>'Torrent Pharma','slug'=>'torrent-pharmaceuticals','url'=>'https://www.torrentpharma.com'],
        ['name'=>'Zydus','slug'=>'zydus-lifesciences','url'=>'https://www.zyduslife.com'],
        ['name'=>'Intas Pharma','slug'=>'intas-pharmaceuticals','url'=>'https://www.intaspharma.com'],
        ['name'=>'GSK India','slug'=>'gsk-india','url'=>'https://in.gsk.com'],
        ['name'=>'Pfizer India','slug'=>'pfizer-india','url'=>'https://www.pfizer.co.in'],
        ['name'=>'Novartis India','slug'=>'novartis-india','url'=>'https://www.novartis.in'],
        ['name'=>'Sanofi India','slug'=>'sanofi-india','url'=>'https://www.sanofi.in'],
        ['name'=>'Aurobindo','slug'=>'aurobindo-pharma','url'=>'https://www.aurobindo.com'],
        ['name'=>'IPCA Labs','slug'=>'ipca-laboratories','url'=>'https://www.ipca.com'],
        ['name'=>'Glenmark','slug'=>'glenmark-pharmaceuticals','url'=>'https://www.glenmarkpharma.com'],
        ['name'=>'Biocon','slug'=>'biocon','url'=>'https://www.biocon.com'],
        ['name'=>'Micro Labs','slug'=>'micro-labs','url'=>'https://www.microlabsltd.com'],
        ['name'=>'Elder Pharma','slug'=>'elder-pharmaceuticals','url'=>'https://www.elderpharmaceuticals.com'],
        ['name'=>'Himalaya','slug'=>'himalaya-drug-company','url'=>'https://www.himalayawellness.in'],
        ['name'=>'Dabur','slug'=>'dabur','url'=>'https://www.dabur.com'],
        ['name'=>'Emami','slug'=>'emami','url'=>'https://www.emamiltd.in'],
        ['name'=>'Wockhardt','slug'=>'wockhardt','url'=>'https://www.wockhardt.com'],
        ['name'=>'Natco Pharma','slug'=>'natco-pharma','url'=>'https://www.natcopharma.co.in'],
        ['name'=>'Hetero','slug'=>'hetero-healthcare','url'=>'https://www.heterohealthcare.com'],
        ['name'=>'Strides Pharma','slug'=>'strides-pharma','url'=>'https://www.strides.com'],
        ['name'=>'Eris Life','slug'=>'eris-lifesciences','url'=>'https://www.erislife.com'],
        ['name'=>'P&G Health','slug'=>'pg-health','url'=>'https://www.pghealth.in'],
        ['name'=>'Reckitt','slug'=>'reckitt-benckiser','url'=>'https://www.rb.com'],
    ];
    ?>
    <div class="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5 xl:grid-cols-6 gap-4">
      <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php $__currentLoopData = $staticBrands; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $brand): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
      <div class="card p-4 flex flex-col items-center justify-center text-center group reveal" style="min-height:110px;">
        <img src="<?php echo e(asset('storage/brands/'.$brand['slug'].'.svg')); ?>"
             alt="<?php echo e($brand['name']); ?>"
             class="w-full max-h-12 object-contain mb-3 transition-all duration-300"
             style="max-width:140px; filter:grayscale(30%); opacity:0.85;"
             onmouseover="this.style.filter='grayscale(0%)';this.style.opacity='1'"
             onmouseout="this.style.filter='grayscale(30%)';this.style.opacity='0.85'">
        <p class="text-xs font-semibold leading-tight transition-colors group-hover:text-primary" style="color:var(--dark);"><?php echo e($brand['name']); ?></p>
        <a href="<?php echo e($brand['url']); ?>" target="_blank" rel="noopener" class="text-[10px] mt-1.5 opacity-0 group-hover:opacity-100 transition-opacity" style="color:var(--primary);"><?php echo e(__('site.brands_website')); ?> ↗</a>
      </div>
      <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
    </div>
    <div class="mt-12 rounded-2xl p-6 text-center" style="background:var(--bg);border:1px solid var(--border);">
      <p class="text-sm font-semibold mb-1" style="color:var(--dark);">+ Many More Brands Available</p>
      <p class="text-sm" style="color:var(--text-muted);">We distribute 150+ brands. Contact us for the complete list and availability in your area.</p>
    </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;">Looking for a Specific Brand?</h2>
    <p class="mb-6" style="color:var(--text-muted);">Our catalog is updated regularly. If you can't find what you need, contact us — we'll source it for you.</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.05});
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/stpnp/chandrasons.com/resources/views/pages/brand-partners.blade.php ENDPATH**/ ?>