{% set listingId = listingId is defined ? listingId : null %}
<div class="modal bd-example-modal-lg small easy-access modal-box quick-lead-modal px-0"
id="mortgage-modal"
tabindex="-1"
role="dialog"
ng-controller="listingFinanceController"
>
<div class="modal-dialog" role="document" >
<div class="modal-content modal-lg modal-box__content">
<div class="modal-box__header modal-lg border-gray_bottom">
<span class="modal-box__title">
{{ 'listing.finance.get_financed'|trans }}
</span>
<button type="button"
class="modal-close modal-box__close"
data-dismiss="modal"
ng-click="onCloseMortgageModal()">
<img src="/images/close_dark_gray.svg"/>
</button>
</div>
<div class="modal-box__body">
<div class="modal-box__body-content modal-box__body-content_px-2x modal-box__body-content modal-box__body-content_px-2x_height-md-fixed">
<p class="modal-box__text text-lg text-gray__dark_1">{{ 'listing.finance.title'|trans }}</p>
</diV>
<div class="modal-box__footer text-center">
<div class="mb-0 cta-btn-col col" >
<a href="javascript:void(0)"
ng-click="onFinanceBtnClick('{{listingId}}')"
class="cta-btn rounded-pill btn-blue"
>
{{'listing.finance.get_finance'|trans}}
</a>
</div>
<div class="mb-0 " >
<a href="javascript:void(0)"
ng-click="onSkipFinance()"
class="cta-btn cta-btn_w-auto rounded-pill btn-gray"
>
{{'label.lead.skip'|trans}}
</a>
</div>
</div>
</div>
</div>
</div>
</div>