// ================================================================
// إنفايتنا — كود موحد كامل | ضعه في functions.php
// ================================================================

if(!defined('INVATNA_PRODUCT_ID')) define('INVATNA_PRODUCT_ID', 5688);

// ----------------------------------------------------------------
// 1. تعديل حقل الهاتف: تسمية + placeholder + إلزامي
//    (الحقل يبقى في DOM لكن مخفي بـ JS بعد ما الكارت يُبنى)
// ----------------------------------------------------------------
add_filter('woocommerce_checkout_fields', 'invatna_phone_field');
function invatna_phone_field($fields){
    $fields['billing']['billing_phone']['required']    = true;
    $fields['billing']['billing_phone']['label']       = 'رقم الواتساب (مع مفتاح الدولة)';
    $fields['billing']['billing_phone']['placeholder'] = '+966XXXXXXXXX';
    return $fields;
}

// ----------------------------------------------------------------
// 2. كارت التحقق + إخفاء الحقل الأصلي بـ JS (لا CSS)
// ----------------------------------------------------------------
add_action('wp_footer','invatna_otp_ui');
function invatna_otp_ui(){
    if(!is_checkout()) return;
    ?>
    <style>
    #invatna-card{background:#fff;border:2px solid #6C28FF;border-radius:14px;padding:18px 20px;margin-top:12px;direction:rtl;font-family:inherit;box-sizing:border-box}
    #invatna-card .inv-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px}
    #invatna-card .inv-icon{width:44px;height:44px;min-width:44px;background:#6C28FF;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:bold}
    #invatna-card .inv-title{font-size:15px;font-weight:700;color:#111}
    #invatna-card .inv-desc{font-size:12px;color:#6b7280;line-height:1.6;margin-bottom:14px}
    #invatna-card .inv-row{display:flex;gap:8px;align-items:stretch;margin-bottom:8px}
    #invatna-card .inv-input{flex:1;padding:10px 13px;border:1.5px solid #d1d5db;border-radius:9px;font-size:14px;direction:ltr;box-sizing:border-box;transition:border-color .2s;min-width:0}
    #invatna-card .inv-input:focus{outline:none;border-color:#6C28FF;box-shadow:0 0 0 3px rgba(108,40,255,.1)}
    #invatna-card .inv-btn-green{background:#25D366;color:#fff;border:none;padding:10px 16px;border-radius:9px;cursor:pointer;font-size:13px;font-family:inherit;white-space:nowrap;font-weight:600}
    #invatna-card .inv-btn-purple{background:#6C28FF;color:#fff;border:none;padding:10px 16px;border-radius:9px;cursor:pointer;font-size:13px;font-family:inherit;white-space:nowrap;font-weight:600}
    #invatna-card .inv-btn-green:disabled,#invatna-card .inv-btn-purple:disabled{opacity:.55;cursor:not-allowed}
    #invatna-card .inv-otp-input{flex:1;padding:10px;border:1.5px solid #d1d5db;border-radius:9px;font-size:24px;text-align:center;letter-spacing:10px;direction:ltr;box-sizing:border-box;min-width:0}
    #invatna-card .inv-otp-input:focus{outline:none;border-color:#6C28FF}
    #invatna-card .inv-link{font-size:12px;color:#6C28FF;cursor:pointer;text-decoration:underline;background:none;border:none;padding:0;font-family:inherit}
    #invatna-card .inv-link-gray{font-size:12px;color:#9ca3af;cursor:pointer;text-decoration:underline;background:none;border:none;padding:0;font-family:inherit}
    #invatna-card .inv-status{font-size:12px;padding:8px 12px;border-radius:8px;margin-top:8px;display:none}
    #invatna-card .inv-status.ok{background:#dcfce7;color:#15803d;display:block}
    #invatna-card .inv-status.err{background:#fee2e2;color:#dc2626;display:block}
    #invatna-card .inv-sent-info{font-size:12px;color:#374151;margin-bottom:8px;padding:7px 11px;background:#f9fafb;border-radius:8px}
    </style>

    <script>
    document.addEventListener('DOMContentLoaded', function(){

        var API   = 'https://invite-bot.replit.app';
        var state = 'idle';

        // ── العثور على حقل الهاتف الأصلي ──
        var phoneField = document.querySelector('#billing_phone, input[name="billing_phone"]');
        if(!phoneField) return;

        // ── بناء كارت التحقق ──
        var card = document.createElement('div');
        card.id  = 'invatna-card';
        card.innerHTML =
            '<div class="inv-header">' +
                '<div style="flex:1"><div class="inv-title">التحقق من رقم الواتساب</div></div>' +
                '<div class="inv-icon">&#10003;</div>' +
            '</div>' +
            '<div class="inv-desc">سيتم إرسال كود التحقق إلى رقم الواتساب للتأكد من صحته قبل إتمام الطلب.</div>' +

            '<div id="inv-state-idle">' +
                '<div class="inv-row">' +
                    '<input type="tel" id="inv-phone" class="inv-input" placeholder="+9665xxxxxxxx" dir="ltr"/>' +
                    '<button type="button" class="inv-btn-green" id="inv-send">&#128241; واتساب</button>' +
                '</div>' +
            '</div>' +

            '<div id="inv-state-sent" style="display:none">' +
                '<div class="inv-sent-info">&#128232; أُرسل الكود إلى: <strong id="inv-sent-num" dir="ltr"></strong></div>' +
                '<div class="inv-row">' +
                    '<input type="text" id="inv-code" class="inv-otp-input" placeholder="000000" maxlength="6" inputmode="numeric"/>' +
                    '<button type="button" class="inv-btn-purple" id="inv-verify">تحقق &#10003;</button>' +
                '</div>' +
                '<div style="display:flex;justify-content:space-between">' +
                    '<button type="button" class="inv-link" id="inv-change">&#9999;&#65039; تعديل الرقم</button>' +
                    '<button type="button" class="inv-link-gray" id="inv-resend">إعادة الإرسال</button>' +
                '</div>' +
            '</div>' +

            '<div id="inv-state-done" style="display:none">' +
                '<div style="background:#dcfce7;color:#15803d;padding:10px 14px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;font-size:13px">' +
                    '<span>&#9989; تم التحقق من رقم الواتساب بنجاح</span>' +
                    '<button type="button" class="inv-link" id="inv-reset" style="color:#15803d">تغيير</button>' +
                '</div>' +
            '</div>' +

            '<div class="inv-status" id="inv-status"></div>' +
            '<input type="hidden" name="invatna_verified_token" id="inv-token"/>' +
            '<input type="hidden" name="invatna_verified_phone" id="inv-vphone"/>';

        // ── إدراج الكارت بعد حقل الهاتف مباشرة ──
        var fieldRow    = phoneField.closest('.form-row') || phoneField.closest('.woocommerce-input-wrapper') || phoneField.parentNode;
        var insertAfter = fieldRow.closest('.form-row') || fieldRow;
        insertAfter.parentNode.insertBefore(card, insertAfter.nextSibling);

        // ── إخفاء حقل الهاتف الأصلي بعد إدراج الكارت (JS وليس CSS) ──
        var phoneWrapper = document.getElementById('billing_phone_field');
        if(phoneWrapper) phoneWrapper.style.display = 'none';

        // ── مزامنة الرقم إن كان محفوظاً مسبقاً ──
        if(phoneField.value)
            document.getElementById('inv-phone').value = phoneField.value;

        // ── دوال مساعدة ──
        var statusEl = document.getElementById('inv-status');
        function setStatus(msg, cls){ statusEl.textContent = msg; statusEl.className = 'inv-status ' + (cls||''); }
        function clearStatus(){ statusEl.textContent = ''; statusEl.className = 'inv-status'; }
        function setState(s){
            state = s;
            document.getElementById('inv-state-idle').style.display = s === 'idle'     ? '' : 'none';
            document.getElementById('inv-state-sent').style.display = s === 'sent'     ? '' : 'none';
            document.getElementById('inv-state-done').style.display = s === 'verified' ? '' : 'none';
        }

        // ── منع الإرسال قبل التحقق ──
        var form = phoneField.closest('form') || document.querySelector('form.checkout');
        if(form){
            form.addEventListener('submit', function(e){
                if(state !== 'verified'){
                    e.preventDefault();
                    e.stopImmediatePropagation();
                    setStatus('يجب التحقق من رقم الواتساب أولاً قبل إتمام الطلب', 'err');
                    card.scrollIntoView({behavior:'smooth', block:'center'});
                }
            }, true);
        }

        // ── إرسال الكود ──
        document.getElementById('inv-send').addEventListener('click', async function(){
            var raw   = document.getElementById('inv-phone').value;
            var phone = raw.replace(/[^0-9]/g,'');
            if(phone.length < 9){ setStatus('أدخل رقم هاتف صحيح مع مفتاح الدولة','err'); return; }
            this.disabled = true; this.textContent = 'جارٍ الإرسال...'; clearStatus();
            try{
                var r = await fetch(API + '/api/woo/request-otp',{
                    method:'POST',
                    headers:{'Content-Type':'application/json'},
                    body: JSON.stringify({phone: phone})
                });
                var d = await r.json();
                if(r.ok){
                    document.getElementById('inv-sent-num').textContent = '+' + phone;
                    document.getElementById('inv-code').value = '';
                    document.getElementById('inv-verify').disabled = false;
                    setState('sent');
                    setStatus(d.message, 'ok');
                } else {
                    setStatus(d.message,'err');
                    this.disabled = false; this.innerHTML = '&#128241; واتساب';
                }
            } catch(e){
                setStatus('خطأ في الاتصال، حاول مجدداً','err');
                this.disabled = false; this.innerHTML = '&#128241; واتساب';
            }
        });

        // ── تعديل الرقم ──
        document.getElementById('inv-change').addEventListener('click', function(){
            setState('idle');
            clearStatus();
        });

        // ── إعادة الإرسال ──
        document.getElementById('inv-resend').addEventListener('click', function(){
            setState('idle');
            clearStatus();
            document.getElementById('inv-send').click();
        });

        // ── التحقق من الكود ──
        document.getElementById('inv-verify').addEventListener('click', async function(){
            var phone = document.getElementById('inv-sent-num').textContent.replace(/[^0-9]/g,'');
            var code  = document.getElementById('inv-code').value.trim();
            if(!code){ setStatus('أدخل الكود أولاً','err'); return; }
            this.disabled = true; clearStatus();
            try{
                var r = await fetch(API + '/api/woo/verify-otp',{
                    method:'POST',
                    headers:{'Content-Type':'application/json'},
                    body: JSON.stringify({phone: phone, code: code})
                });
                var d = await r.json();
                if(r.ok){
                    document.getElementById('inv-token').value  = d.token;
                    document.getElementById('inv-vphone').value = phone;
                    if(phoneField) phoneField.value = '+' + phone;
                    setState('verified');
                    clearStatus();
                } else {
                    setStatus(d.message,'err');
                    this.disabled = false;
                }
            } catch(e){
                setStatus('خطأ في الاتصال','err');
                this.disabled = false;
            }
        });

        // ── تغيير بعد التحقق ──
        document.addEventListener('click', function(e){
            if(e.target && e.target.id === 'inv-reset'){
                document.getElementById('inv-token').value  = '';
                document.getElementById('inv-vphone').value = '';
                if(phoneField) phoneField.value = '';
                setState('idle');
                clearStatus();
            }
        });

    });
    </script>
    <?php
}

