File "cms-content-fluid.tmpl"

Full Path: /srv/www/www.cadoro.it/src/templates/cms-content-fluid.tmpl
File size: 16.27 KB
MIME-type: text/html
Charset: utf-8

{foreach $page->content() as $content}
{if ($content.condition eq 1 or $content.condition eq 2 and not $principal or $content.condition eq 3 and $principal)
     and (isset($content.published) and $content.published)
     and (not isset($content.published) or not $content.published_datetime or $content.published_datetime lte date('Y-m-d H:i:s'))
     and (not isset($content.published2) or not $content.published_datetime2 or $content.published_datetime2 gt date('Y-m-d H:i:s'))}
  {if isset($content.slug) and $content.slug}<a name="{$content.slug}"></a>{/if}
  {* <!-- Hero --> *}
  {if $content.type eq 1}
    <header id="content-{$content.id}" class="intro{if $content.class} {$content.class}{/if}"{if $content.image} style="background-image: url({$base_url}/assets/{$content.image});"{/if}>
      <div class="intro-body">
        <div class="container-wrapper">
          <div class="row">
            <div class="col-md-8 col-md-offset-2">
              {if $content.title}
                <h1 class="brand-heading">{$content.title}</h1>
              {/if}
              {if $content.subtitle}
                <p class="intro-text">{$content.subtitle}</p>
              {/if}
              {if $content.cta}
              <a href="{$content.cta_link}" class="btn btn-default page-scroll">
                {$content.cta}
              </a>
              {/if}
            </div>
          </div>
        </div>
      </div>
    </header>

  {* <!-- Testo --> *}
  {elseif $content.type eq 11}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-12">
          {if $content.title or $content.subtitle}
          <h2 class="h2">
            {$content.title}
            {if $content.subtitle}
              <small{if $content.title} class="mt10"{/if}>{$content.subtitle}</small>
            {/if}
          </h2>
          {/if}
          {if $content.image}
          <div class="text-center">
            {if $content.image_link}<a href="{$content.image_link}">{/if}
            <img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
            {if $content.image_link}</a>{/if}
          </div>
          {/if}
          <div class="content mt30">
            {$content.text_1}
          </div>
          {if $content.cta}
          <p class="mt30">
            <a href="{$content.cta_link}" class="btn btn-default page-scroll">
              {$content.cta}
            </a>
          </p>
          {/if}
        </div>
      </div>
    </section>

  {* <!-- Testo su 2 colonne --> *}
  {elseif $content.type eq 12}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-12">
          {if $content.title}
          <h2>
            {$content.title}
            {if $content.subtitle}
              <small class="mt10">{$content.subtitle}</small>
            {/if}
          </h2>
          {/if}
          {if $content.image}
          <div class="text-center">
            {if $content.image_link}<a href="{$content.image_link}">{/if}
            <img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
            {if $content.image_link}</a>{/if}
          </div>
          {/if}
          {if $content.cta}
          <p class="mt30">
            <a href="{$content.cta_link}" class="btn btn-default page-scroll">
              {$content.cta}
            </a>
          </p>
          {/if}
        </div>
      </div>
      <div class="row">
        <div class="col-sm-6 content">
          {$content.text_1}
        </div>
        <div class="col-sm-6 content">
          {$content.text_2}
        </div>
      </div>
    </section>

  {* <!-- Testo su 2 colonne (su ricette) --> *}
  {elseif $content.type eq 14}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-12">
          {if $content.title}
          <h2>
            {$content.title}
            {if $content.subtitle}
              <small class="mt10">{$content.subtitle}</small>
            {/if}
          </h2>
          {/if}
          {if $content.image}
          <div class="text-center">
            {if $content.image_link}<a href="{$content.image_link}">{/if}
            <img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
            {if $content.image_link}</a>{/if}
          </div>
          {/if}
          {if $content.cta}
          <p class="mt30">
            <a href="{$content.cta_link}" class="btn btn-default page-scroll">
              {$content.cta}
            </a>
          </p>
          {/if}
        </div>
      </div>
      <div class="row">
        <div class="col-sm-6 content">
          <div class="well well-yellow">
            {$content.text_1}
          </div>
        </div>
        <div class="col-sm-6 content">
          <div class="well well-orange">
            {$content.text_2}
          </div>
        </div>
      </div>
    </section>

  {* <!-- Testo su 3 colonne --> *}
  {elseif $content.type eq 13}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-12">
          {if $content.title}
          <h2>
            {$content.title}
            {if $content.subtitle}
              <small class="mt10">{$content.subtitle}</small>
            {/if}
          </h2>
          {/if}
          {if $content.image}
          <div class="text-center">
            {if $content.image_link}<a href="{$content.image_link}">{/if}
            <img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
            {if $content.image_link}</a>{/if}
          </div>
          {/if}
          {if $content.cta}
          <p class="mt30">
            <a href="{$content.cta_link}" class="btn btn-default page-scroll">
              {$content.cta}
            </a>
          </p>
          {/if}
        </div>
      </div>
      <div class="row">
        <div class="col-sm-4 content">
          {$content.text_1}
        </div>
        <div class="col-sm-4 content">
          {$content.text_2}
        </div>
        <div class="col-sm-4 content">
          {$content.text_3}
        </div>
      </div>
    </section>

  {* <!-- Testo a sinistra, immagine a destra --> *}
  {elseif $content.type eq 21 or $content.type eq 23}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-{if $content.type eq 21}6{else}8{/if}">
          {if $content.title}
          <h2 class="mt40">
            {$content.title}
            {if $content.subtitle}
              <small class="mt10">{$content.subtitle}</small>
            {/if}
          </h2>
          {/if}
          <div class="content">
            {$content.text_1}
          </div>
          {if $content.cta}
          <p class="mt40">
            <a href="{$content.cta_link}" class="btn btn-default page-scroll">
              {$content.cta}
            </a>
          </p>
          {/if}
        </div>
        <div class="col-sm-{if $content.type eq 21}6{else}4{/if}">
          {if $content.image}
          <div class="text-center">
            {if $content.image_link}<a href="{$content.image_link}">{/if}
            <img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
            {if $content.image_link}</a>{/if}
          </div>
          {/if}
        </div>
      </div>
    </section>

  {* <!-- Immagine a sinistra, testo a destra --> *}
  {elseif $content.type eq 22 or $content.type eq 24}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-{if $content.type eq 21}6{else}8{/if} col-sm-push-{if $content.type eq 21}6{else}4{/if}">
          {if $content.title}
          <h2 class="mt40">
            {$content.title}
            {if $content.subtitle}
              <small class="mt10">{$content.subtitle}</small>
            {/if}
          </h2>
          {/if}
          <div class="content">
            {$content.text_1}
          </div>
          {if $content.cta}
          <p class="mt40">
            <a href="{$content.cta_link}" class="btn btn-default page-scroll">
              {$content.cta}
            </a>
          </p>
          {/if}
        </div>
        <div class="col-sm-{if $content.type eq 21}6{else}4{/if} col-sm-pull-{if $content.type eq 21}6{else}8{/if}">
          {if $content.image}
          <div class="text-center">
            {if $content.image_link}<a href="{$content.image_link}">{/if}
            <img src="{$base_url}/assets/{$content.image}" alt="" class="img-responsive">
            {if $content.image_link}</a>{/if}
          </divt>
          {/if}
        </div>
      </div>
    </section>

  {* <!-- Immagine a sinistra, testo a destra --> *}
  {elseif $content.type eq 25}

  <section id="content-{$content.id}" class="container-wrapper content-section" style="background: transparent url({$cdn_url}/assets/{$content.image}) top center no-repeat;">
    <div class="container-wrapper">
      <div class="row">
        <div class="{if $content.class} {$content.class}{/if}">
          {if $content.title or $content.subtitle}
          <h2 class="h2">
            {$content.title}
            {if $content.subtitle}
              <small{if $content.title} class="mt10"{/if}>{$content.subtitle}</small>
            {/if}
          </h2>
          {/if}
          <div class="content mt30">
            {$content.text_1}
          </div>
          {if $content.cta}
          <p class="mt30">
            <a href="{$content.cta_link}" class="btn btn-default page-scroll">
              {$content.cta}
            </a>
          </p>
          {/if}
        </div>
      </div>
    </div>
  </section>

  {* <!-- Immagini: due colonne--> *}
  {elseif $content.type eq 31}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-6">
          {if $content.image_1_link}<a href="{$content.image_1_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_1}" alt="" class="img-responsive">
          {if $content.image_1_link}</a>{/if}
          {if $content.text_1}
          <div class="mt10">
            {$content.text_1}
          </div>
          {/if}
        </div>
        <div class="col-sm-6">
          {if $content.image_2_link}<a href="{$content.image_2_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_2}" alt="" class="img-responsive">
          {if $content.image_2_link}</a>{/if}
          {if $content.text_2}
          <div class="mt10">
            {$content.text_2}
          </div>
          {/if}
        </div>
      </div>
    </section>

  {* <!-- Immagini: tre colonne--> *}
  {elseif $content.type eq 32}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-4">
          {if $content.image_1_link}<a href="{$content.image_1_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_1}" alt="" class="img-responsive">
          {if $content.image_1_link}</a>{/if}
          {if $content.text_1}
          <div class="mt10">
            {$content.text_1}
          </div>
          {/if}
        </div>
        <div class="col-sm-4">
          {if $content.image_2_link}<a href="{$content.image_2_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_2}" alt="" class="img-responsive">
          {if $content.image_2_link}</a>{/if}
          {if $content.text_2}
          <div class="mt10">
            {$content.text_2}
          </div>
          {/if}
        </div>
        <div class="col-sm-4">
          {if $content.image_3_link}<a href="{$content.image_3_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_3}" alt="" class="img-responsive">
          {if $content.image_3_link}</a>{/if}
          {if $content.text_3}
          <div class="mt10">
            {$content.text_3}
          </div>
          {/if}
        </div>
      </div>
    </section>

  {* <!-- Immagini: quattro colonne--> *}
  {elseif $content.type eq 33}
    <section id="content-{$content.id}" class="container-wrapper content-section{if $content.class} {$content.class}{/if}">
      <div class="row">
        <div class="col-sm-3">
          {if $content.image_1_link}<a href="{$content.image_1_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_1}" alt="" class="img-responsive">
          {if $content.image_1_link}</a>{/if}
          {if $content.text_1}
          <div class="mt10">
            {$content.text_1}
          </div>
          {/if}
        </div>
        <div class="col-sm-3">
          {if $content.image_2_link}<a href="{$content.image_2_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_2}" alt="" class="img-responsive">
          {if $content.image_2_link}</a>{/if}
          {if $content.text_2}
          <div class="mt10">
            {$content.text_2}
          </div>
          {/if}
        </div>
        <div class="col-sm-3">
          {if $content.image_3_link}<a href="{$content.image_3_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_3}" alt="" class="img-responsive">
          {if $content.image_3_link}</a>{/if}
          {if $content.text_3}
          <div class="mt10">
            {$content.text_3}
          </div>
          {/if}
        </div>
        <div class="col-sm-3">
          {if $content.image_4_link}<a href="{$content.image_4_link}">{/if}
          <img src="{$base_url}/assets/{$content.image_4}" alt="" class="img-responsive">
          {if $content.image_4_link}</a>{/if}
          {if $content.text_4}
          <div class="mt10">
            {$content.text_4}
          </div>
          {/if}
        </div>
      </div>
    </section>
  {/if}

  {if $content.images && $page.category.category_id neq 4}
  <div class="container-wrapper">
    <div id="carousel" class="carousel slide mt30" data-interval="3000">
      <div class="carousel-inner">
        {foreach $content.images as $i => $image}
        <div class="item{if $i eq 0} active{/if}">
          <a href="{$cdn_url}/assets/{$image.asset}" rel="inappbrowser"><!-- gallery -->
            <img src="{$cdn_url}/assets/{$image.asset}" class="img-responsive" alt="">
          </a>
        </div>
        {/foreach}
      </div>
      {if count($content.images) gt 1}
      <div class="carousel-indicators-container-wrapper">
        <ol class="carousel-indicators">
          {foreach $content.images as $i => $image}
          <li data-target="#carousel" data-slide-to="{$i}"{if $i eq 0} class="active"{/if}></li>
          {/foreach}
        </ol>
      </div>
      {/if}
    </div>
  </div>
  {/if}

  {if isset($content.extra) and $content.extra}
  {foreach $content.extra as $extra}
    {if $extra eq 'gift-card-saldo'}
    <div class="container-wrapper mt40">
      {if isset($result) and $result.action eq $extra}
        <strong>Risultato della verifica:</strong><br>
        Numero Gift Card: {$result.card}<br>
        Scadenza: {_dd($result.expiration)}<br>
        Importo: {_n($result.amount, 2)}<br><br>
        <a href="{$base_url}{$request_uri}">Nuova verifica&hellip;</a>
      {else}
      <form method="post" action="{$base_url}{$request_uri}">
        <input type="hidden" name="action" value="{$extra}">
        <strong>Verifica il saldo disponibile!</strong><br>
        Inserisci i codici riportati sul retro della tua GifCard Cadoro e controlla<br>
        il saldo disponibile e la data di scadenza.
        <div class="row">
          <div class="col-sm-4 mt20 mb20">
            <input type="text" name="card" value="{_fr('card')}" class="form-control">
          </div>
        </div>
        <div class="g-recaptcha mb20" data-sitekey="6LdwKAwUAAAAAIYEzff15dMp9eifSq48NP3j4GwJ"></div>
        <script type="text/javascript" src="https://www.google.com/recaptcha/api.js?hl=it"></script>
        <button type="submit" class="btn btn-danger btn-lg">INVIA</button>
      </form>
      {/if}
    </div>
    {/if}
  {/foreach}
  {/if}

{/if}
{/foreach}