{{ header }}
<div class="container">
  <ul class="breadcrumb">
    {% for breadcrumb in breadcrumbs %}
      <li><a href="{{ breadcrumb.href }}">{{ breadcrumb.text }}</a></li>
    {% endfor %}
  </ul>
  <div class="row">{{ column_left }}
    {% if column_left and column_right %}
      {% set class = 'col-sm-6' %}
    {% elseif column_left or column_right %}
      {% set class = 'col-sm-9' %}
    {% else %}
      {% set class = 'col-sm-12' %}
    {% endif %}
    <div id="content" class="{{ class }}">{{ content_top }}
      <h1>{{ heading_title }}</h1>
      <form class="form-horizontal" action="{{ add }}" method="post">
        <fieldset id="payment">
          <div id="card-new">
            <div class="form-group required">
              <label class="col-sm-2 control-label" for="input-cc-owner">{{ entry_cc_owner }}</label>
              <div class="col-sm-10">
                <input type="text" name="cc_owner" value="" placeholder="{{ entry_cc_owner }}" id="input-cc-owner" class="form-control"/>
              </div>
            </div>
            <div class="form-group required">
              <label class="col-sm-2 control-label" for="input-cc-type">{{ entry_cc_type }}</label>
              <div class="col-sm-10">
                <select name="cc_type" id="input-cc-type" class="form-control">
                  {% for card in cards %}
                    <option value="{{ card.value }}">{{ card.text }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
            <div class="form-group required">
              <label class="col-sm-2 control-label" for="input-cc-number">{{ entry_cc_number }}</label>
              <div class="col-sm-10">
                <input type="text" name="cc_number" value="" placeholder="{{ entry_cc_number }}" id="input-cc-number" class="form-control"/>
              </div>
            </div>
            <div class="form-group required">
              <label class="col-sm-2 control-label" for="input-cc-expire-date">{{ entry_cc_expire_date }}</label>
              <div class="col-sm-3">
                <select name="cc_expire_date_month" id="input-cc-expire-date" class="form-control">
                  {% for month in months %}
                    <option value="{{ month.value }}">{{ month.text }}</option>
                  {% endfor %}
                </select>
              </div>
              <div class="col-sm-3">
                <select name="cc_expire_date_year" class="form-control">
                  {% for year in year_expire %}
                    <option value="{{ year.value }}">{{ year.text }}</option>
                  {% endfor %}
                </select>
              </div>
            </div>
            <div class="form-group required">
              <label class="col-sm-2 control-label" for="input-cc-cvv2">{{ entry_cc_cvv2 }}</label>
              <div class="col-sm-10">
                <input type="text" name="cc_cvv2" value="" placeholder="{{ entry_cc_cvv2 }}" id="input-cc-cvv2" class="form-control"/>
              </div>
            </div>
          </div>
          <div class="buttons clearfix">
            <div class="pull-left"><a href="{{ back }}" class="btn btn-default">{{ button_back }}</a></div>
            <div class="pull-right">
              <input type="submit" value="{{ button_add_card }}" class="btn btn-primary"/>
            </div>
          </div>
        </fieldset>
      </form>
      {{ content_bottom }}
    </div>
    {{ column_right }}
  </div>
</div>
{{ footer }}