{{ define "main" }}
  {{ $heroImage := .Params.heroImage | default "images/visuels/engagez.jpg" }}
  {{ $heroBg := resources.Get $heroImage }}
  <section class="entreprise-hero" {{ if $heroBg }}style="background-image: url('{{ $heroBg.RelPermalink }}')"{{ end }}>
  </section>

  <section class="page-entreprise">
    <h1 class="page-title">{{ .Params.headline | default "La mobilité, un enjeu RSE pour votre entreprise" }}</h1>

    {{ .Content }}

    {{ $allResources := .Resources.Match "*.md" }}
    {{ $avantages := where $allResources "Params.type" "avantage" }}
    {{ if $avantages }}
      <div class="entreprise-avantages">
        {{ range sort $avantages "Params.weight" }}
          <div class="avantage-block">
            {{ if .Params.icon }}
              {{ $icon := resources.Get .Params.icon }}
              {{ if $icon }}
                <div class="avantage-icon">
                  <img src="{{ $icon.RelPermalink }}" alt="" />
                </div>
              {{ end }}
            {{ end }}
            <h3 class="avantage-title">{{ .Title }}</h3>
            <div class="avantage-text">{{ .Content }}</div>
          </div>
        {{ end }}
      </div>
    {{ end }}

    <h2 class="entreprise-subtitle">{{ .Params.engagementTitle | default "De plus en plus d'entreprises s'engagent, pourquoi pas vous ?" }}</h2>

    {{ $engagements := where $allResources "Params.type" "engagement" }}
    {{ if $engagements }}
      {{ $sortedEngagements := sort $engagements "Params.weight" }}
      <div class="entreprise-engagements">
        <div class="engagements-column">
          {{ range first 3 $sortedEngagements }}
            <div class="engagement-block">
              {{ if .Params.icon }}
                {{ $icon := resources.Get .Params.icon }}
                {{ if $icon }}
                  <div class="engagement-icon">
                    <img src="{{ $icon.RelPermalink }}" alt="" />
                  </div>
                {{ end }}
              {{ end }}
              <div class="engagement-content">
                <h3 class="engagement-title">{{ .Title }}</h3>
                <div class="engagement-text">{{ .Content }}</div>
              </div>
            </div>
          {{ end }}
        </div>
        <div class="engagements-column">
          {{ range after 3 $sortedEngagements }}
            <div class="engagement-block">
              {{ if .Params.icon }}
                {{ $icon := resources.Get .Params.icon }}
                {{ if $icon }}
                  <div class="engagement-icon">
                    <img src="{{ $icon.RelPermalink }}" alt="" />
                  </div>
                {{ end }}
              {{ end }}
              <div class="engagement-content">
                <h3 class="engagement-title">{{ .Title }}</h3>
                <div class="engagement-text">{{ .Content }}</div>
              </div>
            </div>
          {{ end }}

          <div class="plus-infos">
            {{ $downloadIcon := resources.Get "images/picto/download_24dp_1F1F1F_FILL0_wght400_GRAD0_opsz24.svg" }}
            <h3 class="plus-infos-title">{{ .Params.plusInfosTitle | default "Plus d'infos ?" }}</h3>
            <p class="plus-infos-text">{{ .Params.plusInfosText | default "Vous avez des questions ? Vous souhaitez recevoir de la documentation imprimée à mettre à disposition de vos publics ?" }}</p>
            <a href="{{ $.Params.plusInfosContactLink | default "/pages/contact/" }}" class="plus-infos-button">Contactez-nous</a>
            {{ with $.Params.depliantLink }}
            <a href="{{ . }}" class="plus-infos-download" target="_blank">
              {{ if $downloadIcon }}
                <img src="{{ $downloadIcon.RelPermalink }}" alt="" />
              {{ end }}
              <span>Ou téléchargez le dépliant d'information</span>
            </a>
            {{ end }}
          </div>
        </div>
      </div>
    {{ end }}

    <div class="entreprise-video">
      <div class="entreprise-video-container">
        {{ $videoPath := .Params.video | default "videos/entreprise.mp4" }}
        {{ $video := resources.Get $videoPath }}
        {{ if $video }}
          <video controls>
            <source src="{{ $video.RelPermalink }}" type="video/mp4">
          </video>
        {{ end }}
      </div>
    </div>
  </section>
{{ end }}