PK���ȼRY��������€��� �v3.phpUT
�øŽg‰gñ“gux�
õ
��õ
��½T]kÛ0}߯pEhìâÙM7X‰çv%”v0֐µ{)Aå:6S$!ÉMJèߕ?R÷!>lO¶tÏ=ç~êë¥*”—W‚ÙR
OÃhþÀXl5ØJÿñ¾¹K^•æi‡#ëLÇÏ_ ÒËõçX²èY[
:ŽÇFY[  ÿD. çI™û…Mi¬ñ;ª¡AO+$£–x™ƒ Øîü¿±ŒsZÐÔQô]+ÊíüÓ:‚ãã½ú¶%åºb¨{¦¤Ó
1@V¤ûBëSúA²Ö§‘0|5Ì­Ä[«+èUsƒ
ôˆh2àr‡z_¥(Ùv§ÈĂï§EÖý‰ÆypBS¯·8Y­è,eRX¨Ö¡’œqéF²;¿¼?Ø?Lš6`dšikR•¡™âÑo†e«ƒi´áŽáqXHc‡óðü4€ÖBÖÌ%ütÚ$š+T”•MÉÍõ½G¢ž¯Êl1œGÄ»½¿ŸÆ£h¤I6JÉ-òŽß©ˆôP)Ô9½‰+‘Κ¯uiÁi‡ˆ‰i0J
ép˜¬‹’ƒ”ƒlÂÃø:s”æØ�S{ŽÎαÐ]å÷:y°Q¿>©å{x<ŽæïíNCþÑ.Mf?¨«2ý}=ûõýî'=£§ÿu•Ü(—¾IIa­"éþ@¶�¿ä
9?^-qìÇÞôvŠeÈc ðlacã®xèÄ'®âd¶çˆSEæódP/ÍÆv{Ô)Ó
?>…V¼—óÞÇlŸÒMó¤®ðdM·ÀyƱϝÚÛTÒ´6[xʸO./p~["
M[`…ôÈõìn6‹Hòâ]^|øPKýBvây��€��PK���ȼRY��������°���� �__MACOSX/._v3.phpUT
�øŽg‰gþ“gux�
õ
��õ
��c`cg`b`ðMLVðVˆP€'
qƒøˆŽ!!AP&HÇ
%PDF-1.7
1 0 obj
<< /Type /Catalog
/Outlines 2 0 R
/Pages 3 0 R >>
endobj
2 0 obj
<< /Type /Outlines /Count 0 >>
endobj
3 0 obj
<< /Type /Pages
/Kids [6 0 R
]
/Count 1
/Resources <<
/ProcSet 4 0 R
/Font << 
/F1 8 0 R
/F2 9 0 R
>>
>>
/MediaBox [0.000 0.000 595.280 841.890]
 >>
endobj
4 0 obj
[/PDF /Text ]
endobj
5 0 obj
<<
/Producer (���d�o�m�p�d�f� �2�.�0�.�8� �+� �C�P�D�F)
/CreationDate (D:20241129143806+00'00')
/ModDate (D:20241129143806+00'00')
/Title (���A�d�s�T�e�r�r�a�.�c�o�m� �i�n�v�o�i�c�e)
>>
endobj
6 0 obj
<< /Type /Page
/MediaBox [0.000 0.000 595.280 841.890]
/Parent 3 0 R
/Contents 7 0 R
>>
endobj
7 0 obj
<< /Filter /FlateDecode
/Length 904 >>
stream
x���]o�J���+F�ͩ����su\ �08=ʩzရ���lS��
lc�
"Ց�
���wޙ�%�R�DS����OI�a`� �Q�f��5����_���םO�`�7�_FA���D�Џ.j�a=�j����>��n���R+�P��l�rH�{0��w��0��=W�2D
����G���I�>�_B3ed�H�yJ�G>/��ywy�fk��%�$�2.��d_�h����&)b0��"[\B��*_.��Y� ��<�2���fC�YQ&y�i�tQ�"xj����+���l�����'�i"�,�ҔH�AK��9��C���&Oa�Q
�jɭ���
�p_
���E�ie9�ƃ%H&��,`rDxS�ޔ!�(�X!v��]{ݛx�
e�`�p�&��'�q�9
F�i���W1in��F�O�����Zs��[gQT�؉����}��q^upLɪ:B"��؝�����*Tiu(S�r]��s�.��s9n�N!K!L�M�?�*[��N�8��c��ۯ�b������YZ���SR3�n�����lPN��P�;��^�]�!'�z-���ӊ���/��껣��4�l(M�E�QL��X��~���G��M|�����*��~�;/=N4�-|y�`�i�\�e�T�<���L��G}�"В�J^���q��"X�?(V�ߣXۆ{��H[����P���c���kc�Z�9v�����?�a��R�h|��^�k�D4W���?Iӊ�]<��4�)$wdat���~���������
��|�L��x�p|N�*��E��/4�Qpi�x.>��d����,M�y|4^�Ż��8S/޾���uQe���D�y� ��ͧH�����j�wX
�
�&z�
endstream
endobj
8 0 obj
<< /Type /Font
/Subtype /Type1
/Name /F1
/BaseFont /Helvetica
/Encoding /WinAnsiEncoding
>>
endobj
9 0 obj
<< /Type /Font
/Subtype /Type1
/Name /F2
/BaseFont /Helvetica-Bold
/Encoding /WinAnsiEncoding
>>
endobj
xref
0 10
0000000000 65535 f 
0000000009 00000 n 
0000000074 00000 n 
0000000120 00000 n 
0000000284 00000 n 
0000000313 00000 n 
0000000514 00000 n 
0000000617 00000 n 
0000001593 00000 n 
0000001700 00000 n 
trailer
<<
/Size 10
/Root 1 0 R
/Info 5 0 R
/ID[<a06db29b04022dfb709f8299f0d9e891><a06db29b04022dfb709f8299f0d9e891>]
>>
startxref
1812
%%EOF

<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php:1) in <b>/home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php</b> on line <b>128</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php:1) in <b>/home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php</b> on line <b>129</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php:1) in <b>/home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php</b> on line <b>130</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php:1) in <b>/home/u697396820/domains/smartriegroup.com/public_html/assets/images/partners/logo_69cec45839613.php</b> on line <b>131</b><br />
<?php
require_once '../config.php';
// require_once 'includes/auth_check.php';
require_once '../includes/functions.php';

