<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<meta property="og:type" content="website">

<meta property="og:title"
      content="<?= e($pageTitle ?? 'Conference Portal') ?>">

<meta property="og:description"
      content="<?= e($metaDescription ?? '') ?>">

<meta property="og:image"
      content="<?= e($metaImage ?? '') ?>">

<meta property="og:url"
      content="<?= e($_SERVER['REQUEST_URI'] ?? '') ?>">
<link rel="canonical"
      href="https://www.jpu.edu.jo<?= e($_SERVER['REQUEST_URI'] ?? '') ?>">

<title><?= $title ?? 'بوابة المؤتمرات' ?></title>

<!-- Cairo Font -->
<link href="https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap" rel="stylesheet">

<!-- Bootstrap RTL -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.rtl.min.css" rel="stylesheet">

<!-- Font Awesome (Solid Working CDN) -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.5.1/css/all.min.css">

<style>
body {
    font-family: 'Cairo', sans-serif;
    background: linear-gradient(135deg,#0f2027,#203a43,#2c5364);
    min-height:100vh;
    color:#ffffff;
}

h1,h2,h3,h4,h5,h6 {
    color:#ffffff;
}

.text-muted {
    color:#cfd8dc !important;
}

.card {
    background: rgba(0,0,0,0.45);
    border-radius: 16px;
    border: 1px solid rgba(255,255,255,0.1);
    transition: 0.3s;
    color:#ffffff;
}

.card:hover {
    transform: translateY(-6px);
    background: rgba(0,0,0,0.6);
}

.btn-primary {
    background: linear-gradient(45deg,#00c6ff,#0072ff);
    border: none;
    color:#fff;
}

.btn-outline-secondary {
    color:#fff;
    border-color:#aaa;
}

.btn-outline-secondary:hover {
    background:#ffffff22;
}

.navbar {
    background: rgba(0,0,0,0.6) !important;
    backdrop-filter: blur(6px);
}

.navbar-brand {
    font-weight:700;
    color:#fff !important;
}

.fa-solid,
.fa-regular {
    color:#00c6ff;
}
</style>

</head>
<body>

<nav class="navbar navbar-expand-lg shadow-sm mb-4">
<div class="container">
<a class="navbar-brand" href="/easychair/">
<i class="fa-solid fa-graduation-cap"></i> بوابة المؤتمرات
</a>
</div>
</nav>

<div class="container py-3">

<script type="application/ld+json">
{
    "@context":"https://schema.org",
    "@type":"Event",
    "name":"<?= e($pageTitle ?? 'Conference') ?>",
    "eventAttendanceMode":"https://schema.org/OnlineEventAttendanceMode",
    "eventStatus":"https://schema.org/EventScheduled"
}
</script>
