<?php if (isset($component)) { $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54 = $component; } ?>
<?php if (isset($attributes)) { $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54 = $attributes; } ?>
<?php $component = App\View\Components\AppLayout::resolve([] + (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag ? $attributes->all() : [])); ?>
<?php $component->withName('app-layout'); ?>
<?php if ($component->shouldRender()): ?>
<?php $__env->startComponent($component->resolveView(), $component->data()); ?>
<?php if (isset($attributes) && $attributes instanceof Illuminate\View\ComponentAttributeBag): ?>
<?php $attributes = $attributes->except(\App\View\Components\AppLayout::ignoredParameterNames()); ?>
<?php endif; ?>
<?php $component->withAttributes([]); ?>
     <?php $__env->slot('header', null, []); ?> 
        <h2 class="serif" style="font-size: 1.3rem; color: var(--cream); font-weight: 400; letter-spacing: 0.05em;">
            <?php echo e($product->name); ?>

        </h2>
     <?php $__env->endSlot(); ?>

    <style>
        .product-image-container {
            background: #fff;
            border: 1px solid rgba(26,24,20,0.08);
            border-radius: 4px;
            overflow: hidden;
            aspect-ratio: 1/1;
        }
        .product-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .back-link {
            display: inline-flex;
            align-items: center;
            gap: 0.5rem;
            color: var(--warm-gray);
            font-size: 0.75rem;
            letter-spacing: 0.1em;
            text-transform: uppercase;
            text-decoration: none;
            margin-bottom: 2rem;
            transition: color 0.2s;
        }
        .back-link:hover { color: var(--charcoal); }
        .details-badge {
            display: inline-block;
            background: var(--charcoal);
            color: var(--cream);
            font-size: 0.65rem;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            font-weight: 500;
            padding: 0.3rem 0.8rem;
            border-radius: 2px;
            margin-bottom: 1.5rem;
        }
        .price-tag {
            font-family: 'Cormorant Garamond', Georgia, serif;
            font-size: 2.5rem;
            font-weight: 600;
            color: var(--charcoal);
            margin-bottom: 2rem;
        }
        .stock-info {
            font-size: 0.75rem;
            color: var(--warm-gray);
            margin-bottom: 2.5rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }
        .stock-indicator {
            width: 8px;
            height: 8px;
            border-radius: 50%;
        }
        .btn-primary {
            background: var(--charcoal);
            color: var(--cream);
            border: none;
            border-radius: 2px;
            padding: 1rem 2.5rem;
            font-size: 0.8rem;
            letter-spacing: 0.15em;
            text-transform: uppercase;
            font-weight: 600;
            cursor: pointer;
            transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
            display: inline-flex;
            align-items: center;
            gap: 0.75rem;
            box-shadow: 0 4px 12px rgba(26,24,20,0.1);
        }
        .btn-primary:hover {
            background: var(--amber);
            color: var(--charcoal);
            transform: translateY(-2px);
            box-shadow: 0 8px 24px rgba(200,136,58,0.25);
        }
    </style>

    <div style="padding: 4rem 0 6rem;">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            
            <a href="<?php echo e(route('home')); ?>" class="back-link">
                <svg xmlns="http://www.w3.org/2000/svg" style="width:14px;height:14px;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
                </svg>
                Back to collection
            </a>

            <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 4rem; align-items: start;">
                
                <!-- Image Section -->
                <div class="product-image-container">
                    <?php if($product->image): ?>
                        <img src="<?php echo e(asset('storage/' . $product->image)); ?>" alt="<?php echo e($product->name); ?>">
                    <?php else: ?>
                        <div style="width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--mist);background:var(--cream);">
                            <svg xmlns="http://www.w3.org/2000/svg" style="width:64px;height:64px;margin-bottom:12px;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" />
                            </svg>
                            <span style="font-size:0.75rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:500;">Image not available</span>
                        </div>
                    <?php endif; ?>
                </div>

                <!-- Info Section -->
                <div>
                    <span class="details-badge"><?php echo e($product->category->name); ?></span>
                    <h1 class="serif" style="font-size: 3.5rem; color: var(--charcoal); font-weight: 500; line-height: 1.1; margin-bottom: 1.5rem;">
                        <?php echo e($product->name); ?>

                    </h1>
                    
                    <div class="price-tag">৳<?php echo e(number_format($product->price, 2)); ?></div>

                    <div style="margin-bottom: 2.5rem;">
                        <h4 style="font-size: 0.7rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--mist); font-weight: 700; margin-bottom: 1rem;">Description</h4>
                        <p style="font-size: 1.05rem; color: var(--warm-gray); line-height: 1.8; max-width: 500px;">
                            <?php echo e($product->description); ?>

                        </p>
                    </div>

                    <div class="stock-info">
                        <div class="stock-indicator" style="background: <?php echo e($product->stock > 0 ? 'var(--success)' : 'var(--terracotta)'); ?>"></div>
                        <?php echo e($product->stock > 0 ? 'In Stock: ' . $product->stock . ' units' : 'Currently Unavailable'); ?>

                    </div>

                    <form action="<?php echo e(route('cart.add', $product)); ?>" method="POST">
                        <?php echo csrf_field(); ?>
                        <button type="submit" class="btn-primary" <?php echo e($product->stock <= 0 ? 'disabled' : ''); ?>>
                            <svg xmlns="http://www.w3.org/2000/svg" style="width:18px;height:18px;" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 11V7a4 4 0 00-8 0v4M5 9h14l1 12H4L5 9z" />
                            </svg>
                            Add to Cart
                        </button>
                    </form>
                </div>

            </div>
        </div>
    </div>
 <?php echo $__env->renderComponent(); ?>
<?php endif; ?>
<?php if (isset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $attributes = $__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__attributesOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php if (isset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54)): ?>
<?php $component = $__componentOriginal9ac128a9029c0e4701924bd2d73d7f54; ?>
<?php unset($__componentOriginal9ac128a9029c0e4701924bd2d73d7f54); ?>
<?php endif; ?>
<?php /**PATH D:\Laravel\ecom\resources\views\product-show.blade.php ENDPATH**/ ?>