{% load static %}
<!doctype html>
<html lang="fa" dir="rtl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <meta name="theme-color" content="#fffaf2">
  <meta name="description" content="آکادمی مهبد نتاج؛ آموزش ویدیویی مدیریت، فروش و رشد کسب‌وکار">
  <title>{% block title %}آکادمی مهبد نتاج{% endblock %}</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
  <link rel="stylesheet" href="{% static 'css/index.css' %}">
  {% block extra_head %}{% endblock %}
</head>
<body>
  <div class="ambient-glow-1"></div><div class="ambient-glow-2"></div>
  <nav class="navbar" aria-label="منوی اصلی">
    <a href="{% url 'courses:home' %}" class="nav-brand" aria-label="صفحه اصلی آکادمی مهبد نتاج">
      <svg class="brand-mark" viewBox="0 0 48 48" aria-hidden="true"><path d="M8 38V25l8 5V18l8 5V10l16 10v18H8Z"/><path d="m13 20 9-9 6 6L39 6"/><path d="M32 6h7v7"/></svg>
      <span class="brand-copy"><strong>مهبد نتاج</strong><small>آکادمی کسب‌وکار</small></span>
    </a>
    <button id="menuToggle" class="menu-toggle" type="button" aria-label="نمایش منو" aria-controls="mainMenu" aria-expanded="false"><i class="bi bi-list"></i></button>
    <div id="mainMenu" class="nav-links">
      <a href="{% url 'courses:home' %}">خانه</a>
      <a href="{% url 'courses:catalog' %}">دوره‌های آموزشی</a>
      {% if user.is_authenticated %}
        <a href="{% url 'courses:profile' %}" class="user-pill"><span class="user-avatar">{{ user.name|default:user.phone|slice:':1' }}</span>{{ user.name|default:user.phone }}</a>
        <form method="post" action="{% url 'courses:logout' %}" class="nav-logout-form">{% csrf_token %}<button class="nav-logout" title="خروج"><i class="bi bi-box-arrow-left"></i><span>خروج</span></button></form>
      {% else %}
        <a href="{% url 'courses:register' %}">ثبت‌نام</a>
        <a href="{% url 'courses:login' %}" class="btn-gold nav-login-button"><i class="bi bi-box-arrow-in-left"></i> ورود</a>
      {% endif %}
    </div>
  </nav>
  {% if messages %}<div class="messages" role="status">{% for message in messages %}<div class="message"><i class="bi bi-info-circle"></i><span>{{ message }}</span><button onclick="this.parentElement.remove()" aria-label="بستن">×</button></div>{% endfor %}</div>{% endif %}
  <main>{% block content %}{% endblock %}</main>
  <div id="videoModal" class="modal-overlay" role="dialog" aria-modal="true" aria-label="پخش ویدیو"><div class="modal-content-wrap"><button class="modal-close-btn" onclick="closeTrailerModal()" aria-label="بستن">×</button><iframe id="modalIframe" src="" title="ویدیوی معرفی" allow="autoplay; fullscreen" allowfullscreen></iframe></div></div>
  <footer>
    <div class="footer-grid">
      <div class="footer-col"><a href="{% url 'courses:home' %}" class="nav-brand"><svg class="brand-mark" viewBox="0 0 48 48"><path d="M8 38V25l8 5V18l8 5V10l16 10v18H8Z"/><path d="m13 20 9-9 6 6L39 6"/></svg><span class="brand-copy"><strong>مهبد نتاج</strong><small>آکادمی کسب‌وکار</small></span></a><p>یادگیری کاربردی برای مدیران، کارآفرینان و کسانی که می‌خواهند کسب‌وکارشان را حرفه‌ای‌تر رشد دهند.</p></div>
      <div class="footer-col"><h4>دسترسی سریع</h4><ul><li><a href="{% url 'courses:home' %}">صفحه اصلی</a></li><li><a href="{% url 'courses:catalog' %}">همه دوره‌ها</a></li><li><a href="{% url 'courses:profile' %}">پنل دانشجو</a></li></ul></div>
      <div class="footer-col"><h4>پشتیبانی</h4><p>برای انتخاب مسیر یادگیری و استفاده از دوره‌ها همراه شما هستیم.</p><div class="trust-chip"><i class="bi bi-shield-check"></i> دسترسی امن و همیشگی به دوره‌ها</div></div>
      <div class="footer-col hyperwebs-col"><h4>طراحی و توسعه وب‌سایت</h4><a class="hyperwebs-link" href="https://hyperwebs.ir" target="_blank" rel="noopener noreferrer"><svg viewBox="0 0 48 48" aria-hidden="true"><path d="M8 12h32v24H8z"/><path d="M8 19h32M14 15h1m5 0h1m5 0h1M18 29l5 4 8-11"/></svg><span><strong>هایپروِبز</strong><small>طراحی و توسعه راهکارهای تحت وب</small><b>hyperwebs.ir <i class="bi bi-arrow-up-left"></i></b></span></a></div>
    </div>
    <div class="footer-bottom"><span>تمامی حقوق برای آکادمی مهبد نتاج محفوظ است — ۱۴۰۵</span><span>طراحی و توسعه: <a href="https://hyperwebs.ir" target="_blank" rel="noopener noreferrer">HyperWebs</a></span></div>
  </footer>
  <script>
    const menuButton=document.getElementById('menuToggle'),menu=document.getElementById('mainMenu');
    function closeMenu(){menu.classList.remove('open');menuButton.setAttribute('aria-expanded','false');document.body.classList.remove('menu-open')}
    menuButton.addEventListener('click',()=>{const open=menu.classList.toggle('open');menuButton.setAttribute('aria-expanded',String(open));document.body.classList.toggle('menu-open',open)});
    menu.querySelectorAll('a').forEach(link=>link.addEventListener('click',closeMenu));
    document.addEventListener('click',event=>{if(menu.classList.contains('open')&&!menu.contains(event.target)&&!menuButton.contains(event.target))closeMenu()});
    document.addEventListener('keydown',event=>{if(event.key==='Escape')closeMenu()});
    function openTrailerModal(u){const m=document.getElementById('videoModal'),f=document.getElementById('modalIframe');f.src=u||'';m.classList.add('active')}
    function closeTrailerModal(){document.getElementById('modalIframe').src='';document.getElementById('videoModal').classList.remove('active')}
  </script>
  {% block extra_js %}{% endblock %}
</body>
</html>
