{% extends "admin/index.html" %}
{% load i18n %}

{% block extrastyle %}
{{ block.super }}
<style>
  .quick-links-wrap {
    margin-bottom: 24px;
  }

  .quick-links-title {
    margin: 0 0 12px;
  }

  .quick-links-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
  }

  .quick-link-card {
    display: block;
    padding: 14px 16px;
    border: 1px solid var(--hairline-color, #ddd);
    border-radius: 8px;
    background: var(--body-bg, #fff);
    text-decoration: none;
    color: var(--body-fg, #111);
    transition: border-color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
  }

  .quick-link-card:hover,
  .quick-link-card:focus {
    border-color: var(--primary, #417690);
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
    text-decoration: none;
    outline: 0;
  }

  .quick-link-name {
    display: block;
    font-weight: 600;
  }

  .quick-link-path {
    display: block;
    margin-top: 4px;
    font-size: 12px;
    color: var(--body-quiet-color, #666);
    word-break: break-word;
  }
</style>
{% endblock %}

{% block content %}
<section class="quick-links-wrap" aria-label="Raccourcis principaux">
  <h2 class="quick-links-title">Raccourcis principaux</h2>
  <div class="quick-links-grid">
    <a class="quick-link-card" href="{% url 'admin:common_userconfig_changelist' %}">
      <span class="quick-link-name">UserConfig</span>
      <span class="quick-link-path">common / userconfig</span>
    </a>
    <a class="quick-link-card" href="{% url 'admin:common_requestlog_changelist' %}">
      <span class="quick-link-name">RequestLog</span>
      <span class="quick-link-path">common / requestlog</span>
    </a>
    <a class="quick-link-card" href="{% url 'admin:interventions_intervention_changelist' %}">
      <span class="quick-link-name">Interventions</span>
      <span class="quick-link-path">interventions / intervention</span>
    </a>
    <a class="quick-link-card" href="{% url 'admin:interventions_symptom_changelist' %}">
      <span class="quick-link-name">Symptoms</span>
      <span class="quick-link-path">interventions / symptom</span>
    </a>
    <a class="quick-link-card" href="{% url 'admin:contracts_contract_changelist' %}">
      <span class="quick-link-name">Contracts</span>
      <span class="quick-link-path">contracts / contract</span>
    </a>
    <a class="quick-link-card" href="{% url 'admin:contracts_companymember_changelist' %}">
      <span class="quick-link-name">CompanyMember</span>
      <span class="quick-link-path">contracts / companymember</span>
    </a>
    <a class="quick-link-card" href="{% url 'admin:home_homewidgetconditiongroup_changelist' %}">
      <span class="quick-link-name">HomeWidgetConditionGroup</span>
      <span class="quick-link-path">home / homewidgetconditiongroup</span>
    </a>
    <a class="quick-link-card" href="{% url 'admin:observations_observation_changelist' %}">
      <span class="quick-link-name">Observations</span>
      <span class="quick-link-path">observations / observation</span>
    </a>
    <a class="quick-link-card" href="{% url 'admin:projects_project_changelist' %}">
      <span class="quick-link-name">Projects</span>
      <span class="quick-link-path">projects / project</span>
    </a>
  </div>
</section>

{{ block.super }}
{% endblock %}