<div class="modal fade" id="g<?= $nin_service->id ?>" data-backdrop="static" data-keyboard="false" tabindex="-1"
    aria-labelledby="staticBackdropLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title text-light" id="staticBackdropLabel"><strong> NIN
                        Slip</strong></h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <center>
                    <span class="msg2"></span>
                    <span class="text-danger"> You'll be charge <strong
                            id="fee">N<?= $nin_service->service_fee ?></strong> To
                        Print Your <?= $nin_service->service_name ?>
                    </span><br>
                    <img id="sample" width="80%" src="img/nimc.png" alt="">
                </center>
            </div>
            <div class="modal-footer">
                <button id="close" type="button" class="btn btn-secondary" data-dismiss="modal">NO / Close</button>
                <a id="service_url" target="blank" href="#" class="btn btn-primary">YES / Continue</a>
            </div>
        </div>
    </div>
</div>