{{ define "main" }}

<main class="portfolios">
    <h1>Portfolio</h1>

    {{- if and .Content (not .Paginator.HasPrev) }}
    <div class="content content-list">{{ .Content }}</div>
    {{- end }}

    <div class="portfolios-list">
        {{ range sort .Data.Pages "Params.end_date" "desc" }}
        <div class="portfolio">
            <div class="portfolio-details">
                <h2 class="portfolio-title"><a href="{{ .Permalink }}">{{ .Title | markdownify }}</a></h2>
                <span class="portfolio-company">
                    <a href="{{ .Params.company_url }}" target="_blank">{{ .Params.company_name | markdownify }}</a>
                </span>
                <div class="portfolio-meta">
                    {{- if .Params.start_date }}
                    <span class="portfolio-start-date">
                        {{- $dateFormat := default "Jan, 2006" .Site.Params.dateformMonth }}
                        {{ dateFormat $dateFormat .Params.start_date }}
                    </span>
                    —
                    <span class="portfolio-end-date">
                        {{- if and .Params.end_date (lt .Params.end_date now) }}
                        {{ dateFormat $dateFormat .Params.end_date }}
                        {{- else }}
                        {{ i18n "post.present" }}
                        {{- end }}
                    </span>
                    {{- end }}
                    {{- if $.Site.Params.ShowReadingTimeInList }}
                    <span class="portfolio-read-time">— {{ .ReadingTime }}
                        {{ $.Site.Params.MinuteReadingTime | default "min read" }}</span>
                    {{- end }}
                </div>

                {{- if .Params.tags }}
                <span class="portfolio-tags">
                    {{- range .Params.tags }}
                    #<a href="{{ (urlize (printf "tags/%s" . )) | absURL }}/">{{ . }}</a>&nbsp;
                    {{- end }}
                </span>
                {{- end }}

                <div class="portfolio-content">
                    {{- with .Description }}
                    {{ . | markdownify }}
                    {{- else }}
                    {{- if .Truncated }}
                    {{ .Summary | markdownify }}
                    {{- end }}
                    {{- end }}
                </div>
                {{- with .Params.skills }}
                <h3 class="portfolio-skills-title">Skills developed:</h3>
                <ul class="portfolio-skills">
                    {{- range . }}
                    <li class="portfolio-skill">{{ . }}</li>
                    {{- end }}
                </ul>
                {{- end}}
                {{- if not .Params.hideReadMore }}
                <div><a class="read-more button"
                        href="{{.Permalink}}">{{ $.Site.Params.ReadMore | default "Read more" }}
                        →</a></div>
                {{- end }}
            </div>
            {{- if .Params.Cover }}
            <figure class="portfolio-cover">
                {{- partial "image.html" (dict "path" .Params.Cover "alt" (.Title | plainify)) }}

                {{- if .Params.CoverCaption }}
                <figcaption class="center">{{ .Params.CoverCaption | markdownify }}</figcaption>
                {{- end }}
            </figure>
            {{- end }}
        </div>
        {{- end }}
    </div>

</main>
{{ end }}