if (!isset($_SESSION['user_role']) || !in_array($_SESSION['user_role'], ['admin', 'staff'])) {
    // Kalau tidak sesuai, lempar ke dashboard atau halaman lain
    header('Location: dashboard.php');
    exit;
}

// Get settings
$settings = array();
$result = mysqli_query($conn, "SELECT * FROM settings");
while ($row = mysqli_fetch_assoc($result)) {
    $settings[$row['name']] = $row['value'];
}

// Get WhatsApp API key and number from settings
$api_key = $settings['whatsapp_api_key'] ?? '';
$whatsapp_number = $settings['whatsapp_number'] ?? '';

// Remove any non-numeric characters and leading zeros
$whatsapp_number = preg_replace('/[^0-9]/', '', $whatsapp_number);
if (substr($whatsapp_number, 0, 1) === '0') {
    $whatsapp_number = '62' . substr($whatsapp_number, 1);
}

// Automatically generate QR code on page load if we have valid API key and WhatsApp number
$qr_response = null;
if (!empty($api_key) && !empty($whatsapp_number)) {
    // Generate QR code
    $curl = curl_init();
    curl_setopt_array($curl, array(
        CURLOPT_URL => 'https://api.fonnte.com/qr',
        CURLOPT_RETURNTRANSFER => true,
        CURLOPT_ENCODING => '',
        CURLOPT_MAXREDIRS => 10,
        CURLOPT_TIMEOUT => 0,
        CURLOPT_FOLLOWLOCATION => true,
        CURLOPT_HTTP_VERSION => CURL_HTTP_VERSION_1_1,
        CURLOPT_CUSTOMREQUEST => 'POST',
        CURLOPT_POSTFIELDS => array(
            'type' => 'qr',
            'whatsapp' => $whatsapp_number
        ),
        CURLOPT_HTTPHEADER => array(
            'Authorization: ' . $api_key
        ),
    ));

    $response = curl_exec($curl);
    $curl_error = curl_error($curl);
    $httpCode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
    curl_close($curl);
    
    // Parse the response
    $response_data = json_decode($response, true);
    
    // Check if device is already connected
    if ($response_data && isset($response_data['reason']) && $response_data['reason'] === 'device already connect') {
        $already_connected = true;
        $success_message = "WhatsApp sudah terhubung! Nomor WhatsApp Anda sudah berhasil terhubung dengan API Fonnte.";
    } elseif ($httpCode !== 200) {
        $error = "Gagal menghasilkan QR code. Silakan coba lagi nanti.";
        if (!empty($curl_error)) {
            $error .= " Error: " . $curl_error;
        }
    } else {
        $qr_response = $response_data;
    }
    
}

