{{define "section-references"}}
<!-- References Section -->
{{if .CV.References}}
<section id="references" class="cv-section component-wrapper">
    <!-- Actual Content -->
    <div class="actual-content">
        <details open>
            <summary>
                <h3 class="section-title">
                    <iconify-icon icon="mdi:link-variant" width="24" height="24" class="section-icon"></iconify-icon>
                    {{if eq .Lang "es"}}Referencias{{else}}References{{end}}
                </h3>
            </summary>
        {{range .CV.References}}
        <div class="reference-item">
            {{if .TextBefore}}{{.TextBefore}} {{end}}{{if eq .Action "downloadPDF"}}<a href="{{.URL}}" onclick="event.preventDefault(); openPdfModal(); return false;"><strong>{{if .LinkText}}{{.LinkText}}{{else}}{{.Title}}{{end}}</strong></a>{{else}}<a href="{{.URL}}" {{if and (eq .Type "cv") (ne .URL "/?lang=en") (ne .URL "/?lang=es")}}download{{else}}target="_blank" rel="noopener noreferrer"{{end}}><strong>{{if .LinkText}}{{.LinkText}}{{else}}{{.Title}}{{end}}</strong></a>{{end}}{{if .TextAfter}} {{.TextAfter}}{{end}}
        </div>
        {{end}}
        </details>
    </div>

    <!-- Skeleton Content -->
    <div class="skeleton-content">
        <div class="skeleton-section">
            <div class="skeleton skeleton-section-title"></div>
            <div class="skeleton skeleton-reference-item"></div>
            <div class="skeleton skeleton-reference-item" style="width: 80%;"></div>
            <div class="skeleton skeleton-reference-item" style="width: 90%;"></div>
        </div>
    </div>
</section>
{{end}}
{{end}}