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

<?php $__env->startSection('content'); ?>
    <section class="bg-slate-950 py-14 text-white">
        <div class="mx-auto max-w-5xl px-4 sm:px-6">
            <a href="<?php echo e(route('site.vendors.index')); ?>" class="text-sm font-bold text-gold-400 hover:underline">← All partners</a>
            <div class="mt-4 flex flex-col items-start gap-5 sm:flex-row sm:items-center">
                <?php if($vendor->logo): ?>
                    <img src="<?php echo e(asset($vendor->logo)); ?>" alt="<?php echo e($vendor->name); ?>" class="h-24 w-24 rounded-2xl object-cover ring-2 ring-white/20">
                <?php else: ?>
                    <div class="flex h-24 w-24 items-center justify-center rounded-2xl bg-gradient-to-br from-sky-500 to-indigo-700 text-4xl">🏨</div>
                <?php endif; ?>
                <div>
                    <p class="text-xs font-bold uppercase tracking-[0.3em] text-gold-400"><?php echo e(ucfirst($vendor->type)); ?> · ★ <?php echo e($vendor->rating); ?></p>
                    <h1 class="mt-1 font-serif text-4xl font-bold"><?php echo e($vendor->name); ?></h1>
                    <p class="mt-1 text-slate-300"><?php echo e($vendor->address ? $vendor->address . ', ' : ''); ?><?php echo e($vendor->city); ?><?php echo e($vendor->country ? ', ' . $vendor->country : ''); ?></p>
                </div>
            </div>
        </div>
    </section>

    <section class="mx-auto max-w-5xl px-4 py-10 sm:px-6">
        <div class="grid gap-8 lg:grid-cols-3">
            <div class="lg:col-span-2">
                <?php if($vendor->description): ?>
                    <h2 class="font-serif text-xl font-bold text-slate-900">About</h2>
                    <p class="mt-2 leading-relaxed text-slate-600"><?php echo e($vendor->description); ?></p>
                <?php endif; ?>

                <h2 class="mt-8 font-serif text-xl font-bold text-slate-900">Rooms & spaces</h2>
                <div class="mt-4 grid gap-4 sm:grid-cols-2">
                    <?php $__empty_1 = true; $__currentLoopData = $vendor->spaces; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $space): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <div class="overflow-hidden rounded-2xl bg-white shadow-sm ring-1 ring-slate-200">
                            <?php if($space->image): ?>
                                <img src="<?php echo e(asset($space->image)); ?>" alt="<?php echo e($space->name); ?>" class="h-36 w-full object-cover">
                            <?php else: ?>
                                <div class="flex h-36 items-center justify-center bg-gradient-to-br from-slate-200 to-slate-300 text-4xl"><?php echo e(['room'=>'🛏','suite'=>'🛎','hall'=>'🎪','workspace'=>'💼','spa'=>'💆','other'=>'✨'][$space->space_type] ?? '✨'); ?></div>
                            <?php endif; ?>
                            <div class="p-4">
                                <span class="rounded-full bg-slate-100 px-2 py-0.5 text-[10px] font-bold uppercase text-slate-600"><?php echo e($space->space_type); ?></span>
                                <h3 class="mt-1.5 font-bold text-slate-900"><?php echo e($space->name); ?></h3>
                                <p class="text-xs text-slate-500">Up to <?php echo e($space->capacity); ?> guest<?php echo e($space->capacity === 1 ? '' : 's'); ?></p>
                                <?php if($space->amenities): ?>
                                    <div class="mt-2 flex flex-wrap gap-1">
                                        <?php $__currentLoopData = array_slice($space->amenities, 0, 4); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $am): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?><span class="rounded-full bg-stone-100 px-2 py-0.5 text-[10px] font-semibold text-slate-500"><?php echo e($am); ?></span><?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                    </div>
                                <?php endif; ?>
                                <p class="mt-3 text-lg font-extrabold text-gold-600"><?php echo e($CUR ?? '₦') . number_format((float) ($space->price), 2); ?><span class="text-xs font-medium text-slate-400">/<?php echo e($space->price_unit); ?></span></p>
                            </div>
                        </div>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <p class="col-span-full rounded-2xl bg-white p-6 text-center text-sm text-slate-400 ring-1 ring-slate-200">This partner hasn't listed spaces yet — contact them directly.</p>
                    <?php endif; ?>
                </div>
            </div>

            
            <div class="h-fit rounded-3xl bg-white p-6 shadow-sm ring-1 ring-slate-200" x-data="{ copied: false }">
                <h2 class="font-bold text-slate-900">Contact & refer</h2>
                <dl class="mt-3 space-y-2.5 text-sm">
                    <?php if($vendor->phone): ?><div><dt class="text-xs font-bold uppercase text-slate-400">Phone</dt><dd><a href="tel:<?php echo e($vendor->phone); ?>" class="font-bold text-indigo-600 hover:underline"><?php echo e($vendor->phone); ?></a></dd></div><?php endif; ?>
                    <?php if($vendor->email): ?><div><dt class="text-xs font-bold uppercase text-slate-400">Email</dt><dd><a href="mailto:<?php echo e($vendor->email); ?>" class="font-bold text-indigo-600 hover:underline"><?php echo e($vendor->email); ?></a></dd></div><?php endif; ?>
                    <?php if($vendor->website): ?><div><dt class="text-xs font-bold uppercase text-slate-400">Website</dt><dd><a href="<?php echo e($vendor->website); ?>" target="_blank" rel="noopener" class="font-bold text-indigo-600 hover:underline">Visit site ↗</a></dd></div><?php endif; ?>
                </dl>
                <?php if($vendor->email): ?>
                    <a href="mailto:<?php echo e($vendor->email); ?>?subject=Enquiry via Epelcon Marketplace" class="mt-4 block rounded-xl bg-slate-950 py-3 text-center text-sm font-bold text-white hover:bg-slate-800">✉️ Enquire now</a>
                <?php endif; ?>
                <button @click="navigator.clipboard.writeText(window.location.href).then(() => { copied = true; setTimeout(() => copied = false, 2000) })"
                        class="mt-2 block w-full rounded-xl bg-gold-500/10 py-3 text-center text-sm font-bold text-gold-600 hover:bg-gold-500/20">
                    <span x-show="!copied">🔗 Copy link to recommend</span>
                    <span x-show="copied" x-cloak>✓ Link copied!</span>
                </button>
            </div>
        </div>
    </section>
<?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/vendors/show.blade.php ENDPATH**/ ?>