{% extends 'settings/layout.html.twig' %}
{% block title %}{{'支付密码'|trans}} - {{'安全设置'|trans}} - {{ parent() }}{% endblock %}
{% set side_nav = 'security' %}
{% set questionOptions = dict('secureQuestion') %}
{% do script(['libs/jquery-validation.js', 'app/js/settings/find-pay-password/index.js']) %}

{% block main %}
 {% embed "bootstrap/panel.html.twig" with {class:'panel-col'} %}
    {% block heading %}
      {{'安全设置'|trans}}
    {% endblock %}
    {% block body %}

      <ul class="breadcrumb">
        <li><a href="{{ path('settings_security') }}">{{'安全设置'|trans}}</a></li>
        <li class="active">{{'找回支付密码'|trans}}</li>
      </ul>

      {% set type = 'questions' %}
      {% include 'settings/questions-or-sms-tabs.html.twig' %}

      {{ web_macro.flash_messages() }}

      <form id="settings-find-pay-password-form" class="form-horizontal" method="post" >
        <div class="form-group">
          <div  class="col-md-2 control-label"><label for="answer">{{ questionOptions[question] }}</label></div>
          <div class=" col-md-8 controls">
            <input type="text" id="answer" name="answer" class="form-control" value="" placeholder="{{'安全问题答案'|trans}}">
          </div>
        </div>

        <div class="form-group">
          <div class="col-md-offset-2 col-md-8 controls">
            <button id="answer-question-btn" data-loading-text="{{'正在保存'|trans}}" class="btn btn-primary" type="button">{{'提交'|trans}}</button>
          </div>
        </div>

        <input type="hidden" name="_csrf_token" value="{{ csrf_token('site') }}">
        <input type="hidden" name="questionNum" class="form-control" value="{{questionNum}}">
      </form>


    {% endblock %}
  {% endembed %}
{% endblock %}