Embed

<div id="v6_silent_system" style="direction: rtl; font-family: 'Cairo', sans-serif; background: #f8fafc; color: #1e293b; padding: 15px; border-radius: 15px; border: 1px solid #e2e8f0; width: 100%; box-sizing: border-box;">

<style>
    #v6_silent_system * { box-sizing: border-box; }
    .v6-hidden { display: none !important; }
    #v6_lock { height: 450px; display: flex; align-items: center; justify-content: center; background: #000; border-radius: 15px; position: fixed; inset: 0; z-index: 10000; }
    .v6-input { background: #000; border: 1px solid #222; color: #00f2ff; font-size: 2.5rem; width: 220px; text-align: center; padding: 15px; border-radius: 10px; letter-spacing: 8px; outline: none; }
    
    .v6-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #f1f5f9; padding-bottom: 15px; margin-bottom: 25px; }
    .v6-clock { font-size: 1.8rem; font-weight: 900; color: #3b82f6; font-family: monospace; }
    
    .v6-card { background: #fff; border: 1px solid #e2e8f0; padding: 20px; border-radius: 15px; text-align: center; box-shadow: 0 1px 3px rgba(0,0,0,0.05); }
    .v6-val { font-size: 2.2rem; font-weight: 900; display: block; }

    .v6-target-zone { background: #fff; border: 1px solid #e2e8f0; border-right: 6px solid #3b82f6; padding: 25px; border-radius: 15px; margin-bottom: 25px; }
    .v6-progress-rail { width: 100%; background: #f1f5f9; height: 14px; border-radius: 10px; margin: 20px 0; overflow: hidden; }
    .v6-progress-bar { height: 100%; background: linear-gradient(90deg, #3b82f6, #60a5fa); width: 0%; transition: 2s ease; border-radius: 10px; }

    .v6-badge { background: #e0f2fe; color: #0369a1; padding: 5px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 700; border: 1px solid #bae6fd; }
    .v6-table-container { overflow-x: auto; background: #fff; border-radius: 15px; border: 1px solid #e2e8f0; }
    table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
    th { background: #f8fafc; color: #64748b; padding: 15px; border-bottom: 2px solid #f1f5f9; }
    td { padding: 15px; border-bottom: 1px solid #f1f5f9; text-align: center; }
    .v6-today-row { background: #eff6ff; color: #1d4ed8 !important; font-weight: bold; }
</style>

<div id="v6_lock">
    <input type="password" id="v6_pass" class="v6-input" placeholder="••••" autofocus>
</div>

<div id="v6_dash" class="v6-hidden">
    <div class="v6-header">
        <div>
            <div id="v6_clock_display" class="v6-clock">00:00:00</div>
            <div id="v6_date_display" style="font-size: 0.9rem; color: #64748b; font-weight: 600;">--</div>
        </div>
        <div style="text-align: left;">
            <div class="v6-badge" id="v6_work_timer">00:00</div>
            <div id="v6_day_label" style="font-size: 0.9rem; color: #475569; margin-top: 5px; font-weight: 800;">اليوم 1</div>
        </div>
    </div>

    <div class="v6-target-zone">
        <div style="display: flex; justify-content: space-between; align-items: center;">
            <span style="font-size: 1rem; font-weight: 700;">المطلوب الآن</span>
            <span id="v6_efficiency" class="v6-badge">0%</span>
        </div>
        <div id="v6_daily_num" style="font-size: 4.5rem; font-weight: 900; margin: 5px 0; color: #0f172a;">--</div>
        <div class="v6-progress-rail"><div id="v6_bar" class="v6-progress-bar"></div></div>
        <div style="display: flex; justify-content: space-between; font-size: 0.85rem; color: #64748b;">
            <span id="v6_perc_label">إنجاز: 0%</span>
            <span>الهدف: 144</span>
        </div>
    </div>

    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 15px; margin-bottom: 25px;">
        <div class="v6-card"><div style="color:#64748b; font-size:0.8rem;">تم ✅</div><div id="v6_ret_count" class="v6-val" style="color:#22c55e">0</div></div>
        <div class="v6-card"><div style="color:#64748b; font-size:0.8rem;">رفض ❌</div><div id="v6_lost_count" class="v6-val" style="color:#ef4444">0</div></div>
        <div class="v6-card"><div style="color:#64748b; font-size:0.8rem;">متبقي</div><div id="v6_rem_count" class="v6-val">144</div></div>
    </div>

    <div class="v6-table-container">
        <table id="v6_plan_table">
            <thead>
                <tr>
                    <th>المرحلة</th>
                    <th>المستهدف</th>
                    <th>الحالة</th>
                </tr>
            </thead>
            <tbody></tbody>
        </table>
    </div>
</div>

<script>
    const CSV_URL = "https://docs.google.com/spreadsheets/d/e/2PACX-1vSykUgunLJGTySBdCH0kT7wCygfNNWqOuFpBHGxyGKRoy4-Jwwl3u1Pf3IffYEWYLbBIj0onuPZmzPh/pub?output=csv";
    const START_TIME = new Date("2026-03-10T09:00:00"); 

    document.getElementById('v6_pass').addEventListener('keypress', function(e) {
        if (e.key === 'Enter' && this.value === "11991199") {
            document.getElementById('v6_lock').style.display = 'none';
            document.getElementById('v6_dash').classList.remove('v6-hidden');
            initV6();
        }
    });

    function initV6() {
        refreshV6();
        setInterval(refreshV6, 30000); 
        setInterval(tickV6, 1000);
    }

    function tickV6() {
        const now = new Date();
        document.getElementById('v6_clock_display').innerText = now.toLocaleTimeString('en-GB');
        document.getElementById('v6_date_display').innerText = now.toLocaleDateString('ar-EG', {weekday:'long', day:'numeric', month:'long'});
        let diffHours = (now - START_TIME) / 3600000;
        let dayNum = Math.floor(diffHours / 24) + 1;
        document.getElementById('v6_day_label').innerText = "اليوم " + (dayNum > 0 ? dayNum : 1);
    }

    async function refreshV6() {
        try {
            const response = await fetch(CSV_URL + "&cache=" + new Date().getTime());
            const text = await response.text();
            const rows = text.split('\n').map(line => line.split(','));
            const headers = rows[0];

            const idxRet = headers.findIndex(h => h.includes("عاد الى"));
            const idxLost = headers.findIndex(h => h.includes("لم يعد"));
            const idxTime = headers.length - 1; 

            let ret = 0, lost = 0, total = 144;
            let workTimes = [];

            for (let i = 1; i < rows.length; i++) {
                const r = rows[i];
                if (r[idxRet] && r[idxRet].trim() === "1") ret++;
                if (r[idxLost] && r[idxLost].trim() === "1") lost++;
                if (r[idxTime] && r[idxTime].includes(":")) workTimes.push(r[idxTime].trim());
            }

            const done = ret + lost;
            const now = new Date();
            let dayIdx = Math.floor((now - START_TIME) / 86400000) + 1;
            let daysRemaining = 13 - (dayIdx > 0 ? dayIdx : 1);
            if (daysRemaining < 1) daysRemaining = 1;

            const targetToday = Math.ceil((total - done) / daysRemaining);
            const progress = (done / total) * 100;

            document.getElementById('v6_ret_count').innerText = ret;
            document.getElementById('v6_lost_count').innerText = lost;
            document.getElementById('v6_rem_count').innerText = total - done;
            document.getElementById('v6_daily_num').innerText = targetToday;
            document.getElementById('v6_bar').style.width = progress + "%";
            document.getElementById('v6_perc_label').innerText = "إنجاز: " + Math.round(progress) + "%";

            if (workTimes.length >= 2) {
                const sorted = workTimes.sort();
                const start = sorted[0].split(':');
                const end = sorted[sorted.length - 1].split(':');
                let minDiff = (parseInt(end[0])*60 + parseInt(end[1])) - (parseInt(start[0])*60 + parseInt(start[1]));
                document.getElementById('v6_work_timer').innerText = `${Math.floor(minDiff/60)}س ${minDiff%60}د`;
            }

            const expectedQuota = (dayIdx > 12 ? 12 : (dayIdx < 1 ? 1 : dayIdx)) * 12;
            const eff = Math.round((done / expectedQuota) * 100);
            document.getElementById('v6_efficiency').innerText = eff + "%";
            document.getElementById('v6_efficiency').style.background = eff >= 100 ? "#dcfce7" : "#fee2e2";

            const tbody = document.querySelector('#v6_plan_table tbody');
            tbody.innerHTML = "";
            for (let i = 1; i <= 12; i++) {
                const tAccum = i * 12;
                let status = "مخطط";
                let cls = "";
                if (done >= tAccum) status = "مكتمل";
                else if (i === dayIdx || (dayIdx < 1 && i === 1)) { status = "جاري"; cls = "v6-today-row"; }
                tbody.innerHTML += `<tr class="${cls}"><td>يوم ${i}</td><td>${tAccum}</td><td>${status}</td></tr>`;
            }
        } catch (e) { console.error("Sync Error"); }
    }
</script>
</div>

ايرث بغداد للإنترنت