{% if profile.experiences.exists %}
<div class="section-card">
  <h2><i class="fas fa-briefcase"></i> Work experience</h2>
  <div class="pp-timeline">
    {% for e in profile.experiences.all %}
    <article class="pp-entry">
      <h3>{{ e.title }}</h3>
      <div class="pp-sub">{{ e.company }}{% if e.get_employment_type_display %} &middot; {{ e.get_employment_type_display }}{% endif %}{% if e.location %} &middot; {{ e.location }}{% endif %}</div>
      {% if e.period %}<div class="pp-period">{{ e.period }}</div>{% endif %}
      {% if e.responsibilities %}<p class="pp-text">{{ e.responsibilities|linebreaksbr }}</p>{% endif %}
      {% if e.achievements %}<p class="pp-text"><strong>Achievements:</strong> {{ e.achievements|linebreaksbr }}</p>{% endif %}
    </article>
    {% endfor %}
  </div>
</div>
{% endif %}

{% if profile.education_items.exists %}
<div class="section-card">
  <h2><i class="fas fa-graduation-cap"></i> Education</h2>
  <div class="pp-timeline">
    {% for e in profile.education_items.all %}
    <article class="pp-entry">
      <h3>{{ e.qualification }}</h3>
      <div class="pp-sub">{{ e.institution }}{% if e.field_of_study %} &middot; {{ e.field_of_study }}{% endif %}{% if e.get_level_display %} &middot; {{ e.get_level_display }}{% endif %}</div>
      {% if e.period %}<div class="pp-period">{{ e.period }}</div>{% endif %}
    </article>
    {% endfor %}
  </div>
</div>
{% endif %}

{% if profile.certifications.exists %}
<div class="section-card">
  <h2><i class="fas fa-certificate"></i> Certifications</h2>
  <div class="pp-timeline">
    {% for c in profile.certifications.all %}
    <article class="pp-entry"><h3>{{ c.name }}</h3>
      <div class="pp-sub">{{ c.issuer }}{% if c.credential_number %} &middot; {{ c.credential_number }}{% endif %}</div>
      <div class="pp-period">{% if c.date_obtained %}Obtained {{ c.date_obtained|date:"M Y" }}{% endif %}{% if c.expiry_date %} &middot; Expires {{ c.expiry_date|date:"M Y" }}{% endif %}</div>
    </article>
    {% endfor %}
  </div>
</div>
{% endif %}

{% if profile.product_list %}
<div class="section-card"><h2><i class="fas fa-boxes-stacked"></i> Products and services experience</h2>
  <div class="skills-cloud">{% for item in profile.product_list %}<span class="skill-bubble">{{ item }}</span>{% endfor %}</div></div>
{% endif %}

{% if profile.languages.exists %}
<div class="section-card"><h2><i class="fas fa-language"></i> Languages</h2>
  <div class="skills-cloud">{% for l in profile.languages.all %}<span class="skill-bubble">{{ l.summary_line }}</span>{% endfor %}</div></div>
{% endif %}

{% if profile.projects.exists %}
<div class="section-card"><h2><i class="fas fa-diagram-project"></i> Projects</h2>
  <div class="pp-timeline">
    {% for p in profile.projects.all %}
    <article class="pp-entry"><h3>{{ p.name }}</h3>
      <div class="pp-sub">{{ p.role }}{% if p.organisation %} &middot; {{ p.organisation }}{% endif %}{% if p.date %} &middot; {{ p.date }}{% endif %}</div>
      {% if p.description %}<p class="pp-text">{{ p.description|linebreaksbr }}</p>{% endif %}
      {% if p.link %}<a href="{{ p.link }}" target="_blank" rel="noopener noreferrer" class="pp-link">View project</a>{% endif %}
    </article>
    {% endfor %}
  </div></div>
{% endif %}

