@include('header')

<section>
  <div class="container">
    <form name="form_cambiar_clave" id="form_cambiar_clave">
      <input type="hidden" name="u" value="{{$u}}">
      <input type="hidden" name="_token" value="{{ csrf_token() }}">
      <div class="container col-md-4 col-md-offset-4">
        <h3>@traducir('cambiar clave', 'Cambiar Contraseña')</h3>
          <div class="alert alert-info">
            <strong>Requisitos de contraseña:</strong>
                <ul>
                  <li>Debe tener entre 10 y 26 caracteres</li>
                  <li>Debe incluir al menos una letra minúscula</li>
                  <li>Debe incluir al menos una letra mayúscula</li>
                  <li>Debe incluir al menos un número</li>
                  <li>Debe incluir al menos un carácter especial [!@#$%^&()\\-_+]</li>
                  <li>No debe contener ni espacios, ni asteriscos y ni tildes</li>
                </ul>
          </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="actualPass">@traducir('clave actual', 'Contraseña actual')</label>
              <input name="old_password" type="password" id="old_password" class="form-control" required />
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="new_password">@traducir('clave nueva', 'Contraseña nueva')</label>
              <input name="new_password" type="password" id="new_password" class="form-control" required />
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-md-12">
            <div class="form-group">
              <label for="newPass2">@traducir('repetir clave', 'Repetir contraseña nueva')</label>
              <input name="new_password2" type="password" id="new_password2" class="form-control" required />
            </div>
          </div>
        </div>
        <div class="row" style="margin:10px 0px;">
          <div class="col-md-12">
            <p style="display:none;" name="ok_modal_message" id="ok_modal_message" class="alert alert-success"></p>
            <p style="display:none;" name="error_modal_message" id="error_modal_message" class="alert alert-danger"></p>
          </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <button class="btn btn-lg btn-info btn-fidelitas btn-block btn_accept_change_pwd" type="submit">@traducir('aceptar', 'Aceptar')</button>
          </div>
          <div class="col-md-6">
            <button class="btn btn-lg btn-default btn-block btn_cancel_change_pwd" type="button" onclick="window.history.back();">@traducir('cancelar', 'Cancelar')</button>
          </div>
        </div>
      </div>
    </form>
  </div> <!-- /.container -->
</section> <!-- .content -->

<script type="text/javascript" src="{{ URL::asset('js/cambiar-clave.js') }}"></script>

@include('footer')