관리-도구

편집 파일: 016a51fd3cac02413c4dd218f151d821.php

<?php $__env->startSection('content'); ?>

<?php
  // ===== Helpers / Inputs =====
  /** @var \App\Models\StoreSetting $s */
  $currency      = $s->currency_code ?? '$';
  $nlBtn         = __('messages.Subscribe');

/** @var \Illuminate\Support\Collection $banners */
  $byPos         = collect($banners ?? [])->groupBy('position');
  $printedCenter = false;

// Reusable banner renderer (keeps markup DRY)
  $renderBanners = function($list) {
      foreach ($list ?? collect() as $b) {
          $src  = $b->image_url ?? ($b->image ? asset($b->image) : asset('images/brands/no-image.png'));
          $href = $b->link ?: route('store.shop');
          echo '<a href="'.e($href).'" class="d-block"><img src="'.e($src).'" class="img-fluid rounded-4 shadow-sm w-100" alt="'.e($b->title ?? __('messages.Banner')).'"></a>';
      }
  };
?>

<?php if(($byPos['top_left'] ?? collect())->count() || ($byPos['top_right'] ?? collect())->count()): ?>
  <section class="py-4">
    <div class="container">
      <div class="row g-3">
        <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['top_left'] ?? collect()); ?></div>
        <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['top_right'] ?? collect()); ?></div>
      </div>
    </div>
  </section>
<?php endif; ?>

<?php $__empty_1 = true; $__currentLoopData = $blocks; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $block): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
  <?php switch($block['type']):

case ('hero'): ?>
      <section class="hero py-5">
        <div class="container">
          <div class="row align-items-center g-4">
            <div class="col-lg-6">
              <h1 class="display-6 mt-3"><?php echo e($block['title'] ?? $s->hero_title); ?></h1>
              <p class="lead text-secondary mb-4"><?php echo e($block['subtitle'] ?? $s->hero_subtitle); ?></p>
              <a href="<?php echo e(route('store.shop')); ?>" class="btn btn-primary">
                <i class="bi bi-lightning-charge"></i> <?php echo e(__('messages.ShopNow')); ?>

</a>
            </div>
           <div class="col-lg-6 text-center">
              <?php
                  $heroImg = $block['image'] ?? $s->hero_image_path;
                  $localFallback = public_path('store_files/hero_image.jpg');
                  $heroUrl = null;

if ($heroImg && file_exists(public_path($heroImg))) {
                      $heroUrl = asset($heroImg);
                  } elseif (file_exists($localFallback)) {
                      $heroUrl = asset('store_files/hero_image.jpg');
                  } else {
                      $heroUrl = 'https://picsum.photos/seed/hero-store/960/520';
                  }
              ?>

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

<?php if(!$printedCenter && ( ($byPos['center_left'] ?? collect())->count() || ($byPos['center_right'] ?? collect())->count() )): ?>
        <section class="py-4">
          <div class="container">
            <div class="row g-3">
              <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['center_left'] ?? collect()); ?></div>
              <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['center_right'] ?? collect()); ?></div>
            </div>
          </div>
        </section>
        <?php $printedCenter = true; ?>
      <?php endif; ?>
      <?php break; ?>

<?php case ('collection'): ?>
      <?php
        /** @var \App\Models\Collection $col */
        $col   = $block['collection'];
        $prods = $block['products'] ?? collect();
        $title = $block['title'] ?? ($col->title ?? $col->name ?? __('messages.Collection'));
      ?>

<?php if($prods->count()): ?>
      <section class="py-5">
        <div class="container">
          <div class="d-flex align-items-center justify-content-between mb-3">
            <h3 class="mb-0"><?php echo e($title); ?></h3>
            <a class="btn btn-sm btn-outline-primary" href="<?php echo e(route('store.shop', ['collection' => $col->slug])); ?>">
              <?php echo e(__('messages.ViewAll')); ?>

</a>
          </div>

<div class="row g-4">
            <?php $__currentLoopData = $prods; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $p): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
              <?php
                // Image & description
                $imgUrl    = $p->image ? asset('images/products/' . $p->image) : asset('images/products/no-image.png');
                $descShort = \Illuminate\Support\Str::limit(strip_tags($p->description ?? ''), 600);

// Already computed by controller via $p->minDisplayPrice(...)
                $minPrice  = (float) ($p->display_price ?? ($p->price ?? 0));

