نظام تقييم المخاطر اللحظي

#firepro-risk-v2{
direction:rtl;font-family:Arial;max-width:1200px;margin:30px auto;padding:22px;
border-radius:24px;color:#fff;
background:linear-gradient(135deg,#020617,#0f172a,#2b0606);
border:1px solid #dc2626;box-shadow:0 0 40px rgba(220,38,38,.4)
}
#firepro-risk-v2 h2{text-align:center;color:#ff3333;margin:5px 0}
.sub{text-align:center;color:#cbd5e1;margin-bottom:20px}

.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:15px}

.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);
border-radius:16px;padding:15px}

.card h3{color:#ff4b4b;margin-top:0}

select,input{
width:100%;padding:10px;border-radius:10px;border:0;margin:5px 0;font-size:15px
}

.risk{
font-size:70px;text-align:center;font-weight:bold
}

.bar{height:20px;background:#334155;border-radius:50px;overflow:hidden}
.fill{height:100%;width:0%;background:#22c55e;transition:.6s}

.btn{
width:100%;padding:15px;border:0;border-radius:14px;
background:linear-gradient(90deg,#991b1b,#ef4444,#f97316);
color:white;font-size:18px;font-weight:bold;cursor:pointer;margin-top:10px
}

.map{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.zone{padding:12px;border-radius:10px;text-align:center;background:#1e293b}
.safe{background:#14532d}
.mid{background:#854d0e}
.high{background:#7f1d1d}
.critical{background:#991b1b;box-shadow:0 0 15px red}

.report{margin-top:15px;padding:15px;border-radius:15px;background:#020617;border:1px solid rgba(255,255,255,.15)}

🔥 FirePro Live Fire Risk Engine

تشغيل التحليل

function runRisk(){

let temp=+document.getElementById(“temp”).value;
let smoke=+document.getElementById(“smoke”).value;
let people=Math.min(+document.getElementById(“people”).value,80);
let system=+document.getElementById(“system”).value;

let risk=Math.round((temp*0.3)+(smoke*0.35)+(people*0.2)+(system*0.15));
if(risk>100) risk=100;

let color=”#22c55e”,level=”منخفض”,analysis=””,decision=””,advice=””,auto=””;

if(risk<=30){
color="#22c55e";level="منخفض";
analysis="الوضع مستقر";
decision="دخول آمن";
advice="مراقبة فقط";
auto="لا يوجد تدخل";
}
else if(risk<=60){
color="#facc15";level="متوسط";
analysis="بداية خطر";
decision="احتواء";
advice="تجهيز الفرق";
auto="إنذار جزئي";
}
else if(risk<=80){
color="#f97316";level="مرتفع";
analysis="انتشار محتمل";
decision="إخلاء جزئي";
advice="تجنب المناطق الساخنة";
auto="تشغيل الإطفاء";
}
else{
color="#dc2626";level="حرج";
analysis="خطر شديد";
decision="إخلاء كامل";
advice="منع الدخول";
auto="فصل كهرباء + إنذار كامل";
}

document.getElementById("risk").innerHTML=risk+"%";
document.getElementById("risk").style.color=color;
document.getElementById("fill").style.width=risk+"%";
document.getElementById("fill").style.background=color;
document.getElementById("level").innerHTML=level;

document.getElementById("analysis").innerHTML=analysis;
document.getElementById("decision").innerHTML=decision;
document.getElementById("advice").innerHTML=advice;
document.getElementById("auto").innerHTML=auto;

for(let i=1;i<=6;i++){
let z=document.getElementById("z"+i);
z.className="zone";

if(risk<40) z.classList.add("safe");
else if(risk<60) z.classList.add("mid");
else if(risk<80) z.classList.add("high");
else z.classList.add("critical");
}

document.getElementById("report").innerHTML=
"FirePro Report
“+
“Risk: “+risk+”% (“+level+”)
“+
“Decision: “+decision+”
“+
“Analysis: “+analysis;
}

#fp-live-risk-engine{
direction:rtl;font-family:Arial,sans-serif;max-width:1150px;margin:30px auto;padding:22px;
border-radius:24px;color:#fff;background:linear-gradient(135deg,#05070d,#111827,#260707);
border:1px solid #b91c1c;box-shadow:0 0 35px rgba(220,38,38,.35)
}
#fp-live-risk-engine h2{text-align:center;color:#ff3333;margin:5px 0}
#fp-live-risk-engine .sub{text-align:center;color:#cbd5e1;margin-bottom:20px}
.fp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}
.fp-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px}
.fp-card h3{margin-top:0;color:#ff4b4b}
.fp-card input,.fp-card select{width:100%;padding:10px;border:0;border-radius:10px;font-size:15px;margin-bottom:10px;box-sizing:border-box}
.fp-risk{font-size:60px;text-align:center;font-weight:bold}
.fp-bar{height:23px;background:#334155;border-radius:50px;overflow:hidden}
.fp-fill{height:100%;width:0%;background:#22c55e;transition:.6s}
.fp-btn{width:100%;padding:14px;margin-top:15px;border:0;border-radius:14px;background:linear-gradient(90deg,#991b1b,#ef4444,#f97316);color:#fff;font-size:18px;font-weight:bold;cursor:pointer}
.fp-list{line-height:2}
.fp-report{margin-top:18px;padding:16px;border-radius:16px;background:#020617;border:1px solid rgba(255,255,255,.15);line-height:1.9}
.fp-footer{text-align:center;color:#94a3b8;font-size:13px;margin-top:18px}

FirePro Live Risk Engine

تشغيل Live Risk Engine</button