<!--<div style="    margin-top: 14px;background-color: #1a6b71; padding: 24px; color: white; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); border-radius: 12px; display: flex; align-items: center; justify-content: space-between; font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif; font-size: 16px; line-height: 1.5;">
    <div style="display: flex; align-items: center; gap: 16px;">
        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" data-lucide="rocket" style="width: 32px; height: 32px;" class="lucide lucide-rocket"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>
        <div>
            <h3 style="font-weight: 600; font-size: 18px; margin: 0; color: rgba(255, 255, 255">Want a high-converting Landing Page or E-commerce Website?</h3>
            <p style="font-size: 14px; color: rgba(255, 255, 255, 0.8); margin: 4px 0 0;">Book your Free Consultation today!</p>
        </div>
    </div>
    <a href="https://xionweb.com" target="_blank" style="background-color: rgba(255, 255, 255, 0.2); color: white; font-weight: 600; padding: 8px 16px; border-radius: 8px; text-decoration: none; font-size: 14px; transition: background-color 0.3s; white-space: nowrap;" onmouseover="this.style.backgroundColor='rgba(255, 255, 255, 0.3)'" onmouseout="this.style.backgroundColor='rgba(255, 255, 255, 0.2)'">
        Book Free Consultation    </a>
</div>
-->
<?php

// Tailwind CSS load
wp_enqueue_style(
    'tailwindcss',
    ADS_PLUGIN_URL . 'assets/css/tailwind.min.css',
    array(),
    '2.2.19'
);

?>
<header class="mb-6 bg-white p-4 border-b border-gray-200 shadow-sm rounded-lg">
    <div class="flex flex-wrap justify-between items-center gap-4">
        <h2 class="text-xl sm:text-2xl font-bold text-slate-800 flex items-center">
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 sm:w-7 sm:h-7 mr-2 text-[#1a7278]">
                <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z"></path>
            </svg>
            <?php
            $page = isset( $_GET['page'] ) ? $_GET['page'] : '';
            switch ($page) {
                case 'orderflow':
                    echo 'Incomplete Order';
                    break;
                case 'orderflow-fraud-customer-block':
                    echo 'Fraud customer block';
                    break;
                case 'orderflow-prtial-payment':
                    echo 'Prtial payment';
                    break;
                case 'orderflow-fb-settings':
                    echo 'Fb settings';
                    break;
                case 'orderflow-courier':
                    echo 'Fraud Checker';
                    break;
                default:
                    echo 'Xionweb';
            }

            ?>                        </h2>
        <div class="text-sm text-slate-500">
            Developed by <a href="https://xionweb.com" target="_blank" rel="noopener noreferrer" class="text-[#1a7278] hover:underline font-semibold">Xionweb</a>                                </div>
    </div>
</header>