{{define "section-education"}}
<!-- Education -->
<section id="education" class="cv-section component-wrapper">
    <!-- Actual Content -->
    <div class="actual-content">
        <details open>
            <summary>
                <h3 class="section-title">
                    <iconify-icon icon="mdi:school" width="24" height="24" class="section-icon"></iconify-icon>
                    {{.UI.Navigation.Training}}
                </h3>
            </summary>
        {{range .CV.Education}}
        <div class="education-item">
            <strong>{{.Degree}}</strong> ({{.StartDate}}-{{.EndDate}}) {{$.UI.Sections.ObtainedFrom}} <strong>{{.Institution}}</strong> ({{.Location}})
        </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-education-item"></div>
            <div class="skeleton skeleton-education-item"></div>
        </div>
    </div>
</section>
{{end}}