// Variants payload: use backend-computed display_price
                $variants = collect($p->variants ?? []);
                $variantPayload = $variants->map(function($v) use ($currency) {
                    $final = (float) ($v->display_price ?? ($v->price ?? 0));
                    return [
                        'id'                      => (int) ($v->id ?? 0),
                        'name'                    => (string) ($v->name ?? ''),
                        'price'                   => (float) ($v->price ?? 0), // base, informational
                        'display_price'           => $final,                   // final, show/use this
                        'display_price_formatted' => $currency . number_format($final, 2),
                        'image'                   => !empty($v->image) ? asset('images/products/' . $v->image) : null,
                    ];
                })->values();
              ?>

<div class="col-12 col-sm-6 col-lg-3">
                <div class="card product-card border-0 rounded-4 shadow-sm h-100">
                  <div class="product-media ratio ratio-1x1 position-relative rounded-top-4 overflow-hidden">
                    <img src="<?php echo e($imgUrl); ?>" class="img-cover" alt="<?php echo e($p->name); ?>">

<div class="icon-stack">
                      <button type="button"
                              class="btn btn-light btn-sm rounded-circle shadow position-absolute top-0 end-0 m-2 js-quick-view"
                              title="<?php echo e(__('messages.QuickView')); ?>"
                              style="z-index:3"
                              data-id="<?php echo e($p->id); ?>"
                              data-slug="<?php echo e($p->slug); ?>"
                              data-name="<?php echo e(e($p->name)); ?>"
                              data-price="<?php echo e(number_format($minPrice, 2, '.', '')); ?>"
                              data-image="<?php echo e($imgUrl); ?>"
                              data-currency="<?php echo e($currency); ?>"
                              data-description="<?php echo e(e($descShort)); ?>"
                              data-variants='<?php echo json_encode($variantPayload, 15, 512) ?>'>
                        <i class="bi bi-eye"></i>
                      </button>
                    </div>

</div>
                  </div>

<div class="card-footer bg-white border-0 pt-0 pb-3 px-3">
                    <div class="d-grid">
                      <button type="button"
                              class="btn btn-sm btn-primary w-100 js-add-to-cart"
                              data-id="<?php echo e($p->id); ?>"
                              data-slug="<?php echo e($p->slug); ?>"
                              data-name="<?php echo e(e($p->name)); ?>"
                              data-price="<?php echo e(number_format($minPrice, 2, '.', '')); ?>"
                              data-image="<?php echo e($imgUrl); ?>"
                              data-currency="<?php echo e($currency); ?>"
                              data-qty="1"
                              data-product-id="<?php echo e($p->id); ?>"
                              data-product-image="<?php echo e($imgUrl); ?>"
                              data-variants='<?php echo json_encode($variantPayload, 15, 512) ?>'>
                        <i class="bi bi-cart-plus"></i> <?php echo e(__('messages.AddToCart')); ?>

</button>
                      <div class="small mt-2 js-add-status text-muted" style="min-height:1.25rem;"></div>
                    </div>
                  </div>
                </div>
              </div>
            <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
          </div>
        </div>
      </section>
      <?php endif; ?>
      <?php break; ?>

<?php case ('newsletter'): ?>
      <?php
        $nlTitle       = $s->newsletter_title       ?? __('messages.GetFreshDealsTitle');
        $nlSubtitle    = $s->newsletter_subtitle    ?? __('messages.GetFreshDealsSubtitle');
        $nlPlaceholder = $s->newsletter_placeholder ?? __('messages.NewsletterEmailPlaceholder');
      ?>

<section class="py-5">
        <div class="container">
          <div class="p-4 border rounded-4" style="background:linear-gradient(90deg,rgba(108,92,231,.08),rgba(0,194,255,.08));">
            <div class="row align-items-center g-3">
              <div class="col-lg-6">
                <h4 class="mb-1"><?php echo e($nlTitle); ?></h4>
                <div class="text-secondary"><?php echo e($nlSubtitle); ?></div>
              </div>
              <div class="col-lg-6">
                <form id="newsletterForm" class="d-flex flex-column flex-md-row gap-2">
                  <?php echo csrf_field(); ?>
                  <input name="email" type="email" id="newsletterEmail" class="form-control form-control-lg" placeholder="<?php echo e($nlPlaceholder); ?>" required>
                  <button id="newsletterBtn" class="btn btn-lg btn-primary flex-shrink-0" type="submit">
                    <i class="bi bi-envelope-paper me-1"></i> <?php echo e($nlBtn); ?>

</button>
                </form>
                <div id="newsletterMsg" class="small mt-2"></div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <?php break; ?>

<?php endswitch; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>

