<a href="<?php echo e(route('product-detail', $product)); ?>" style="text-decoration: none; color: inherit;">
    <div class="product-card" data-category="<?php echo e($product->category->slug); ?>">
        <?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if BLOCK]><![endif]--><?php endif; ?><?php if($product->images->count() > 0): ?>
            <img src="<?php echo e(asset('storage/' . $product->images->first()->image_path)); ?>" alt="<?php echo e($product->name); ?>" class="card-image" style="background-size: cover; background-position: center;">
        <?php else: ?>
            <img src="<?php echo e($product->image); ?>" alt="<?php echo e($product->name); ?>" class="card-image" style="background-size: cover; background-position: center;">
        <?php endif; ?><?php if(\Livewire\Mechanisms\ExtendBlade\ExtendBlade::isRenderingLivewireComponent()): ?><!--[if ENDBLOCK]><![endif]--><?php endif; ?>
        <div class="card-content">
            <div class="card-title"><?php echo e($product->name); ?></div>
            <span class="card-tag"><?php echo e($product->category->name); ?></span>
            <p class="card-description"><?php echo e(substr($product->description, 0, 80)); ?>...</p>
            <div style="display: flex; justify-content: space-between; align-items: center; margin-top: 1rem;">
                <!-- <span style="font-family: var(--font-serif); font-weight: 600; font-size: 1.2rem;">R<?php echo e(number_format($product->price, 2)); ?></span> -->
                <button class="btn btn--sm" style="pointer-events: none;">View Details</button>
            </div>
        </div>
    </div>
</a>
<?php /**PATH /var/www/additional_design/resources/views/components/product-card.blade.php ENDPATH**/ ?>