{% extends 'base.html' %}
{% block title %}Dashboard — Enterprise Digital Platform{% endblock %}

{% block content %}
<div class="dashboard-wrapper">
  <div class="dashboard-header">
    <h2 class="section-title">Applications</h2>
    <p class="section-subtitle">Click <strong>Open</strong> to launch an application. Your session carries over automatically.</p>
  </div>

  <div class="app-grid">
    {% for app in apps %}
    <div class="app-card {% if not app.has_access %}app-card--locked{% endif %}" style="--accent: {{ app.color }};">
      <div class="app-card-header">
        <span class="app-icon">{{ app.icon }}</span>
        <div class="app-status">
          {% if app.has_access %}
            <span class="status-dot status-dot--active"></span>
            <span class="status-label">Access granted</span>
          {% else %}
            <span class="status-dot status-dot--inactive"></span>
            <span class="status-label">No access</span>
          {% endif %}
        </div>
      </div>
      <div class="app-card-body">
        <h3 class="app-name">{{ app.name }}</h3>
        <p class="app-desc">{{ app.description }}</p>
      </div>
      <div class="app-card-footer">
        {% if app.has_access %}
          <a href="{{ app.url }}" class="btn btn-app" style="--accent: {{ app.color }};" target="_self">
            Open →
          </a>
        {% else %}
          <span class="btn btn-app btn-app--disabled" title="Contact your administrator to request access.">
            No Access
          </span>
        {% endif %}
      </div>
    </div>
    {% endfor %}
  </div>
</div>
{% endblock %}