<?php if(!$printedCenter && ( ($byPos['center_left'] ?? collect())->count() || ($byPos['center_right'] ?? collect())->count() )): ?>
    <section class="py-4">
      <div class="container">
        <div class="row g-3">
          <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['center_left'] ?? collect()); ?></div>
          <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['center_right'] ?? collect()); ?></div>
        </div>
      </div>
    </section>
    <?php $printedCenter = true; ?>
  <?php endif; ?>
<?php endif; ?>

<?php if(!$printedCenter && ( ($byPos['center_left'] ?? collect())->count() || ($byPos['center_right'] ?? collect())->count() )): ?>
  <section class="py-4">
    <div class="container">
      <div class="row g-3">
        <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['center_left'] ?? collect()); ?></div>
        <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['center_right'] ?? collect()); ?></div>
      </div>
    </div>
  </section>
<?php endif; ?>

<?php if(($byPos['footer_left'] ?? collect())->count() || ($byPos['footer_right'] ?? collect())->count()): ?>
  <section class="py-4">
    <div class="container">
      <div class="row g-3">
        <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['footer_left'] ?? collect()); ?></div>
        <div class="col-12 col-lg-6"><?php echo $renderBanners($byPos['footer_right'] ?? collect()); ?></div>
      </div>
    </div>
  </section>
<?php endif; ?>

</button>
              </div>

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

.product-media{ position:relative; }
  .img-cover{ width:100%; height:100%; object-fit:cover; display:block; }
  .media-gradient{
    position:absolute; inset:0;
    background: linear-gradient(to top, rgba(0,0,0,.35), rgba(0,0,0,0) 50%);
    opacity:0; transition: opacity .2s ease;
  }
  .product-media:hover .media-gradient{ opacity:.9; }

.icon-stack{
    position:absolute; top:.6rem; right:.6rem; display:flex; flex-direction:column; gap:.4rem; z-index:2;
  }

.qv-media{
    position:relative; height:100%; min-height: 420px;
    background:#0b1220;
    display:flex; align-items:center; justify-content:center;
    overflow:hidden; border-top-left-radius:1rem; border-bottom-left-radius:1rem;
  }
  .qv-img{
    max-width:100%; max-height:80vh; transition: transform .1s ease;
    cursor: zoom-in; user-select:none;
  }
  @media (max-width: 991.98px){
    .qv-media{ border-bottom-left-radius:0; border-top-right-radius:1rem; }
  }
</style>

