<div class="refund-reason-modal">
    <script type="text/ng-template" id="refund-reason.html">
        <div class="modal-header">
            <h3 class="modal-title" id="modal-title"></h3>
        </div>
        <div class="modal-body" id="modal-body" style="height:200px;">
            <div class="row">
                <span translate="RefundReasonColon" class="col-lg-4 col-md-4"></span>
                <div dx-select-box="refundReason.reasonSelectOptions" class="col-lg-7 col-md-7"></div> 
            </div>
            
            <div class="row col-lg-11 col-md-11">
                <div dx-text-area="refundReason.otherReasonOptions" style="display:none;" id="otherReasonRemark"></div>
            </div>
        </div>
        <div class="modal-footer">
            <button class="btn btn-primary" type="button" ng-click="refundReasonModal.close();" translate="Confirm"></button>
            <button class="btn btn-default" type="button" ng-click="refundReasonModal.cancel();" translate="Cancel"></button>
        </div>
    </script>
</div>