<div class="container">

    <div class="col-lg-6">
        <h4>بيانات الاقساط</h4>
    </div>
<div class="col-lg-10">
    <ul class="list-group">
        {assign var=itr value=1}
        {foreach $installments_dates as $installment}
        <li class="list-group-item row">
            <div class="row">

                <div class="col-lg-2">
                    <div class="form-group">
                        <label class="control-label">رقم القسط</label>
                        <input type="text" name="installmentitr" class="form-control" readonly value="{$itr}">
                    </div>
                </div>

                <div class="col-lg-5">
                    <div class="form-group">
                        <label class="control-label">المبلغ</label>
                        <input type="text"
                               class="form-control"
                               number="true"
                               name="installment_payment_{$itr}" data-itr="{$itr}"
                               id="installment_payment_{$itr}" readonly value="{$installment.value}"
                               required="">
                    </div>
                </div>

                <div class="col-lg-5">
                    <div class="form-group">
                        <label class="control-label">تستحق في </label>
                        <div class=""
                             data-date-format="yyyy-mm-dd">
                            <input type="text" class="form-control" required value="{$installment.date}"
                                   name="installment_payment_date_{$itr}" readonly>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        {capture assign=itr}{$itr+1}{/capture}
        {/foreach}
    </ul>
</div>
</div>