File "profilo-punti.tmpl"

Full Path: /srv/www/www.cadoro.it/src/templates/profilo-punti.tmpl
File size: 4.65 KB
MIME-type: text/plain
Charset: utf-8

{extends "layout-base.tmpl"}

{block name=title}I miei punti — CADORO{/block}

{block name="head"}
<meta name="description" content="I miei punti &mdash; CADORO">
<meta name="author" content="">
{/block}

{block name="content"}
  {if date('Ymd') ge '20200201'}
  <div class="well well-white-red">
    <h3 class="text-center red mt20 mb60">
      <strong>È INIZIATA LA NUOVA RACCOLTA 2020</strong>
      <small>
        <strong>CONTINUA AD ACCUMULARE PUNTI ORO SULLA TUA CARTA FEDELTÀ E UTILIZZALI QUANDO FAI LA SPESA.</strong>
      </small>
    </h3>
  </div>
  {else}
    {assign "points_migrations" $principal->get_points_migrations()}
    {if $points_migrations}
    <div class="well well-white-red">
      <h3 class="text-center red mt20">
        <strong>I PUNTI ORO RACCOLTI NEL 2018 SCADONO IL 31 GENNAIO 2020</strong>
        {*<small>
          <strong>AFFRETTATI A UTILIZZARLI ACQUISTANDO I PRODOTTI IN OFFERTA</strong>
        </small>*}
      </h3>
      <div class="font-big text-center mt20 mb20">
        Hai un totale di <strong>{_n($principal->get_points(), 0)}</strong> punti di cui <strong class="red">{_n($points_migrations, 0)}</strong> verranno cancellati il primo febbraio.
      </div>
    </div>
    {/if}
  {/if}
  <div class="well well-lightorange well-xxs mt20">
    <div class="row">
      <div class="col-sm-1">
        <img src="{$cdn_url}/images/btn-profilo-6.png" alt="" class="img-responsive">
      </div>
      <div class="col-sm-8">
        <div class="mt15">
          <strong>Sconti Oro</strong><br>
          Scopri gli sconti sulla spesa e i prodotti che ogni settimana puoi acquistare con i punti accumulati.
        </div>
      </div>
      <div class="col-sm-3">
        <img src="{$cdn_url}/images/btn-profilo-3.png" alt="" class="pull-right hidden-sm hidden-xs" style="display: block; margin-right: -80px; margin-top: -20px; width: 100px; margin-left: 20px;">
        <div class="mt15 text-right">
          Il tuo numero tessera<br>
          <strong>{$principal.card}</strong>
        </div>
      </div>
    </div>
  </div>
  <div class="well well-white mt20">
    <div class="row">
      <div class="col-sm-6">
        <h3 class="mt0">
          <strong>IL TUO BUONO SCONTO SULLA SPESA</strong>
          <small>
            Ogni 1000 punti accumulati puoi avere un buono di 10,00 &euro;<br>da utilizzare sulla tua prossima spesa
          </small>
        </h3>
      </div>
      <div class="col-sm-6 text-right">
        <h3 class="red mt0">
          SALDO PUNTI <strong>{$points}</strong><br>
		  {if $points_pending}<small>Punti in corso di assegnazione {$points_pending}</small>{/if}
        </h3>

      </div>
    </div>
    <div class="progressbar mt40 mb0">
      <div class="value" style="width: 0%;"></div>
      <div class="value-bg">&nbsp;</div>
      <div class="value-max"><strong>10</strong>&euro;</div>
    </div>
  </div>



  {if $products}
    <div class="container">
	  <div class="mt40">
      {*Oppure scopri i prodotti che Cadoro ha selezionato per te.*}
      Oppure scegli come premio uno dei prodotti che Cadoro ha selezionato per te: alla cassa, chiedi di usare i tuoi punti per acquistarlo.
      </div>
      <div class="mt40">

        {foreach $categories as $category}
        <h5 class="text-center">
            {$category.title}
        </h5>
      {assign "prodotticats" $category->get_product()}
      <div class="row mb60">

        {foreach $prodotticats as $prodotticat}
        <div class="col-md-3 col-sm-6 col-xs-6 text-center product mb40" style="font-size:16px;min-height: 300px;">
          <div style="height: 140px; line-height: 140px;">
            <img src="{$cdn_url}/assets/{$prodotticat.image_list}" class="img-responsive" style="max-height: 140px;">
          </div>
          <div class="mt5">
            {$prodotticat.title}
          </div>
              {*{assign var=PriceProd value="."|explode:$product.price}

              <div class="mt5">
              a <strong style="color:#ea1527; font-size:30px">{$PriceProd[0]}</strong><strong style="color:#ea1527; font-size:22px">,{$PriceProd[1]} €</strong>
              </div>
              *}

            {$prodotticat.description}
        </div>
        {/foreach}

      </div>
      {/foreach}
      </div>
    </div>
    <div class="col-md-12 text-center mb40">
      <small>*Prodotto non presente in tutti i punti vendita, chiedi al box informazioni nel tuo supermercato preferito.</small>
    </div>
    {/if}


{/block}

{block name="jstail"}
  <script>
    $(function () {
      $(document).ready(function() {
        $('.progressbar .value').animate({
          width: '{round(min($points/10, 100))}%'
        }, 2000, 'easeInOutCubic');
      });
    });
  </script>
{/block}