<?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, []); ?> 
        <div class="flex flex-col gap-2">
            <p class="text-xs font-semibold uppercase tracking-[0.3em] text-cyan-300/80">Product Detail</p>
            <h2 class="text-2xl font-semibold text-white"><?php echo e($service->name); ?></h2>
            <p class="max-w-2xl text-sm text-slate-300">Detail jasa, fitur utama, dan opsi checkout modern untuk client yang sudah login.</p>
        </div>
     <?php $__env->endSlot(); ?>

    <div class="py-10">
        <div class="mx-auto flex max-w-7xl flex-col gap-8 px-4 sm:px-6 lg:px-8">
            <?php if(session('success')): ?>
                <div class="rounded-2xl border border-emerald-400/30 bg-emerald-500/10 px-5 py-4 text-sm text-emerald-100">
                    <?php echo e(session('success')); ?>

                </div>
            <?php endif; ?>

            <?php if(session('error')): ?>
                <div class="rounded-2xl border border-rose-400/30 bg-rose-500/10 px-5 py-4 text-sm text-rose-100">
                    <?php echo e(session('error')); ?>

                </div>
            <?php endif; ?>

            <section class="grid gap-6 lg:grid-cols-[1.15fr_0.85fr]">
                <article class="overflow-hidden rounded-3xl border border-white/10 bg-slate-950/70 shadow-2xl shadow-slate-950/30">
                    <div class="relative h-72 overflow-hidden">
                        <?php if($service->image_url): ?>
                            <img src="<?php echo e($service->image_url); ?>" alt="<?php echo e($service->name); ?>" class="h-full w-full object-cover">
                        <?php else: ?>
                            <div class="h-full w-full bg-gradient-to-br from-cyan-500 via-sky-500 to-indigo-700"></div>
                        <?php endif; ?>
                        <div class="absolute inset-0 bg-gradient-to-t from-slate-950 via-slate-950/60 to-transparent"></div>
                        <div class="absolute bottom-0 left-0 right-0 p-6">
                            <p class="text-xs font-semibold uppercase tracking-[0.25em] text-cyan-300">Nama Jasa</p>
                            <h3 class="mt-3 text-3xl font-semibold text-white"><?php echo e($service->name); ?></h3>
                            <div class="mt-4 inline-flex items-center rounded-full border border-emerald-400/20 bg-emerald-400/10 px-4 py-2 text-sm font-medium text-emerald-100">
                                Harga Dolar: $<?php echo e($service->formatted_price); ?>

                            </div>
                        </div>
                    </div>

                    <div class="space-y-6 p-6">
                        <div>
                            <p class="text-xs uppercase tracking-[0.2em] text-slate-500">Deskripsi Detail Jasa</p>
                            <p class="mt-3 text-sm leading-7 text-slate-300"><?php echo e($service->description); ?></p>
                        </div>

                        <div>
                            <p class="text-xs uppercase tracking-[0.2em] text-slate-500">Fitur Produk</p>
                            <div class="mt-4 grid gap-3 md:grid-cols-2">
                                <?php $__empty_1 = true; $__currentLoopData = $service->feature_items; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $feature): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                                    <div class="rounded-2xl border border-cyan-400/20 bg-cyan-400/10 px-4 py-3 text-sm font-medium text-cyan-50">
                                        <?php echo e($feature); ?>

                                    </div>
                                <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                                    <div class="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-400">
                                        Admin belum menambahkan daftar fitur untuk jasa ini.
                                    </div>
                                <?php endif; ?>
                            </div>
                        </div>
                    </div>
                </article>

                <aside id="checkout" class="space-y-6">
                    <div class="rounded-3xl border border-white/10 bg-white/10 p-6 shadow-2xl shadow-slate-950/30 backdrop-blur">
                        <p class="text-sm font-medium text-cyan-200">Checkout</p>
                        <h3 class="mt-3 text-2xl font-semibold text-white">Pilih metode pembayaran</h3>
                        <p class="mt-3 text-sm leading-6 text-slate-300">Client dapat memilih PayPal untuk pembayaran otomatis atau QRIS untuk transfer manual dengan scan QR.</p>
                    </div>

                    <div class="rounded-3xl border border-white/10 bg-slate-950/70 p-6 shadow-2xl shadow-slate-950/30">
                        <div class="flex items-center justify-between gap-4">
                            <div>
                                <p class="text-sm font-medium text-cyan-200">PayPal</p>
                                <h4 class="mt-2 text-xl font-semibold text-white">Bayar instan dalam USD</h4>
                            </div>
                            <span class="rounded-full border border-blue-400/20 bg-blue-400/10 px-3 py-1 text-xs font-semibold text-blue-100">Online</span>
                        </div>

                        <p class="mt-4 text-sm leading-6 text-slate-300">
                            Redirect ke halaman PayPal untuk approval pembayaran sebesar <span class="font-semibold text-white">$<?php echo e($service->formatted_price); ?></span>.
                        </p>

                        <form action="<?php echo e(route('payment.create')); ?>" method="POST" class="mt-6">
                            <?php echo csrf_field(); ?>
                            <input type="hidden" name="service_id" value="<?php echo e($service->id); ?>">
                            <button type="submit" class="inline-flex w-full items-center justify-center rounded-full bg-cyan-400 px-5 py-3 text-sm font-semibold text-slate-950 transition hover:bg-cyan-300">
                                Bayar dengan PayPal
                            </button>
                        </form>
                    </div>

                    <div class="rounded-3xl border border-white/10 bg-slate-950/70 p-6 shadow-2xl shadow-slate-950/30">
                        <div class="flex items-center justify-between gap-4">
                            <div>
                                <p class="text-sm font-medium text-cyan-200">QRIS</p>
                                <h4 class="mt-2 text-xl font-semibold text-white">Scan QR dan konfirmasi manual</h4>
                            </div>
                            <span class="rounded-full border border-amber-400/20 bg-amber-400/10 px-3 py-1 text-xs font-semibold text-amber-100">Manual</span>
                        </div>

                        <p class="mt-4 text-sm leading-6 text-slate-300">
                            Cocok untuk pembayaran lokal melalui e-wallet atau mobile banking yang mendukung QRIS.
                        </p>

                        <form action="<?php echo e(route('payment.qris.start', $service)); ?>" method="POST" class="mt-6">
                            <?php echo csrf_field(); ?>
                            <button type="submit" class="inline-flex w-full items-center justify-center rounded-full border border-white/15 bg-white/5 px-5 py-3 text-sm font-semibold text-white transition hover:bg-white/10">
                                Lihat QRIS & Instruksi
                            </button>
                        </form>
                    </div>
                </aside>
            </section>

            <?php if($relatedServices->isNotEmpty()): ?>
                <section class="space-y-4">
                    <div>
                        <p class="text-sm font-medium text-cyan-200">Produk Lainnya</p>
                        <h3 class="text-2xl font-semibold text-white">Alternatif jasa yang juga tersedia</h3>
                    </div>

                    <div class="grid gap-6 lg:grid-cols-3">
                        <?php $__currentLoopData = $relatedServices; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $relatedService): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                            <a href="<?php echo e(route('services.show', $relatedService)); ?>" class="rounded-3xl border border-white/10 bg-slate-950/60 p-5 transition hover:-translate-y-1 hover:border-cyan-400/40">
                                <p class="text-xs uppercase tracking-[0.2em] text-slate-500">Produk</p>
                                <h4 class="mt-3 text-lg font-semibold text-white"><?php echo e($relatedService->name); ?></h4>
                                <p class="mt-3 text-sm leading-6 text-slate-300"><?php echo e($relatedService->short_description); ?></p>
                                <p class="mt-5 text-lg font-semibold text-cyan-200">$<?php echo e($relatedService->formatted_price); ?></p>
                            </a>
                        <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                    </div>
                </section>
            <?php endif; ?>
        </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 C:\xampp\htdocs\zijintechnologyinverstment\resources\views/services/show.blade.php ENDPATH**/ ?>