{% if profile.achievements.exists %}
<div class="section-card"><h2><i class="fas fa-award"></i> Awards and achievements</h2>
  <div class="pp-timeline">
    {% for a in profile.achievements.all %}
    <article class="pp-entry"><h3>{{ a.title }}</h3><div class="pp-sub">{{ a.organisation }}{% if a.year %} &middot; {{ a.year }}{% endif %}</div>
      {% if a.description %}<p class="pp-text">{{ a.description|linebreaksbr }}</p>{% endif %}</article>
    {% endfor %}
  </div></div>
{% endif %}

{% if profile.memberships.exists %}
<div class="section-card"><h2><i class="fas fa-id-badge"></i> Professional memberships</h2>
  <div class="skills-cloud">{% for m in profile.memberships.all %}<span class="skill-bubble">{{ m.summary_line }}</span>{% endfor %}</div></div>
{% endif %}

{% if profile.volunteering.exists %}
<div class="section-card"><h2><i class="fas fa-hands-holding-heart"></i> Volunteer experience</h2>
  <div class="pp-timeline">
    {% for v in profile.volunteering.all %}
    <article class="pp-entry"><h3>{{ v.role|default:v.organisation }}</h3><div class="pp-sub">{% if v.role %}{{ v.organisation }}{% endif %}</div>
      {% if v.period %}<div class="pp-period">{{ v.period }}</div>{% endif %}
      {% if v.description %}<p class="pp-text">{{ v.description|linebreaksbr }}</p>{% endif %}</article>
    {% endfor %}
  </div></div>
{% endif %}

{% if profile.target_title_list or profile.employment_type_list or profile.work_arrangement_list or profile.preferred_location_list or profile.availability_timeline %}
<div class="section-card"><h2><i class="fas fa-bullseye"></i> Career interests</h2>
  {% if profile.target_title_list %}<p class="pp-label">Looking for</p><div class="skills-cloud">{% for t in profile.target_title_list %}<span class="skill-bubble">{{ t }}</span>{% endfor %}</div>{% endif %}
  {% if profile.employment_type_list or profile.work_arrangement_list %}<p class="pp-label">Work preferences</p><div class="skills-cloud">{% for t in profile.employment_type_list %}<span class="skill-bubble">{{ t }}</span>{% endfor %}{% for t in profile.work_arrangement_list %}<span class="skill-bubble">{{ t }}</span>{% endfor %}</div>{% endif %}
  {% if profile.preferred_location_list %}<p class="pp-label">Preferred locations</p><div class="skills-cloud">{% for t in profile.preferred_location_list %}<span class="skill-bubble">{{ t }}</span>{% endfor %}</div>{% endif %}
  {% if profile.availability_timeline %}<p class="pp-label">Availability</p><p class="pp-text">{{ profile.get_availability_timeline_display }}{% if profile.available_from %}: {{ profile.available_from|date:"j M Y" }}{% endif %}</p>{% endif %}
  {% if profile.willing_to_relocate %}<p class="pp-text">Willing to relocate{% if profile.relocation_locations %} to {{ profile.relocation_locations }}{% endif %}.</p>{% endif %}
</div>
{% endif %}

{% if profile.linkedin_url or profile.website_url or profile.portfolio_url or profile.github_url or profile.other_link_url %}
<div class="section-card"><h2><i class="fas fa-link"></i> Professional links</h2>
  <div class="pp-links">
    {% if profile.linkedin_url %}<a href="{{ profile.linkedin_url }}" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin"></i> LinkedIn</a>{% endif %}
    {% if profile.website_url %}<a href="{{ profile.website_url }}" target="_blank" rel="noopener noreferrer"><i class="fas fa-globe"></i> Website</a>{% endif %}
    {% if profile.portfolio_url %}<a href="{{ profile.portfolio_url }}" target="_blank" rel="noopener noreferrer"><i class="fas fa-folder-open"></i> Portfolio</a>{% endif %}
    {% if profile.github_url %}<a href="{{ profile.github_url }}" target="_blank" rel="noopener noreferrer"><i class="fab fa-github"></i> GitHub</a>{% endif %}
    {% if profile.other_link_url %}<a href="{{ profile.other_link_url }}" target="_blank" rel="noopener noreferrer"><i class="fas fa-link"></i> Other</a>{% endif %}
  </div></div>
{% endif %}