var clientOnsiteCheckIn = function({avatar, client_name, client_id, business_name}){
    let modal = BootstrapDialog.show({
        title: "Onsite Check-in QR code",
        id: 'modal-confirm-onsite-check-in',
        buttons: [
            {
                label: 'Close',
                cssClass: 'btn-default',
                action: function(dialogRef) {
                    dialogRef.close();
                }
            },
        ]
    });
    modal.getModalBody().html(`<div id="qrCode" style="position: relative; display: flex; justify-content: center;"></div>`);
    setTimeout(() => {
        let QR_CODE = new QRCode("qrCode", {
            width: 220,
            height: 220,
            colorDark: "#000000",
            colorLight: "#ffffff",
            correctLevel: QRCode.CorrectLevel.H,
        }).makeCode(`${client_id}`);
        $('#qrCode').append(`${avatar}`);
        $('#qrCode').find('.client-photo-wrap').css({'position': 'absolute', 'top': '50%', 'left': '50%', 'transform': 'translate(-50%,-50%)'});
        $('#qrCode').after(`<div style="margin-top: 30px; text-align: center;">Scan the QR code above to complete your onsite check-in</div>`)
    }, 1000);
}