<?php if ( ! defined( 'ABSPATH' ) ) exit; ?>
<nav class="top-nav">
    <div class="nav-left">
        <a href="#" class="logo">⚡ <span>Avision</span></a>
    </div>
    <div class="nav-right">
        <div class="notif-btn" id="notifBell" onclick="AvisionDashboard.toggleNotifModal()" title="Notifications">
            🔔
        </div>

        <div class="header-flags">
            <span class="header-flag" data-lang="en" onclick="AvisionDashboard.switchLanguage('en')">🇺🇸</span>
            <span class="header-flag" data-lang="fr" onclick="AvisionDashboard.switchLanguage('fr')">🇫🇷</span>
            <span class="header-flag" data-lang="es" onclick="AvisionDashboard.switchLanguage('es')">🇪🇸</span>
        </div>
    </div>
</nav>

<div class="modal-overlay" id="notifModal">
    <div class="modal-box">
        <h3 class="modal-title" data-i18n="modal_title">🔔 Get Notified</h3>
        <p class="modal-desc" data-i18n="modal_desc">We will send you an email when the 72h analysis is complete.</p>
        
        <div id="notifForm">
            <input type="email" id="notifEmail" class="modal-input" placeholder="your@email.com">
            <button class="btn-primary" style="width:100%; margin-bottom:10px;" onclick="AvisionDashboard.subscribeAlert()" data-i18n="modal_btn">Notify Me</button>
            <button class="btn-outline" style="width:100%; border:none; background:transparent;" onclick="AvisionDashboard.toggleNotifModal()" data-i18n="modal_cancel">Cancel</button>
        </div>
        
        <div id="notifSuccess" style="display:none;">
            <p style="color:#10b981; font-weight:700; font-size:1.2rem; margin-bottom:15px;">✅ Registered!</p>
            <button class="btn-outline" style="width:100%;" onclick="AvisionDashboard.toggleNotifModal()" data-i18n="modal_close">Close</button>
        </div>
    </div>
</div>
