{**
 * Store page: a CMS page linked to a store in BO > Magasins (module rocketextrastore).
 * Store data ($cms.store) comes from the store record; editorial text comes from the CMS content.
 * Changes vs current file: real H1, phone, directions button, per-store map, "Fermé" for empty days,
 * LocalBusiness JSON-LD (built in override/controllers/front/CmsController.php).
 *}
{extends file='parent:cms/page.tpl'}

{block name='page_header_container'}{/block}

{block name='head_microdata_special'}
  {if isset($store_jsonld) && $store_jsonld}
    <script type="application/ld+json">{$store_jsonld nofilter}</script>
  {/if}
{/block}

{block name='cms_content_class'}o-wrapper c-page-cms c-cmsstore u-mt-4{/block}

{block name='cms_content'}
  {if $cms.store}
  {assign var='store' value=$cms.store}
  <div class="u-flex c-cmsstore__section u-p-rel">
    <div class="c-cmsstore__thumb">
      <picture>
        {if !empty($store.image.bySize.stores_default.sources.avif)}
          <source srcset="{$store.image.bySize.stores_default.sources.avif}" type="image/avif">{/if}
        {if !empty($store.image.bySize.stores_default.sources.webp)}
          <source srcset="{$store.image.bySize.stores_default.sources.webp}" type="image/webp">{/if}
        <img src="{$store.image.bySize.stores_default.url}"
             alt="{if !empty($store.image.legend)}{$store.image.legend}{else}{$store.name}{/if}"
             width="{$store.image.bySize.stores_default.width}" height="{$store.image.bySize.stores_default.height}"
             fetchpriority="high" class="u-img-cover">
      </picture>
    </div>
    <div class="c-cmsstore__info">
      {* Was a <p class="u-h1">: the page had no H1. *}
      <h1 class="c-cmsstore__title u-h1">
        <span class="c-cmsstore__kicker">{l s='Magasin Foot.fr' d='Shop.Theme.Global'}</span> {$store.name}
      </h1>
      <address class="c-cmsstore__adress">{$store.address.formatted nofilter}</address>
      {if $store.phone}
        <p class="c-cmsstore__phone"><a class="u-txt-bold" href="tel:{$store.phone|replace:' ':''}">{$store.phone}</a></p>
      {/if}
      {if $store.latitude && $store.longitude}
        <a class="btn btn-primary c-cmsstore__cta" target="_blank" rel="noopener"
           href="https://www.google.com/maps/dir/?api=1&amp;destination={$store.latitude},{$store.longitude}">
          {l s='Itinéraire' d='Shop.Theme.Global'}
        </a>
      {/if}
    </div>
  </div>

  <div class="u-flex c-cmsstore__section">
    <div class="c-cmsstore__hours">
      <h2 class="u-h3 u-mb-1">{l s='Horaires' d='Shop.Theme.Global'}</h2>
      {if $store.note}<p class="c-cmsstore__note">{$store.note}</p>{/if}
      {foreach $store.business_hours as $day}
        {assign var='isOpen' value=false}
        {foreach $day.hours as $h}{if $h|trim != ''}{assign var='isOpen' value=true}{/if}{/foreach}
        <div class="u-flex u-justify-content-between">
          <span>{$day.day}</span>
          <span class="c-cmsstore__hours--val">
            {if $isOpen}
              {foreach $day.hours as $h name='slots'}{$h}{if !$smarty.foreach.slots.last} / {/if}{/foreach}
            {else}
              {l s='Fermé' d='Shop.Theme.Global'}
            {/if}
          </span>
        </div>
      {/foreach}
    </div>
    {* Static image per store (img/foot/stores/map-{id}.jpg): no Google Maps iframe, so no cookie before consent.
       Falls back to the generic foot/map.jpg until the store image is uploaded. *}
    {if $store.latitude && $store.longitude}
      <a class="c-cmsstore__map u-p-rel" target="_blank" rel="noopener"
         href="https://www.google.com/maps/search/?api=1&amp;query={$store.latitude},{$store.longitude}">
        <img class="u-img-cover" src="{$urls.img_url}foot/stores/map-{$store.id}.jpg"
             onerror="this.onerror=null;this.src='{$urls.img_url}foot/map.jpg'"
             alt="{l s="Plan d'accès" d='Shop.Theme.Global'} {$store.name}" width="600" height="350" loading="lazy">
      </a>
    {/if}
  </div>

  <div class="c-cmsstore__content">
    {$cms.content nofilter}
  </div>
  {else}
    {* Linked store is inactive: rocketextrastore still picks this template, show the CMS content only. *}
    {$cms.content nofilter}
  {/if}
{/block}