{% extends '@App/layout.html.twig' %}
{% block body %}
 <form id="credit">
  <div class="text"><label>Сумма кредита</label> <input type="text" name="amount" id="amount" value="10000" /></div>
  <div class="text"><label>Срок кредита (мес.)</label><input type="text" name="term" id="term" value="12" /></div>
  <div class="text"><label>Процентная ставка</label><input type="text" name="rate" id="rate" value="12" /></div>
  <div class="select"><label>Дата начала выплат</label>
   <select name="startdate" id="startdate">
    {% for i in 1..31 %}
     <option value = {{ i  }} {% if current_date == i %} selected="selected" {% endif %} > {{ i }}</option>
    {% endfor %}
   </select>
   <select name="startmonth" id="startmonth">
    {% for key, month in month_array %}
     <option value = {{ key+1  }} {% if current_month == key+1 %} selected="selected" {% endif %} > {{ month }}</option>
    {% endfor %}
   </select>
   <select name="startyear" id="startyear">
    {% for i in current_year-10..current_year+10 %}
     <option value = {{ i  }} {% if current_year == i %} selected="selected" {% endif %} > {{ i }}</option>
    {% endfor %}
   </select>
  </div>
  <div class="submit"><button type="submit">Рассчитать</button></div>
 </form>

 <p><strong>Ежемесячный платеж:</strong> <span id="payment"></span></p>
 <p><strong>Переплата:</strong> <span id="overpay"></span></p>
 <div id="schedule"></div>
{{ credit }}
{% endblock %}