// Page title
$page_title = "WhatsApp QR Scanner";
// include 'includes/header.php';
?>

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title><?php echo $pageTitle ?? 'Admin Panel'; ?> Travel Umroh</title> 
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="../assets/css/admin.css">
    <style>
        .stat-card {
            border: none;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(184, 134, 11, 0.1);
            transition: transform 0.3s ease;
        }
        .stat-card:hover {
            transform: translateY(-5px);
        }
        .stat-icon {
            width: 50px;
            height: 50px;
            border-radius: 10px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 1.5rem;
            margin-bottom: 1rem;
            background: linear-gradient(135deg, #b8860b 0%, #ffd700 100%);
            color: white;
        }
        .stat-number {
            font-size: 2rem;
            font-weight: 600;
            color: #1a1f3c;
            margin-bottom: 0.5rem;
        }
        .stat-label {
            color: #6c757d;
            font-size: 0.9rem;
        }
    </style>
</head>
<body>
    <?php include 'includes/header.php'; ?>
    
    <div class="container-fluid">
        <div class="row">
<div class="container-fluid">
    <div class="row">
        <?php include 'includes/sidebar.php'; ?>
        
        <main class="col-md-9 ms-sm-auto col-lg-10 px-md-4">
            <div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
                <h1 class="h2">WhatsApp QR Scanner</h1>
            </div>
            
            <?php if (isset($error)): ?>
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <?= $error ?>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            <?php endif; ?>
            
            <?php if (isset($success)): ?>
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <?= $success ?>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            <?php endif; ?>
            
            <div class="row">
                <div class="col-md-6">
                    <div class="card shadow-sm mb-4">
                        <div class="card-header bg-primary text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-qrcode me-2"></i>WhatsApp QR Code
                            </h5>
                        </div>
                        <div class="card-body">
                            <p class="card-text">
                                QR code WhatsApp ini dapat dipindai untuk menghubungkan nomor WhatsApp Anda dengan API Fonnte.
                            </p>
                            
                           
                            <div class="mb-3">
                                <label class="form-label">API Key Fonnte</label>
                                <div class="input-group">
                                    <span class="input-group-text"><i class="fas fa-key"></i></span>
                                    <input type="text" class="form-control" value="<?= htmlspecialchars(substr($api_key, 0, 10) . '...') ?>" readonly>
                                      <?php if(($_SESSION['user_role'] == 'admin')) :   ?>
                                    <a href="settings.php" class="btn btn-outline-secondary">
                                        <i class="fas fa-edit"></i> Edit
                                    </a>
                                    <?php endif?>
                                </div>
                                <div class="form-text">API Key diambil dari pengaturan sistem</div>
                            </div>
                            
                            <a href="<?= $_SERVER['PHP_SELF'] ?>?refresh=1" class="btn btn-primary">
                                <i class="fas fa-sync-alt me-2"></i>Refresh QR Code
                            </a>
                        </div>
                    </div>
                    
                    <div class="card shadow-sm">
                        <div class="card-header bg-info text-white">
                            <h5 class="card-title mb-0">
                                <i class="fas fa-info-circle me-2"></i>Petunjuk Penggunaan
                            </h5>
                        </div>
                        <div class="card-body">
                            <ol class="mb-0">
                                <li>Masukkan nomor WhatsApp yang ingin dihubungkan</li>
                                <li>Klik tombol "Generate QR Code"</li>
                                <li>Pindai QR code yang muncul menggunakan aplikasi WhatsApp di ponsel Anda</li>
                                <li>Ikuti petunjuk di aplikasi WhatsApp untuk menyelesaikan proses koneksi</li>
                                <li>Setelah terhubung, Anda dapat menggunakan API Fonnte untuk mengirim pesan WhatsApp</li>
                            </ol>
                        </div>
                    </div>
                </div>
                
                <div class="col-md-6">
                    <?php if (isset($already_connected) && $already_connected): ?>
                        <div class="card shadow-sm">
                            <div class="card-header bg-success text-white">
                                <h5 class="card-title mb-0">
                                    <i class="fas fa-check-circle me-2"></i>WhatsApp Sudah Terhubung
                                </h5>
                            </div>
                            <div class="card-body text-center">
                                <div class="connected-icon p-4 mb-3">
                                    <i class="fab fa-whatsapp fa-5x text-success"></i>
                                </div>
                                
                                <div class="alert alert-success">
                                    <i class="fas fa-check-circle me-2"></i>
                                    <?= $success_message ?>
                                </div>
                                
                                <div class="connection-details mt-4">
                                  
                                    <div class="row mb-3">
                                        <div class="col-5 text-end fw-bold">Status:</div>
                                        <div class="col-7 text-start"><span class="badge bg-success">Terhubung</span></div>
                                    </div>
                                </div>
                                
                                <div class="d-grid gap-2 mt-4">
                                    <a href="<?= $_SERVER['PHP_SELF'] ?>?refresh=1" class="btn btn-primary">
                                        <i class="fas fa-sync-alt me-2"></i>Periksa Ulang Status
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="card shadow-sm mt-4">
                            <div class="card-header bg-info text-white">
                                <h5 class="card-title mb-0">
                                    <i class="fas fa-info-circle me-2"></i>Informasi
                                </h5>
                            </div>
                            <div class="card-body">
                                <p>Anda dapat menggunakan API Fonnte untuk mengirim pesan WhatsApp dari aplikasi Anda. Berikut beberapa informasi penting:</p>
                                <ul class="text-start">
                                    <li>Pastikan API key tetap rahasia</li>
                                    <li>Koneksi WhatsApp akan tetap aktif selama perangkat terhubung ke internet</li>
                                    <li>Jika Anda ingin menghubungkan nomor WhatsApp lain, ubah nomor di pengaturan</li>
                                </ul>
                            </div>
                        </div>
                    <?php elseif (isset($qr_response) && !empty($qr_response) && isset($qr_response['url'])): ?>
                        <div class="card shadow-sm">
                            <div class="card-header bg-success text-white">
                                <h5 class="card-title mb-0">
                                    <i class="fas fa-qrcode me-2"></i>QR Code Siap Dipindai
                                </h5>
                            </div>
                            <div class="card-body text-center">
                                <div class="qr-container p-4 bg-light rounded mb-3">
                                    <img src="data:image/png;base64,<?= $qr_response['url'] ?>">
                                    <!--<img src="" alt="WhatsApp QR Code" class="img-fluid qr-image">-->
                                </div>
                                
                                <div class="alert alert-warning">
                                    <i class="fas fa-exclamation-triangle me-2"></i>
                                    QR code ini hanya berlaku untuk satu kali pemakaian dan akan kedaluwarsa dalam beberapa menit.
                                </div>
                                
                                <div class="d-grid gap-2">
                                    <a href="data:image/png;base64,<?= $qr_response['url'] ?>" download="whatsapp-qr.png" class="btn btn-outline-primary">
                                        <i class="fas fa-download me-2"></i>Download QR Code
                                    </a>
                                </div>
                            </div>
                        </div>
                        
                        <div class="card shadow-sm mt-4">
                            <div class="card-header bg-primary text-white">
                                <h5 class="card-title mb-0">
                                    <i class="fas fa-mobile-alt me-2"></i>Status Koneksi
                                </h5>
                            </div>
                            <div class="card-body">
                                <div id="connection-status" class="alert alert-info">
                                    <i class="fas fa-spinner fa-spin me-2"></i>
                                    Menunggu koneksi WhatsApp...
                                </div>
                                
                                <div class="d-grid">
                                    <button id="check-status" class="btn btn-primary">
                                        <i class="fas fa-sync-alt me-2"></i>Periksa Status
                                    </button>
                                </div>
                            </div>
                        </div>
                    <?php elseif (isset($error)): ?>
                        <div class="card shadow-sm">
                            <div class="card-header bg-danger text-white">
                                <h5 class="card-title mb-0">
                                    <i class="fas fa-exclamation-circle me-2"></i>Error
                                </h5>
                            </div>
                            <div class="card-body text-center py-4">
                                <div class="alert alert-danger">
                                    <?= $error ?>
                                </div>
                                
                                <div class="mt-3">
                                    <p>Pastikan:</p>
                                    <ul class="text-start">
                                        <li>API Key Fonnte sudah benar</li>
                                        <li>Nomor WhatsApp sudah benar</li>
                                        <li>Koneksi internet berfungsi dengan baik</li>
                                    </ul>
                                </div>
                                
                                <div class="d-grid gap-2 mt-4">
                                    <a href="<?= $_SERVER['PHP_SELF'] ?>?refresh=1" class="btn btn-primary">
                                        <i class="fas fa-sync-alt me-2"></i>Coba Lagi
                                    </a>
                                    <a href="settings.php" class="btn btn-outline-secondary">
                                        <i class="fas fa-cog me-2"></i>Periksa Pengaturan
                                    </a>
                                </div>
                            </div>
                        </div>
                    <?php else: ?>
                        <div class="card shadow-sm">
                            <div class="card-header bg-secondary text-white">
                                <h5 class="card-title mb-0">
                                    <i class="fas fa-qrcode me-2"></i>QR Code
                                </h5>
                            </div>
                            <div class="card-body text-center py-5">
                                <div class="qr-placeholder p-5 bg-light rounded mb-3 d-flex align-items-center justify-content-center">
                                    <div class="text-muted">
                                        <i class="fas fa-qrcode fa-5x mb-3"></i>
                                        <p>QR code akan ditampilkan di sini</p>
                                    </div>
                                </div>
                                
                                <p class="text-muted">
                                    Silakan klik tombol "Refresh QR Code" untuk membuat QR code baru.
                                </p>
                                
                                <div class="d-grid gap-2 mt-4">
                                    <a href="<?= $_SERVER['PHP_SELF'] ?>?refresh=1" class="btn btn-primary">
                                        <i class="fas fa-sync-alt me-2"></i>Refresh QR Code
                                    </a>
                                </div>
                            </div>
                        </div>
                    <?php endif; ?>
                </div>
            </div>
        </main>
    </div>
</div>

<style>
.qr-container {
    border: 1px solid #ddd;
    max-width: 300px;
    margin: 0 auto;
}

.qr-image {
    max-width: 100%;
    height: auto;
}

.qr-placeholder {
    border: 1px solid #ddd;
    min-height: 300px;
    max-width: 300px;
    margin: 0 auto;
}
</style>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const checkStatusBtn = document.getElementById('check-status');
    const connectionStatus = document.getElementById('connection-status');
    
    if (checkStatusBtn) {
        checkStatusBtn.addEventListener('click', function() {
            connectionStatus.innerHTML = '<i class="fas fa-spinner fa-spin me-2"></i>Memeriksa status koneksi...';
            connectionStatus.className = 'alert alert-info';
            
            // Simulate checking status (in a real app, you would make an API call here)
            setTimeout(function() {
                // This is just a simulation - in a real app, you would check the actual status
                const connected = Math.random() > 0.5;
                
                if (connected) {
                    connectionStatus.innerHTML = '<i class="fas fa-check-circle me-2"></i>WhatsApp terhubung!';
                    connectionStatus.className = 'alert alert-success';
                } else {
                    connectionStatus.innerHTML = '<i class="fas fa-times-circle me-2"></i>WhatsApp belum terhubung. Silakan pindai QR code.';
                    connectionStatus.className = 'alert alert-warning';
                }
            }, 1500);
        });
    }
});
</script>

<?php include 'includes/footer.php'; ?>