{extends 'index.tpl'}

{block 'content'}
   <div class="page-password">
      <h1>{if $ctrl.passw != ""}{t}Změna hesla{/t}{else}{t}Nastavení hesla{/t}{/if}</h1>

      {block "user-messages"}
         {include "block.messages.tpl"}
      {/block}

      <form action="" method="post" role="form">
         <input type="hidden" name="acn" value="changePassword">

         {if $ctrl.passw != ""}
            <div class="form-group required">
               <label for="oldPassword">{t}Staré heslo{/t}</label>
               <input type="password" name="oldPassword" id="oldPassword" class="form-control" data-bv-notempty="true" autocomplete="current-password">
            </div>
         {/if}

         <div class="form-group required">
            <label for="newPassword">{t}Nové heslo{/t}</label>
            <input type="password" name="newPassword" id="newPassword" class="form-control"
                   data-bv-notempty="true" data-bv-stringlength="true" data-bv-stringlength-min="6" autocomplete="new-password">
         </div>

         <div class="form-group required">
            <label for="newPasswordAgain">{t}Nové heslo znovu{/t}</label>
            <input type="password" name="newPasswordAgain" id="newPasswordAgain" class="form-control"
                   data-bv-notempty="true" data-bv-stringlength="true" data-bv-identical="true"
                   data-bv-identical-message="{t}Hesla se neshodují{/t}" data-bv-identical-field="newPassword" autocomplete="new-password">
         </div>

         <div>
            <input class="btn btn-primary" type="submit" value="{if $ctrl.passw != ""}{t}Změnit heslo{/t}{else}{t}Nastavit heslo{/t}{/if}">
         </div>
      </form>
   </div>
{/block}

{block "js-dynamic-load" append}
   {asset_compile}
      <script src="/common/static/bootstrapvalidator/js/bootstrapValidator.js"></script>
      <script src="/common/static/bootstrapvalidator/js/language/{$ctrl.active_language_code}.js"></script>
   {/asset_compile}
{/block}

<script type="application/javascript">
   {block onready append}

   $('form[role=form]').bootstrapValidator({
      feedbackIcons: {
         valid: 'fc fc-check',
         invalid: 'fc fc-remove',
         validating: 'fc fc-refresh'
      }
   });

   {/block}
</script>