{% extends "base.html" %}

{% block title %}Lokasi & Kontak Toko - DN SPORT Karawang{% endblock %}

{% block content %}
<div class="container store-page-wrap">
  <div class="store-header-box">
    <span class="hero-tagline-chip">OFFICIAL STORE · KARAWANG</span>
    <h1 class="ff-heading-title" style="margin-top:8px;font-size:36px">KUNJUNGI TOKO DN SPORT</h1>
    <p style="color:var(--ff-text-muted);font-size:14px;max-width:600px;margin:8px auto 0">
      Dapatkan pengalaman mencoba langsung sepatu & perlengkapan olahraga original dengan pelayanan terbaik di store Karawang.
    </p>
  </div>

  <div class="store-grid">
    <!-- Info Box -->
    <div class="store-card">
      <h3 class="store-title-decor">
        INFORMASI LENGKAP TOKO
      </h3>

      <div class="store-info-list">
        <div class="store-info-item">
          <div class="store-info-icon">📍</div>
          <div class="store-info-text">
            <strong>Alamat Store</strong>
            <p>
              Ruko Emporium Blok B/2, Puseurjaya, Telukjambe Timur, Kabupaten Karawang, Jawa Barat
            </p>
          </div>
        </div>

        <div class="store-info-item">
          <div class="store-info-icon">🕒</div>
          <div class="store-info-text">
            <strong>Jam Operasional</strong>
            <p>
              Buka Setiap Hari: <strong>09.00 - 21.00 WIB</strong><br>
              <span style="font-size:12px;color:#94a3b8">(Tetap buka pada hari libur nasional & akhir pekan)</span>
            </p>
          </div>
        </div>

        <div class="store-info-item">
          <div class="store-info-icon">📱</div>
          <div class="store-info-text">
            <strong>Layanan Pelanggan / WhatsApp</strong>
            <p>
              Nomor: <strong>0813-222-6445</strong><br>
              Konsultasi produk, cek ketersediaan ukuran, dan pemesanan online.
            </p>
          </div>
        </div>

        <div class="store-info-item">
          <div class="store-info-icon">💳</div>
          <div class="store-info-text">
            <strong>Metode Pembayaran di Toko</strong>
            <p>
              Tunai (Cash), QRIS (GoPay, OVO, Dana, BCA, Mandiri), dan Transfer Bank.
            </p>
          </div>
        </div>
      </div>

      <div class="store-action-btns">
        <a href="https://www.google.com/maps/search/?api=1&query=DN+SPORT+Ruko+Emporium+Karawang" target="_blank" class="btn btn-primary">
          🗺️ Buka di Google Maps
        </a>
        <a href="https://wa.me/628132226445?text=Halo%20DN%20Sport,%20saya%20ingin%20tanya%20arah%20ke%20toko" target="_blank" class="btn btn-whatsapp">
          💬 Chat CS Toko
        </a>
      </div>
    </div>

    <!-- Map & Directions -->
    <div class="store-card" style="text-align:center">
      <div style="font-size:42px;margin-bottom:10px">🏪</div>
      <h3 style="font-family:var(--font-display);font-size:26px;letter-spacing:0.8px;color:var(--ff-black);margin-bottom:6px">DN SPORT KARAWANG</h3>
      <p style="color:var(--ff-text-muted);font-size:13.5px;margin-bottom:20px;line-height:1.5">
        <strong>Patokan:</strong> Kawasan Ruko Emporium Telukjambe Timur, dekat pusat keramaian & kampus di Karawang. Area parkir luas & nyaman untuk mobil dan motor.
      </p>

      <div class="store-map-preview">
        <div style="font-size:28px;margin-bottom:8px">🗺️</div>
        <p style="font-weight:700;font-size:15px;margin-bottom:6px">Navigasi Langsung dari Smartphone</p>
        <p style="font-size:12.5px;color:#94a3b8;margin-bottom:16px">
          Dapatkan rute tercepat dan petunjuk arah belokan demi belokan langsung di aplikasi ponsel Anda.
        </p>
        <a href="https://www.google.com/maps/search/?api=1&query=DN+SPORT+Ruko+Emporium+Karawang" target="_blank" class="btn btn-accent" style="width:100%;font-weight:700;padding:12px 16px">
          🚗 Mulai Petunjuk Arah Google Maps
        </a>
      </div>

      <div style="font-size:12.5px;color:var(--ff-text-muted);background:#f8fafc;padding:12px;border-radius:8px;border:1px dashed #cbd5e1">
        Butuh panduan rute saat di jalan? Hubungi CS kami di <strong style="color:var(--ff-text)">0813-222-6445</strong>
      </div>
    </div>
  </div>
</div>
{% endblock %}