@extends('layouts.user')

@section('title', 'Detail Buket - Florist dan Self Photo Studio Nganjuk')

@section('content')
    <section class="section-detailbuket">
        <div class="container">

            <div class="row">
                <div class="col-12">
                    <a href="{{ route('pesan.buket') }}" class="text-decoration-none text-muted small">
                        <i class="bi bi-arrow-left me-1"></i> Kembali ke Katalog
                    </a>
                </div>
            </div>

            <div class="row align-items-center">

                <div class="col-lg-5 mb-5 mb-lg-0">
                    <div class="detailbuket-img-frame">
                        <img src="{{ asset('img/hero-buket.jpg') }}" class="img-fluid" alt="Buket Lily Premium">
                    </div>
                </div>

                <div class="col-lg-6 offset-lg-1">
                    <div class="detailbuket-content">

                        <h1 class="detailbuket-title">Buket Lily Premium</h1>

                        <h3 class="detailbuket-price">Rp 150.000</h3>
                        <div class="detailbuket-specs d-flex align-items-center gap-4 mb-4">

                            <div class="detailbuket-specs d-flex align-items-center">

                                <div class="d-flex align-items-center gap-3">
                                    <div class="icon-box">
                                        <i class="bi bi-flower1"></i>
                                    </div>
                                    <div class="d-flex flex-column gap-1">
                                        <span class="detailbuket-spec-label">Kategori</span>
                                        <span class="detailbuket-spec-val">Fresh Flowers</span>
                                    </div>
                                </div>

                                <div class="detailbuket-vr"></div>

                                <div class="d-flex align-items-center gap-3">
                                    <div class="icon-box">
                                        <i class="bi bi-rulers"></i>
                                    </div>
                                    <div class="d-flex flex-column gap-1">
                                        <span class="detailbuket-spec-label">Ukuran</span>
                                        <span class="detailbuket-spec-val">Medium (40cm)</span>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <div class="detailbuket-desc mt-4">
                            <p>
                                Buket Lily Premium menghadirkan keanggunan dalam setiap helai kelopak lily segar berwarna
                                putih atau pink, dipadukan dengan daun hijau dan sentuhan baby’s breath yang lembut.
                            </p>
                            <p>
                                Rangkaian ini dibalut kertas premium bernuansa nude atau ivory dengan pita satin senada,
                                menciptakan tampilan yang mewah dan menenangkan. Cocok untuk perayaan pernikahan, wisuda,
                                atau ucapan terima kasih.
                            </p>
                        </div>

                        <p class="detailbuket-note mt-4">
                            <strong>Note:</strong> Penyesuaian warna bunga, wrapping, dan pita dapat ditulis di bagian
                            catatan saat pemesanan.
                        </p>

                        <div class="d-flex gap-3 mt-5">
                            <a href="{{ route('formulir.buket') }}" class="btn btn-detailbuket-primary flex-fill">
                                Beli Sekarang
                            </a>
                            <a href="https://wa.me/6289673668516?text=Halo%20Flo.do,%20saya%20tertarik%20dengan%20produk%20*Buket%20Lily%20Premium*%20seharga%20Rp%20150.000.%20Apakah%20masih%20tersedia?"
                                target="_blank" class="btn btn-detailbuket-secondary flex-fill">
                                Diskusikan di WA
                            </a>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </section>
@endsection