{% comment %}
This partial template contains the content structure for each project card.
It's designed to be reusable and maintainable.
{% endcomment %}

<div class="project-card-content" id="{{ project.id | default: project.title | slugify }}">
    {% if project.image %}
    <div class="project-image-container">
    <img src="{{ project.image }}" 
        alt="{{ project.title | strip_html }}" 
        class="project-image">
    </div>
    {% endif %}

    <div class="project-content">
        <h3 class="project-title">
          <a href="#" class="project-title-link" onclick="showProjectDetails('{{ project.title | slugify }}', event)">
            {{ project.title | markdownify | remove: '<p>' | remove: '</p>' }}
          </a>
        </h3>
      
        <div class="project-description">
            {{ project.description | markdownify }}
        </div>
  
 <!--
  <div class="project-details" 
       aria-expanded="false" 
       data-state="collapsed">
    {{ project.content | markdownify }}
  </div>
-->       

    {% if project.tags %}
    <div class="project-tags">
      {% for tag in project.tags %}
        <span class="tag">{{ tag }}</span>
      {% endfor %}
    </div>
    {% endif %}
  
    <div class="project-links">
        {% if project.links %}
          {% for link in project.links %}
            <a href="{{ link.url }}" 
               class="project-link {{ link.type }}-link" 
               target="_blank" 
               rel="noopener noreferrer">
              {% case link.type %}
                {% when 'paper' %}
                  <i class="fas fa-file-pdf"></i>
                {% when 'talk' %}
                  <!-- <i class="fas fa-presentation"></i> -->
                  <i class="fas fa-chalkboard-teacher"></i>                  
                {% when 'code' %}
                  <i class="fas fa-code"></i>
                {% when 'link' %}
                  <i class="fas fa-external-link-alt"></i>
                  {% when 'news' %}
                  <i class="fas fa-newspaper"></i>                  
              {% endcase %}
              {{ link.text }}
            </a>
          {% endfor %}
        {% endif %}
      </div>



</div>

{% comment %}
Add some error handling for missing content
{% endcomment %}
{% unless project.title and project.description %}
  <div class="project-error" hidden>
    <p>Error: Missing required project information.</p>
  </div>
{% endunless %}

{% comment %}
Add schema.org metadata for better SEO
{% endcomment %}
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "ResearchProject",
"name": "{{ project.title }}",
"description": "{{ project.description }}",
"author": {
"@type": "Person",
"name": "{{ site.author.name }}",
"affiliation": {
    "@type": "Organization",
    "name": "{{ site.author.institution }}"
}
},
{% if project.Paper %}
"publication": {
"@type": "ScholarlyArticle",
"url": "{{ project.Paper }}"
},
{% endif %}
"keywords": {{ project.tags | jsonify }}
}
</script>