{#{% macro installmentBox(installmentCount,resultData) %}
    {% if resultData["result"]|default %}

        {% if resultData["supportsInstallment"]  and installmentCount in resultData["supportedInstallments"] %}
            {% set installmentInfo = getInstallmentInfo(installmentCount) %}
            {% if installmentInfo.isView %}
                <div class="installmentBox" data-installment="{{ installmentCount }}">
                    <input type="radio" name="installment" value="{{ installmentCount }}">
                    <div class="content">
                        <p class="duration">{{ installmentCount }} TAKSİT</p>
                        <hr>
                        <p class="monthlyAmount">{{ money_format(installmentInfo.installmentPrice|default(0)) }} TL</p>
                        <p class="duration">x{{ installmentCount }}</p>
                        <p class="lateCharge"></p>
                        <p class="totalAmount">{{ money_format(installmentInfo.totalPrice|default(0)) }} TL</p>
                    </div>
                    <span class="greenTriangle"><i class="icon-check"></i></span>
                </div>
            {% endif %}
        {% endif %}
    {% endif %}
{% endmacro %}#}

{% set summaryCart = getSummartCart() %}

{#{{ dump(resultData) }}#}

<div class="box box-installmentOptions">
    <div class="box-title">
        <h4>Taksit Seçenekleri</h4>
    </div>
    <div class="box-content">
        <p>
            Bankanıza özel taksit seçeneklerini görmek için kart numaranızı girin.
        </p>
        <div class="installmentOptions ">
            {#<div class="installmentBox active" data-installment="1">
                <div class="content">
                    <p class="duration"> TEK ÇEKİM</p>
                    <hr>
                    <p class="monthlyAmount">{{ money_format(summaryCart['total']|default(0)) }} TL</p>
                </div>
                <span class="greenTriangle"><i class="icon-check"></i></span>
            </div>#}
            {#{% set availableInstallment = getParameters('available_installment') %}#}
            {% for i in resultData.installmentDetail.installmentPrices %}
                {#{{ _self.installmentBox(i,resultData) }}#}

                <div class="installmentBox" data-installment="{{ i.installmentNumber }}">
                    <input type="radio" name="installment" value="{{ i.installmentNumber }}">
                    <div class="content">
                        <p class="duration">{{ i.installmentNumber }} TAKSİT</p>
                        <hr>
                        <p class="monthlyAmount">{{ money_format(i.installmentPrice|default(0)) }} TL</p>
                        <p class="duration">x{{ i.installmentNumber }}</p>
                        <p class="lateCharge"></p>
                        <p class="totalAmount">{{ money_format(i.totalPrice|default(0)) }} TL</p>
                    </div>
                    <span class="greenTriangle"><i class="icon-check"></i></span>
                </div>


            {% endfor %}
        </div>
    </div>
</div>


<script>
    $(document).ready(function () {
        $('.installmentBox:nth-child(1)').click();
    });
</script>