<div class="modal fade" id="modalPix" tabindex="-1" style="z-index: 999999999">
    <div class="modal-dialog modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalToggleLabel">Pagamento PIX</h5>
            </div>
            <div class="modal-body text-center" id='modalPixBody'>
            </div>
            <div>
                <div class="row">
                    <div class="col-sm-12" style="padding: 16px;">
                        <label for="txtPixCopiaCola">Pix copia e cola</label>
                        <input type="text" class="input-default" id="txtPixCopiaCola" readonly>
                    </div>
                </div>
                <div class="row">
                    <div class="col-sm-6" style="padding-bottom: 16px; padding-left: 16px;">
                        <label for="txtNumeroCelular">Número WhatsApp</label>
                        <input type="text" class="input-default" id="txtNumeroCelular">
                    </div>
                    <div class="col-sm-6" style="margin-top: 28px">
                        <button id="btnWppPix" class="btn-sisp btn btn-danger" style="background-color: #25D366; border-color: #25D366; position: relative; right: 2px;"><i class="fab fa-whatsapp"></i> WhatsApp</button>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="row">
                    <div class="col-sm-12">
                        <button id="btn-imprimir-pix" type="button" class="btn btn-primary">Imprimir</button>
                        <button id="btn-cancelar-pix" type="button" data-dismiss='modal' class="btn btn-danger"> Cancelar </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>