
<div class="modal fade" id="recurring_view_modal" style="margin-top: 50px" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-md" style="width: 25%">
        <div class="modal-content border-0">
            <div class="modal-header modal-header-warning">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Subscription Information</h4>

            </div>
            <div class="modal-body ">
                <h5 class="mb-1 text-left">Oops! There is an issue with your payment</h5>
                <h5 class="mb-1 text-left">Please update or add a new payment method now</h5>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success btn-lg" id="btn_recurring">Payment</button>
                <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="credit_report_modal" style="margin-top: 50px" tabindex="-1" aria-hidden="true">
    <div class="modal-dialog modal-md" id="modal-dialog-panel">
        <div class="modal-content">
            <div class="modal-header modal-header-info">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <h4 class="mb-2 text-center" id="modal_body_data"></h4>
            </div>
            <div class="modal-footer">
                <button class="btn btn-success btn-lg" id="btn_credit_report_modal">Ok</button>
                <button class="btn btn-success btn-lg hidden" data-dismiss="modal" id="btn_hidden">Ok</button>
                <button type="button" class="btn btn-secondary btn-lg" data-dismiss="modal">Close</button>
            </div>
        </div>
    </div>
</div>


