@{ 
    Layout = null;
}
<div class="modal fade in" data-keyboard="false" data-backdrop="static" id="paymentForm" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <strong data-bind="text:'Adisyon Tutarı: '+ $root.AdistonTotalPrice()"></strong>
                
                <strong style="float:right;" data-bind="text:'Alınabilecek Maks. Tutar: '+ $root.AvailPrice()"></strong>

            </div>
            <div class="modal-body">
                <!--ko foreach:$root.PaymentModel-->
                <div class="col-xs-12 col-sm-12 col-md-12 PaymentItem">
                    <div class="col-xs-1 col-md-1 col-sm-1" style="padding:0px;">
                        <img class="adisyonEditIcon" data-bind="attr:{ src:icons.remove },click:function(){ $root.PaymentModel.splice($index(),1) }" />
                    </div>
                    <div class="col-xs-11 col-md-11 col-sm-11 paymentItemDiv">
                        <select class="form-control loginInput transferItems"
                                data-bind="
                                    options:$data.Items,
                                    optionsCaption:'Lütfen Seçiniz!',
                                    optionsText:'key',
                                    optionsValue:$data,
                                    value:$data.Types"></select>
                    </div>
                    <!-- ko if: $data.Types() && $data.Types().list.length > 0 -->
                    <div class="col-xs-1 col-md-1 col-sm-1" style="padding:0px;" data-bind="visible:$data.Types().key !== 'Nakit'"></div>
                    <div class="col-xs-11 col-md-11 col-sm-11 paymentItemDiv" data-bind="visible:$data.Types().key !== 'Nakit'">
                        <select class="form-control loginInput transferItems"
                                data-bind="
                                    options:$data.Types().list,
                                    optionsText:'Name',
                                    value:$data.Type
                                    "></select>

                    </div>
                    <div class="col-xs-1 col-md-1 col-sm-1" style="padding:0px;"></div>
                    <div class="col-xs-11 col-md-11 col-sm-11 paymentItemDiv">
                        <input type="text" class="form-control defaultTextbox paymentBox" data-bind="valueUpdate: 'keyup', value:$data.Price" />
                    </div>
                    <!--/ko-->

                </div>
                    <!--/ko-->
                </div>
            <div class="modal-footer" style="border-top: 1px solid rgba(0,0,0,.075);">
                <button type="button" data-bind="click:$root.AddNewPayment" class="btn btn-secondary btn-sm">Yeni Ödeme</button>
                <button type="button" data-bind="click:$root.closePaymentForm" class="btn btn-secondary btn-sm">Ekranı Kapat</button>
                <button type="button" data-bind="click:$root.AddPayment" class="btn btn-secondary btn-sm">Tamamla</button>
            </div>
        </div>
    </div>
</div>