// Helpers
  function safeParse(str){ try { return JSON.parse(str || '[]'); } catch(e){ return []; } }
  const money = (v) => CURRENCY + Number(v||0).toFixed(2);
  const html  = (s) => String(s||'').replace(/[&<>"']/g, m => ({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;',"'":'&#39;'}[m]));

/* ---------- QUICK VIEW ---------- */
  const qvModalEl = document.getElementById('quickViewModal');
  const imgEl     = document.getElementById('qvImg');
  const titleEl   = document.getElementById('qvTitle');
  const priceEl   = document.getElementById('qvPrice');
  const descEl    = document.getElementById('qvDesc');
  const wrapEl    = document.getElementById('qvVariantWrap');
  const listEl    = document.getElementById('qvVariantList');
  const infoEl    = document.getElementById('qvSelectedInfo');
  const addBtn    = document.getElementById('qvAddBtn');
  const statusEl  = document.getElementById('qvStatus');

let qvProduct = null;    // product object
  let qvSelected = null;   // chosen variant object
  let zoom = 1, maxZoom = 2.2;

// Open Quick View
  document.addEventListener('click', function(e){
    const trigger = e.target.closest('.js-quick-view');
    if(!trigger) return;
    e.preventDefault();

const variants = safeParse(trigger.dataset.variants);
    qvProduct = {
      id         : Number(trigger.dataset.id),
      slug       : trigger.dataset.slug,
      name       : trigger.dataset.name || '',
      // price is final min display price
      price      : parseFloat(trigger.dataset.price || '0'),
      image      : trigger.dataset.image || NOIMG,
      currency   : trigger.dataset.currency || CURRENCY,
      description: trigger.dataset.description || '',
      variants   : Array.isArray(variants) ? variants : []
    };

// Fill base UI
    imgEl.src = qvProduct.image || NOIMG;
    titleEl.textContent = qvProduct.name || '—';
    descEl.textContent  = qvProduct.description || '';

// Build variants list (display final price if provided)
    listEl.innerHTML = '';
    qvSelected = null;

if ((qvProduct.variants || []).length){
      wrapEl.classList.remove('d-none');
      (qvProduct.variants || []).forEach(v => {
        const priceShow = (typeof v.display_price !== 'undefined') ? v.display_price : v.price;
        const li = document.createElement('li');
        li.className = 'list-group-item d-flex align-items-center justify-content-between';
        li.innerHTML = `
          <div>
            <div class="fw-semibold">${html(v.name || '')}</div>
            <div class="text-muted small">${money(priceShow)}</div>
          </div>
          <div><input class="form-check-input" type="radio" name="qvChoice" value="${v.id}"></div>
        `;
        listEl.appendChild(li);
      });
      infoEl.textContent = <?php echo json_encode(__('messages.SelectVariant'), 15, 512) ?>;
      addBtn.disabled = true;
      listEl.addEventListener('change', onQVChange, { once:true });
      priceEl.textContent = money(qvProduct.price);
    } else {
      wrapEl.classList.add('d-none');
      infoEl.textContent = '—';
      addBtn.disabled = false;
      priceEl.textContent = money(qvProduct.price);
    }

statusEl.textContent = '';
    if (window.bootstrap && qvModalEl) bootstrap.Modal.getOrCreateInstance(qvModalEl).show();
  });

// Quick View – Add to cart
  addBtn.addEventListener('click', function(){
    if (!qvProduct) return;
    let item;

if ((qvProduct.variants || []).length){
      if (!qvSelected) { statusEl.textContent = <?php echo json_encode(__('messages.SelectVariant'), 15, 512) ?>; return; }
      const priceUse = (typeof qvSelected.display_price !== 'undefined') ? qvSelected.display_price : qvSelected.price;
      item = {
        id: String(qvProduct.id) + ':' + String(qvSelected.id),
        product_id: qvProduct.id,
        product_variant_id: Number(qvSelected.id),
        name: (qvProduct.name || 'Item') + ' — ' + (qvSelected.name || ''),
        variant_name: qvSelected.name || '',
        price: Number(priceUse || 0),
        qty: 1,
        image: qvProduct.image || NOIMG,
        slug: qvProduct.slug || '',
        currency: qvProduct.currency || CURRENCY
      };
    } else {
      item = {
        id: String(qvProduct.id),
        product_id: qvProduct.id,
        name: qvProduct.name || 'Item',
        price: Number(qvProduct.price || 0),
        qty: 1,
        image: qvProduct.image || NOIMG,
        slug: qvProduct.slug || '',
        currency: qvProduct.currency || CURRENCY
      };
    }

try { CartLS.add(item, 1); } catch(e){ console.error(e); }
    if (window.bootstrap && qvModalEl) bootstrap.Modal.getOrCreateInstance(qvModalEl).hide();
  });

// Image zoom
  imgEl.addEventListener('click', function(){
    zoom = (zoom === 1 ? maxZoom : 1);
    imgEl.style.transform = 'scale(' + zoom + ')';
    imgEl.style.cursor = (zoom > 1 ? 'zoom-out' : 'zoom-in');
  });
  imgEl.addEventListener('mousemove', function(e){
    if(zoom === 1) return;
    const rect = imgEl.getBoundingClientRect();
    const x = ((e.clientX - rect.left) / rect.width) * 100;
    const y = ((e.clientY - rect.top) / rect.height) * 100;
    imgEl.style.transformOrigin = x + '% ' + y + '%';
  });
  qvModalEl.addEventListener('hidden.bs.modal', () => {
    zoom = 1;
    imgEl.style.transform = 'scale(1)';
    imgEl.style.transformOrigin = 'center center';
  });

/* ---------- VARIANT PICKER (for card Add-to-cart) ---------- */
  const vpEl    = document.getElementById('variantPickerModal');
  const vpTitle = document.getElementById('vpProductTitle');
  const vpList  = document.getElementById('vpVariantList');
  const vpInfo  = document.getElementById('vpSelectedInfo');
  const vpBtn   = document.getElementById('vpConfirmBtn');

let vpProduct = null, vpSelected = null;

function openVariantPicker(source){
    const variants = safeParse(source.dataset.variants);
    vpProduct = {
      id: Number(source.dataset.productId || source.dataset.id),
      name: source.dataset.name || source.getAttribute('data-name') || '',
      image: source.dataset.productImage || source.dataset.image || NOIMG,
      currency: source.dataset.currency || CURRENCY,
      slug: source.dataset.slug || '',
      variants: Array.isArray(variants) ? variants : []
    };
    vpSelected = null;

vpTitle.textContent = vpProduct.name || '';
    vpList.innerHTML = '';

(vpProduct.variants || []).forEach(v => {
      const priceShow = (typeof v.display_price !== 'undefined') ? v.display_price : v.price;
      const li = document.createElement('li');
      li.className = 'list-group-item d-flex align-items-center justify-content-between';
      li.innerHTML = `
        <div>
          <div class="fw-semibold">${html(v.name || '')}</div>
          <div class="text-muted small">${money(priceShow)}</div>
        </div>
        <div><input class="form-check-input" type="radio" name="vpChoice" value="${v.id}"></div>
      `;
      vpList.appendChild(li);
    });

vpInfo.textContent = <?php echo json_encode(__('messages.SelectVariant'), 15, 512) ?>;
    vpBtn.disabled = true;

vpList.addEventListener('change', onVPChange, { once:true, passive:false });
    if (window.bootstrap && vpEl) bootstrap.Modal.getOrCreateInstance(vpEl).show();
  }

vpBtn.addEventListener('click', function(){
    if (!vpProduct || !vpSelected) return;
    const priceUse = (typeof vpSelected.display_price !== 'undefined') ? vpSelected.display_price : vpSelected.price;
    const item = {
      id: String(vpProduct.id) + ':' + String(vpSelected.id),
      product_id: vpProduct.id,
      product_variant_id: Number(vpSelected.id),
      name: (vpProduct.name || 'Item') + ' — ' + (vpSelected.name || ''),
      variant_name: vpSelected.name || '',
      price: Number(priceUse || 0),
      qty: 1,
      image: vpProduct.image || NOIMG,
      slug: vpProduct.slug || '',
      currency: vpProduct.currency || CURRENCY
    };
    try { CartLS.add(item, 1); } catch(e){ console.error(e); }
    if (window.bootstrap && vpEl) bootstrap.Modal.getOrCreateInstance(vpEl).hide();
  });

// Capture-phase: if .js-add-to-cart has variants, open picker and stop global handler
  document.addEventListener('click', function(e){
    const btn = e.target.closest('.js-add-to-cart');
    if (!btn) return;

const variants = safeParse(btn.dataset.variants);
    if (Array.isArray(variants) && variants.length){
      e.preventDefault(); e.stopPropagation(); e.stopImmediatePropagation();
      if (!btn.dataset.productId) btn.dataset.productId = btn.dataset.id || '';
      if (!btn.dataset.productImage) btn.dataset.productImage = btn.dataset.image || NOIMG;
      openVariantPicker(btn);
      return;
    }
    // else: no variants => allow global handler
  }, true);

// Newsletter submit
  document.addEventListener("DOMContentLoaded", function(){
    const form = document.getElementById("newsletterForm");
    const emailInput = document.getElementById("newsletterEmail");
    const btn = document.getElementById("newsletterBtn");
    const msg = document.getElementById("newsletterMsg");

if(!form) return;

form.addEventListener("submit", async function(e){
      e.preventDefault();
      msg.textContent = "";
      btn.disabled = true;
      btn.innerHTML = '<span class="spinner-border spinner-border-sm"></span>';

try {
        const resp = await fetch(<?php echo json_encode(route('newsletter.subscribe'), 15, 512) ?>, {
          method: "POST",
          headers: {
            "X-CSRF-TOKEN": document.querySelector('input[name="_token"]').value,
            "Accept": "application/json"
          },
          body: new FormData(form)
        });

const data = await resp.json().catch(() => ({}));

if (resp.ok) {
          msg.className = "text-success small mt-2";
          msg.textContent = <?php echo json_encode(__('messages.NewsletterThanks'), 15, 512) ?>;
          emailInput.value = "";
        } else {
          msg.className = "text-danger small mt-2";
          msg.textContent = data.message || <?php echo json_encode(__('messages.NewsletterFailed'), 15, 512) ?>;
        }
      } catch (err) {
        msg.className = "text-danger small mt-2";
        msg.textContent = <?php echo json_encode(__('messages.NetworkErrorTryAgain'), 15, 512) ?>;
      } finally {
        btn.disabled = false;
        btn.innerHTML = '<i class="bi bi-envelope-paper me-1"></i> ' + <?php echo json_encode($nlBtn, 15, 512) ?>;
      }
    });
  });
})();
</script>

<?php $__env->stopSection(); ?>

<?php echo $__env->make('layouts.store', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/inprosysltd/public_html/rtlpos.inprosysltd.com/resources/views/store/index.blade.php ENDPATH**/ ?>

Edulab LMS