File "profilo-modifica.tmpl"

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

{extends "layout-base.tmpl"}

{block name=title}Modifica i miei dati — CADORO{/block}

{block name="head"}
<meta name="description" content="Modifica i miei dati &mdash; CADORO">
<meta name="author" content="">
{/block}

{block name="content"}
  <div class="well well-brown well-xxs mt20">
    <div class="row">
      <div class="col-sm-1">
        <img src="{$cdn_url}/images/btn-profilo-2.png" alt="" class="img-responsive">
      </div>
      <div class="col-sm-5">
        <div class="mt15">
          <strong>Il tuo profilo</strong><br>
          Modifica i tuoi dati
        </div>
      </div>
      <div class="col-sm-6">
        <img src="{$cdn_url}/images/btn-profilo-3.png" alt="" class="pull-right hidden-xs hidden-sm" 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="row mb60">
    <div class="col-sm-12">
      {if $confirm}
      <div class="alert alert-success">
        <strong>{_("Le modifiche al profilo sono state salvate correttamente!")}</strong>
      </div>
      {elseif $errors}
      <div class="alert alert-danger">
        <strong>{_("ATTENZIONE: si sono verificati degli errori, correggili prima di proseguire!")}</strong>
      </div>
      {/if}
      <form method="post" action"{$base_url}/profilo/modifica" class="form-horizontal">
        <legend class="mt20 mb0">{_("Dati di base")}</legend>
        <div class="row">
          <div class="col-sm-6 mt10{if isset($errors.firstname)} has-error{/if}">
            <label class="form-control-static" for="firstname">{_("Nome")} <strong class="red">*</strong></label>
            <input type="text" name="firstname" class="form-control" value="{_f('firstname', $principal)}" readonly>
            {if isset($errors.firstname) and $errors.firstname eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-6 mt10{if isset($errors.lastname)} has-error{/if}">
            <label class="form-control-static" for="lastname">{_("Cognome")} <strong class="red">*</strong></label>
            <input type="text" name="lastname" class="form-control" value="{_f('lastname', $principal)}" readonly>
            {if isset($errors.lastname) and $errors.lastname eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6 mt10{if isset($errors.birthday)} has-error{/if}">
            <label class="form-control-static" for="birthday">{_("Data di nascita")}</label>
            <input type="text" name="birthday" class="form-control" value="{_fd('birthday', $principal)}"{if _fd('birthday', $principal)} readonly{else} data-behaviour="datepicker"{/if}>
            {if isset($errors.birthday) and $errors.birthday eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-6 mt10{if isset($errors.gender)} has-error{/if}">
            <label class="form-control-static" for="gender">{_("Sesso")}</label>
            <select class="form-control" id="gender" name="gender"{if _f('gender', $principal)} disabled{/if}>
              {html_options options=$GENDERS selected=_f('gender', $principal)}
            </select>
            {if _f('gender', $principal)}<input type="hidden" name="gender" value="{_f('gender', $principal)}">{/if}
            {if isset($errors.gender) and $errors.gender eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6 mt10{if isset($errors.email)} has-error{/if}">
            <label class="form-control-static" for="email">{_("Email")} <strong class="red">*</strong></label>
            <input type="text" name="email" id="email" class="form-control" value="{_f('email', $principal)}">
            {if isset($errors.email) and $errors.email eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
            {if isset($errors.email) and $errors.email eq 2}<p class="help-block has-error">{_("Email non valida: si prega di verificare nuovamente il dato inserito!")}</p>{/if}
            {if isset($errors.email) and $errors.email eq 3}<p class="help-block has-error">{_("Questo indirizzo email risulta già registrato a CADORO")}</p>{/if}
            {if isset($errors.email) and $errors.email eq 4}<p class="help-block has-error">{_("Conferma la modifica di indirizzo email!")}</p>{/if}
          </div>
          <div class="col-sm-6 mt10{if isset($errors.card)} has-error{/if}">
            <label class="form-control-static" for="card">{_("Tessera")} <strong class="red">*</strong></label>
            <input type="text" name="card" class="form-control" value="{_f('card', $principal)}" readonly>
          </div>
        </div>
        <div class="mt10" id="email-warning"{if _f('email', $principal) eq $principal.email or $confirm} style="display: none;"{/if}>
          <div class="alert alert-warning" style="margin-bottom: 0">
            <p>
              <strong>Conferma la modifica del tuo indirizzo e-mail.</strong><br>
              Attenzione: il nuovo indirizzo e-mail verrà sostituito al precedente. Ricorda di usare il nuovo indirizzo per l'accesso all'area personale.
            </p>
            <p class="mt10">
              <div class="radio inline"><label>
                <input type="radio" name="email2" id="email2_1" value="1"{if _f('email2', $principal) eq '1'} checked="checked"{/if}>
                <strong>CONFERMA</strong>
              </label></div>
              <div class="radio inline"><label>
                <input type="radio" name="email2" id="email2_2" value="2"{if _f('email2', $principal) eq '2'} checked="checked"{/if}>
                <strong>ANNULLA</strong>
              </label></div>
            </p>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-12 mt10{if isset($errors.store)} has-error{/if}">
            <label class="form-control-static" for="store">{_("Punto vendita preferito")} <strong class="red">*</strong></label>
            <input type="hidden" name="store" value="{_f('store', $principal)}">
            <input class="form-control" value="{_v(_f('store', $principal), $stores)}" readonly>
            {if isset($errors.store) and $errors.store eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
        </div>
        <legend class="mt60 mb0">{_("Cambio password")}</legend>
        <div class="row">
          <div class="col-sm-6 mt10{if isset($errors.password3)} has-error{/if}">
            <label class="form-control-static" for="password3">{_("Password attuale")}</label>
            <input type="password" name="password3" class="form-control" value="">
            {if isset($errors.password3) and $errors.password3 eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
            {if isset($errors.password3) and $errors.password3 eq 2}<p class="help-block has-error">{_("Password non valida.")}</p>{/if}
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6 mt10{if isset($errors.password)} has-error{/if}">
            <label class="form-control-static" for="password">{_("Cambia password")}</label>
            <input type="password" name="password" class="form-control" value="">
            {if not isset($errors.password)}<p class="help-block"><em>Minimo sei caratteri con almeno una lettera e una cifra; non deve contenere il tuo nome o indirizzo email.</em></p>{/if}
            {if isset($errors.password) and $errors.password eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
            {if isset($errors.password) and $errors.password eq 2}<p class="help-block has-error">{_("Password non valida: minimo sei caratteri con almeno una lettera e una cifra; non deve contenere il tuo nome o indirizzo email.")}</p>{/if}
          </div>
          <div class="col-sm-6 mt10{if isset($errors.password2)} has-error{/if}">
            <label class="form-control-static" for="password2">{_("Conferma password")}</label>
            <input type="password" name="password2" class="form-control" value="">
            {if isset($errors.password2) and $errors.password2 eq 1}<p class="help-block has-error">{_("Le password inserite non corrispondono!")}</p>{/if}
          </div>
        </div>
        <legend class="mt60 mb0">{_("Informazioni di profilo")}</legend>
        <div class="row">
          <div class="col-sm-6 mt10{if isset($errors.province)} has-error{/if}">
            <label class="form-control-static" for="province">{_("Provincia")} <strong class="red">*</strong></label>
            <select class="form-control" id="province" name="province">
              <option value=""></option>
              {html_options options=$PROVINCES selected=_f('province', $principal)}
            </select>
            {if isset($errors.province) and $errors.province eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-6 mt10{if isset($errors.city)} has-error{/if}">
            <label class="form-control-static" for="city">{_("Città")} <strong class="red">*</strong></label>
            <input type="text" name="city" id="city" class="form-control" value="{_f('city', $principal)}">
            {if isset($errors.city) and $errors.city eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
        </div>
        <div class="row">
          <div class="col-sm-4 mt10{if isset($errors.address)} has-error{/if}">
            <label class="form-control-static" for="address">{_("Indirizzo")} <strong class="red">*</strong></label>
            <input type="text" name="address" class="form-control" value="{_f('address', $principal)}">
            {if isset($errors.address) and $errors.address eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-2 mt10{if isset($errors.address_no)} has-error{/if}">
            <label class="form-control-static" for="address_no">{_("Civico")} <strong class="red">*</strong></label>
            <input type="text" name="address_no" class="form-control" value="{_f('address_no', $principal)}">
            {if isset($errors.address_no) and $errors.address_no eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-3 mt10{if isset($errors.zipcode)} has-error{/if}">
            <label class="form-control-static" for="zipcode">{_("CAP")} <strong class="red">*</strong></label>
            <input type="text" name="zipcode" class="form-control" value="{_f('zipcode', $principal)}"  data-behaviour="numeric">
            {if isset($errors.zipcode) and $errors.zipcode eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-3 mt10{if isset($errors.country)} has-error{/if}">
            <label class="form-control-static" for="country">{_("Nazione")} <strong class="red">*</strong></label>
            <select class="form-control" id="country" name="country">
              {html_options options=$COUNTRIES selected=_f('country', $principal)}
            </select>
            {if isset($errors.country) and $errors.country eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6 mt10{if isset($errors.phone)} has-error{/if}">
            <label class="form-control-static" for="phone">{_("Telefono")}</label>
            <input type="text" name="phone" class="form-control" value="{_f('phone', $principal)}" data-behaviour="numeric">
            {if isset($errors.phone) and $errors.phone eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-6 mt10{if isset($errors.mobile)} has-error{/if}">
            <label class="form-control-static" for="mobile">{_("Cellulare")}</label>
            <input type="text" name="mobile" class="form-control" value="{_f('mobile', $principal)}" data-behaviour="numeric">
            {if isset($errors.mobile) and $errors.mobile eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
          </div>
        </div>
        <label class="form-control-static mt30" for="password">{_("CONDIZIONI GENERALI D'USO ED INFORMATIVA SULLA PRIVACY")} <strong class="red">*</strong></label>
        <div class="checkbox{if isset($errors.privacy)} has-error{/if}">
          <label>
            <input type="checkbox" name="privacy" value="1"{if _f('privacy', $principal)} checked disabled{/if}>
            {if _f('privacy', $principal)}<input type="hidden" name="privacy" value="1">{/if}
            {_("Ho ricevuto e letto l'")}<a href="{$base_url}/privacy" target="_blank">{_("informativa")}</a> {_("sul trattamento dei dati personali")} <span class="red">*</span>
          </label>
          {if isset($errors.privacy) and $errors.privacy eq 1}<p class="help-block has-error">{_("Campo obbligatorio!")}</p>{/if}
        </div>
        <label class="form-control-static mt30" for="password">
          <strong class="red">
            {_("ACCONSENTENDO AI PUNTI A, B E C RICEVERAI DEI PUNTI IN PIÙ SULLA TUA CARD’ORO")}<br>
            {_("Ricordati che i punti ti saranno accreditati a partire dal tuo primo accesso all’area personale del sito CADORO.")}<br>
			<small>{_("Per modificare queste scelte rivolgiti direttamente al servizio clienti scrivendo a")} [email protected]</small>

          </strong>
        </label>
        <div class="row">
          <div class="col-sm-6 mt20">
            <strong>A.</strong> Desidero ricevere comunicazioni di tipo <a href="{$base_url}/informativa-cardoro" target="_blank">pubblicitario/promozionale</a> (punto a) dell’informativa)
            {if isset($errors.privacy1) and $errors.privacy1 eq 1}<p class="help-block has-error red">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-2 mt20 text-right">
            <img src="{$cdn_url}/images/label-50punti.png" alt="+50 PUNTI">
          </div>
          <div class="col-sm-1 mt20">
            <div class="radio">
              <label>
                <input type="radio" name="privacy1" value="1"{if _f('privacy1', $principal) eq 1} checked="checked"{/if} disabled> SÌ
              </label>
            </div>
          </div>
          <div class="col-sm-1 mt20">
            <div class="radio">
              <label>
                <input type="radio" name="privacy1" value="0"{if _f('privacy1', $principal) === "0"} checked="checked"{/if} disabled> NO
              </label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6 mt20">
            <strong>B.</strong> Autorizzo la lettura della mie preferenze di acquisto al fine di <a href="{$base_url}/informativa-cardoro" target="_blank">ricevere offerte personalizzate</a> (punto b) dell’informativa)
            {if isset($errors.privacy2) and $errors.privacy2 eq 1}<p class="help-block has-error red">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-2 mt20 text-right">
            <img src="{$cdn_url}/images/label-50punti.png" alt="+50 PUNTI">
          </div>
          <div class="col-sm-1 mt20">
            <div class="radio">
              <label>
                <input type="radio" name="privacy2" value="1"{if _f('privacy2', $principal) eq 1} checked="checked"{/if} disabled> SÌ
              </label>
            </div>
          </div>
          <div class="col-sm-1 mt20">
            <div class="radio">
              <label>
                <input type="radio" name="privacy2" value="0"{if _f('privacy2', $principal) === "0"} checked="checked"{/if} disabled> NO
              </label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6 mt20">
            <strong>C.</strong> Sono interessato a partecipare a <a href="{$base_url}/informativa-cardoro" target="_blank">ricerche di mercato</a> su prodotti e servizi (punto c) dell’informativa)
            {if isset($errors.privacy3) and $errors.privacy3 eq 1}<p class="help-block has-error red">{_("Campo obbligatorio!")}</p>{/if}
          </div>
          <div class="col-sm-2 mt20 text-right">
            <img src="{$cdn_url}/images/label-50punti.png" alt="+50 PUNTI">
          </div>
          <div class="col-sm-1 mt20">
            <div class="radio">
              <label>
                <input type="radio" name="privacy3" value="1"{if _f('privacy3', $principal) eq 1} checked="checked"{/if} disabled> SÌ
              </label>
            </div>
          </div>
          <div class="col-sm-1 mt20">
            <div class="radio">
              <label>
                <input type="radio" name="privacy3" value="0"{if _f('privacy3', $principal) === "0"} checked="checked"{/if} disabled> NO
              </label>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-sm-6 mt60 text-left">
            <a href="{$base_url}/profilo" class="btn btn-default btn-lg">Annulla e torna al profilo</a>
          </div>
          <div class="col-sm-6 mt60 text-right">
            <button type="submit" class="btn btn-success btn-lg">{_("SALVA LE MODIFICHE")}</button>
          </div>
        </div>
      </form>
    </div>
  </div>
{/block}

{block name="jstail"}
  <script>
    $(function () {
      $('#email').on('keyup', function (e) {
        if ($('#email').val() != '{$principal.email}') {
          $('#email-warning').slideDown()
        } else {
          $('#email-warning').slideUp()
        }
      })
      $('#email2_2').click(function (e) {
        $('#email').val('{$principal.email}')
        $('#email-warning').slideUp()
        $('#email2_2').prop('checked', false)
      })
    });
  </script>
{/block}