<?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">QRIS Payment</p>
            <h2 class="text-2xl font-semibold text-white">Pembayaran QRIS untuk <?php echo e($service->name); ?></h2>
            <p class="max-w-2xl text-sm text-slate-300">Order #<?php echo e($order->id); ?> tercatat di riwayat pembelanjaan. Scan QR berikut, lalu kirim bukti transfer kepada admin agar pesanan dapat diproses.</p>
        </div>
     <?php $__env->endSlot(); ?>

    <div class="py-10">
        <div class="mx-auto grid max-w-6xl gap-6 px-4 sm:px-6 lg:grid-cols-[0.9fr_1.1fr] lg:px-8">
            <section class="rounded-3xl border border-white/10 bg-slate-950/70 p-6 shadow-2xl shadow-slate-950/30">
                <p class="text-sm font-medium text-cyan-200">Scan QRIS</p>
                <div class="mt-5 overflow-hidden rounded-3xl border border-white/10 bg-white p-4">
                    <?php if(! empty($qrisConfig['image_url'])): ?>
                        <img src="<?php echo e($qrisConfig['image_url']); ?>" alt="QRIS <?php echo e($qrisConfig['merchant_name']); ?>" class="mx-auto aspect-square w-full max-w-sm object-contain">
                    <?php else: ?>
                        <div class="mx-auto flex aspect-square w-full max-w-sm items-center justify-center rounded-2xl border-2 border-dashed border-slate-300 bg-slate-50 p-8 text-center text-sm text-slate-500">
                            Tambahkan `QRIS_IMAGE_URL` pada file `.env` agar gambar QRIS tampil di sini.
                        </div>
                    <?php endif; ?>
                </div>
                <div class="mt-5 rounded-2xl border border-amber-400/20 bg-amber-400/10 px-4 py-3 text-sm text-amber-100">
                    Merchant: <?php echo e($qrisConfig['merchant_name']); ?>

                </div>
                <div class="mt-4 rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-200">
                    Status order saat ini: <span class="font-semibold text-white"><?php echo e(ucfirst($order->status)); ?></span>
                </div>
            </section>

            <section 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">Ringkasan Pembelian</p>
                    <h3 class="mt-3 text-2xl font-semibold text-white"><?php echo e($service->name); ?></h3>
                    <p class="mt-3 text-sm leading-6 text-slate-300"><?php echo e($service->description); ?></p>
                    <div class="mt-5 rounded-2xl border border-white/10 bg-slate-950/50 px-4 py-4">
                        <p class="text-xs uppercase tracking-[0.2em] text-slate-500">Harga Dolar</p>
                        <p class="mt-1 text-3xl font-semibold text-white">$<?php echo e($service->formatted_price); ?></p>
                    </div>
                    <div class="mt-4 rounded-2xl border border-white/10 bg-white/5 px-4 py-4">
                        <p class="text-xs uppercase tracking-[0.2em] text-slate-500">Metode & Status</p>
                        <p class="mt-2 text-sm text-slate-300">Metode: QRIS</p>
                        <p class="mt-1 text-sm text-slate-300">Status: <?php echo e(ucfirst($order->status)); ?></p>
                    </div>
                </div>

                <div class="rounded-3xl border border-white/10 bg-slate-950/70 p-6 shadow-2xl shadow-slate-950/30">
                    <p class="text-sm font-medium text-cyan-200">Langkah Pembayaran</p>
                    <div class="mt-5 space-y-3">
                        <div class="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-200">1. Buka aplikasi e-wallet atau mobile banking yang mendukung QRIS.</div>
                        <div class="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-200">2. Scan QR code di sebelah kiri dan bayar sesuai nominal layanan.</div>
                        <div class="rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-slate-200">3. Simpan bukti transaksi untuk verifikasi admin.</div>
                        <div class="rounded-2xl border border-cyan-400/20 bg-cyan-400/10 px-4 py-3 text-sm text-cyan-50"><?php echo e($qrisConfig['note']); ?></div>
                    </div>

                    <div class="mt-6 flex flex-wrap gap-3">
                        <a href="<?php echo e(route('services.show', $service)); ?>" class="inline-flex items-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">
                            Kembali ke Detail
                        </a>
                        <a href="<?php echo e(route('dashboard')); ?>" class="inline-flex items-center rounded-full bg-cyan-400 px-5 py-3 text-sm font-semibold text-slate-950 transition hover:bg-cyan-300">
                            Kembali ke Dashboard
                        </a>
                    </div>
                </div>
            </section>
        </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/payments/qris.blade.php ENDPATH**/ ?>