{% extends "core/base.html" %}
{% load static %}
{% block extra_css %}<link rel="stylesheet" href="{% static 'core/css/dashboard.css' %}">{% block dash_extra_css %}{% endblock %}{% endblock %}
{% block content %}
<div class="cursor-glow"></div>
<div class="dash-shell">
  <div class="dash-topbar">
    <div class="container">
      <a class="dash-brand" href="{% url 'index' %}">
        <span class="dash-brand-mark">ر</span>
        <span><b>مرکز راهبری کسب‌وکار</b><small>پنل کاربری</small></span>
      </a>
      <nav class="dash-nav" id="dashNav">
        <div class="dash-nav-links">
          <a href="{% url 'dashboard' %}" class="{% if request.resolver_match.url_name == 'dashboard' %}active{% endif %}">داشبورد</a>
          <a href="{% url 'profile' %}" class="{% if request.resolver_match.url_name == 'profile' %}active{% endif %}">اطلاعات من</a>
          <a href="{% url 'password_change' %}" class="{% if request.resolver_match.url_name == 'password_change' %}active{% endif %}">امنیت حساب</a>
          <a href="{% url 'services' %}">خدمات</a>
          <a href="{% url 'business_assessment' %}" class="{% if request.resolver_match.url_name == 'business_assessment' or request.resolver_match.url_name == 'business_assessment_slug' or request.resolver_match.url_name == 'business_assessment_result' %}active{% endif %}">ارزیابی کسب‌وکار</a>
        </div>
        <div class="dash-mobile-actions">
          {% if request.user.is_staff %}<a class="btn btn-secondary" href="{% url 'management_dashboard' %}">پنل مدیریت</a>{% endif %}
          <a class="btn btn-secondary" href="{% url 'index' %}">صفحه اصلی</a>
          <a class="btn btn-primary" href="{% url 'logout' %}">خروج</a>
        </div>
      </nav>
      <div class="dash-user">
        {% if request.user.is_staff %}<a class="btn btn-secondary" href="{% url 'management_dashboard' %}"><span class="txt">پنل مدیریت</span></a>{% endif %}
        <a class="btn btn-secondary" href="{% url 'index' %}"><span class="txt">صفحه اصلی</span></a>
        <a class="btn btn-primary" href="{% url 'logout' %}"><span class="txt">خروج</span></a>
        <button class="dash-menu-btn" id="dashMenuBtn" type="button" aria-label="منو" aria-expanded="false">☰</button>
      </div>
    </div>
  </div>
  <main class="dash-main">
    <div class="container">
      {% if messages %}
      <div class="dash-fade" style="margin-bottom:16px">
        {% for message in messages %}<div class="dash-detail-box" style="border-color:rgba(105,240,174,.3);color:#a9f5d0;margin-bottom:8px">{{ message }}</div>{% endfor %}
      </div>
      {% endif %}
      {% block dash_content %}{% endblock %}
    </div>
  </main>
</div>
{% endblock %}
{% block extra_js %}
<script>
(function(){
  function initDashboardMenu(){
    var btn=document.getElementById('dashMenuBtn');
    var nav=document.getElementById('dashNav');
    if(!btn||!nav||btn.dataset.menuBound==='1') return;
    btn.dataset.menuBound='1';
    function close(){
      nav.classList.remove('open');
      btn.classList.remove('is-open');
      btn.setAttribute('aria-expanded','false');
      btn.textContent='☰';
    }
    function toggle(){
      var open=!nav.classList.contains('open');
      nav.classList.toggle('open',open);
      btn.classList.toggle('is-open',open);
      btn.setAttribute('aria-expanded',open?'true':'false');
      btn.textContent=open?'✕':'☰';
    }
    btn.addEventListener('click',function(e){e.preventDefault();e.stopPropagation();toggle();});
    nav.addEventListener('click',function(e){
      var link=e.target.closest('a');
      if(link) close();
    });
    document.addEventListener('click',function(e){
      if(nav.classList.contains('open') && !nav.contains(e.target) && e.target!==btn) close();
    },true);
    document.addEventListener('keydown',function(e){if(e.key==='Escape') close();});
    window.addEventListener('resize',function(){if(window.innerWidth>900) close();});
  }
  if(document.readyState==='loading') document.addEventListener('DOMContentLoaded',initDashboardMenu);
  else initDashboardMenu();
})();
</script>
{% block dash_extra_js %}{% endblock %}
{% endblock %}