// ----------------------------------------------------------------
// 3. حفظ التوكن ورقم الواتساب مع الطلب
// ----------------------------------------------------------------
add_action('woocommerce_checkout_create_order','invatna_save_token',10,2);
function invatna_save_token($order, $data){
    if(!empty($_POST['invatna_verified_token']))
        $order->update_meta_data('_invatna_verified_token', sanitize_text_field($_POST['invatna_verified_token']));
    if(!empty($_POST['invatna_verified_phone']))
        $order->update_meta_data('_invatna_verified_phone', sanitize_text_field($_POST['invatna_verified_phone']));
}

// ----------------------------------------------------------------
// 4. إرسال بيانات الطلب لإنفايتنا بعد اكتمال الدفع
// ----------------------------------------------------------------
add_action('woocommerce_payment_complete','send_to_invatna');
function send_to_invatna($order_id){

    $order = wc_get_order($order_id);
    if(!$order) return;

    $has_target = false;
    foreach($order->get_items() as $item){
        if($item->get_product_id() == INVATNA_PRODUCT_ID){ $has_target = true; break; }
    }
    if(!$has_target) return;

    $verified_phone  = $order->get_meta('_invatna_verified_phone');
    $phone           = !empty($verified_phone) ? $verified_phone : $order->get_billing_phone();
    $name            = trim($order->get_billing_first_name().' '.$order->get_billing_last_name());
    $verified_token  = $order->get_meta('_invatna_verified_token') ?: '';

    $quantity=200; $qr_option=''; $event_date=''; $event_time=''; $hallname=''; $delivery_method='';

    foreach($order->get_items() as $item){
        if($item->get_product_id() != INVATNA_PRODUCT_ID) continue;
        foreach($item->get_meta_data() as $meta){
            $k = $meta->key; $v = $meta->value;
            if(stripos($k,'عدد')!==false || stripos($k,'quantity')!==false)
                if(preg_match('/\d+/',$v,$m)) $quantity = intval($m[0]);
            if(stripos($k,'qr')!==false)                                          $qr_option       = $v;
            if(stripos($k,'date')!==false || $k==='التاريخ')                      $event_date      = $v;
            if(stripos($k,'time')!==false || $k==='الوقت')                        $event_time      = $v;
            if(stripos($k,'hall')!==false || stripos($k,'قاعة')!==false || stripos($k,'مكان')!==false) $hallname = $v;
            if(stripos($k,'delivery')!==false)                                     $delivery_method = $v;
        }
    }

    $final_phone = preg_replace('/[^0-9]/','', trim($phone));

    $response = wp_remote_post('https://invite-bot.replit.app/api/webhook/woocommerce',[
        'headers' => ['Content-Type' => 'application/json'],
        'body'    => json_encode([
            'customer_phone'     => $final_phone,
            'customer_name'      => $name,
            'quantity'           => $quantity,
            'order_id'           => $order_id,
            'product_id'         => INVATNA_PRODUCT_ID,
            'date'               => $event_date,
            'time'               => $event_time,
            'hallname'           => $hallname,
            'delivery_method'    => $delivery_method,
            'qr_option'          => $qr_option,
            'woo_verified_token' => $verified_token,
        ]),
        'timeout' => 30,
    ]);

    if(is_wp_error($response))
        error_log('Invatna webhook error: '.$response->get_error_message());
}