<?php
@include('../../../includes/config.php');
?>
<!--start overlay-->


		
	<!-- WhatsApp Customer Support Button -->
<script src="../template/tngweb/assets/js/bootstrap.bundle.min.js"></script>
<link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.datatables.net/buttons/2.4.2/css/buttons.bootstrap5.min.css">
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.13.6/js/dataTables.bootstrap5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/dataTables.buttons.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.bootstrap5.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/pdfmake.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.2.7/vfs_fonts.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.html5.min.js"></script>
<script src="https://cdn.datatables.net/buttons/2.4.2/js/buttons.print.min.js"></script>
<style>
.support-widget {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.support-link {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #fff;
    padding: 10px 18px;
    border-radius: 30px;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    color: #333;
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}
.support-link i {
    font-size: 20px;
    padding: 10px;
    border-radius: 50%;
    color: #fff;
}
.support-link:hover {
    transform: translateY(-3px);
}
.whatsapp i {
    background: #25D366; /* ✅ WhatsApp Green */
}
.telegram i {
    background: #0088cc; /* ✅ Telegram Blue */
}


</style>
<style>
.service-box {
  border-radius: 15px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.service-box:hover {
  transform: translateY(-5px);
  box-shadow: 0px 6px 15px rgba(0,0,0,0.2);
}
.service-img {
  max-height: 80px;
  object-fit: contain;
}
.card-title {
  font-size: 15px;
  font-weight: 600;
  color: #333;
}
.back-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: linear-gradient(135deg, #4a90e2, #007bff);
  color: #fff !important;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 16px;
  border-radius: 30px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  transition: all 0.3s ease;
}
.back-btn:hover {
  background: linear-gradient(135deg, #007bff, #4a90e2);
  transform: translateY(-2px);
  box-shadow: 0 6px 14px rgba(0,0,0,0.25);
}
.back-btn i {
  font-size: 18px;
}

</style>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.4.14/dist/sweetalert2.all.min.js"></script>
<script disable-devtool-auto src='https://cdn.jsdelivr.net/npm/disable-devtool@latest'></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
<div class="support-widget">
    <?php if (XyZ_val('support_status') == "whatsapp") { ?>
        <a href="https://wa.me/91<?php echo XyZ_val('phone'); ?>" target="_blank" class="support-link whatsapp">
            <i class="fab fa-whatsapp"></i> WhatsApp Support
        </a>
    <?php } elseif (XyZ_val('support_status')  == "telegram") { ?>
        <a href="https://t.me/<?php echo XyZ_val('telegram_username'); ?>" target="_blank" class="support-link telegram">
            <i class="fab fa-telegram"></i> Telegram Support
        </a>
    <?php } elseif (XyZ_val('support_status')  == "both") { ?>
        <a href="https://wa.me/91<?php echo XyZ_val('phone'); ?>" target="_blank" class="support-link whatsapp">
            <i class="fab fa-whatsapp"></i> WhatsApp Support
        </a>
        <a href="https://t.me/<?php echo XyZ_val('telegram_username'); ?>" target="_blank" class="support-link telegram">
            <i class="fab fa-telegram"></i> Telegram Support
        </a>
    <?php } ?>
</div>

<!-- ✅ Correct FontAwesome CDN -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/js/all.min.js" crossorigin="anonymous"></script>
