{{ define "main" }}
<section class="section container-fluid mt-n3 pb-3">
  <div class="row justify-content-center">
    <div class="col-lg-12 text-center">
      <h1>{{ .Title | safeHTML }}</h1>
    </div>
    <div class="col-lg-9 col-xl-8 text-center">
      <p class="lead">{{ .Params.lead | safeHTML }}</p>
      {{/*  <a class="btn btn-primary btn-cta rounded-pill btn-lg my-3" href="/docs/{{ if site.Params.doks.docsVersioning }}{{ site.Params.doks.docsVersion }}/{{ end }}guides/example-guide/" role="button">{{ i18n "get_started" }}</a>  */}}
      {{/*  {{ .Content }}  */}}
    </div>
  </div>
</section>
{{ end }}

{{ define "sidebar-prefooter" }}
  {{ if site.Params.doks.backgroundDots -}}
  <div class="d-flex justify-content-start">
    <div class="bg-dots"></div>
  </div>
  {{ end -}}
  {{ if eq $.Site.Language.LanguageName "Français" }}
  <section class="section section-md section-features">
    <div class="container">
      <div class="row justify-content-center text-center">
{{ $data := index .Site.Data site.Params.url }}
{{ range $service := index $data "services" }}
{{ $defaultValues := index site.Data.default.services $service.name }}
<div class="col-lg-5">
  <h2 class="h4">
    {{ $icon := $service.icon | default $defaultValues.icon }}
    {{- partial "inline-svg" $icon }}&nbsp;
    {{ $service.title | default $defaultValues.title }}
  </h2>
  <p>{{ $service.description | default $defaultValues.description }}</p>
  <div class="btn-group" role="group" aria-label="Basic outlined example">
    <a href="{{ $service.doc | default $defaultValues.doc }}" class="btn btn-outline-primary">Guide</a>
    {{ if $service.subdomain }}
    <a href="https://{{ print $service.subdomain "." site.Params.domain }}/" class="btn btn-primary">Accéder au service</a>
    {{ else if $service.link }}
    <a href="{{ $service.link }}/" class="btn btn-primary">Accéder au service</a>
    {{ else }}
    <a href="https://{{ print $defaultValues.subdomain "." site.Params.domain }}/" class="btn btn-primary">Accéder au service</a>
    {{ end }}
  </div>
{{ if site.Params.poweredBy }}
  <p class="text-muted"><small>Propulsé par <a href="{{ $defaultValues.tool.link }}">{{ $defaultValues.tool.name }}</a></small></p>
{{ end }}
</div>
{{ end }}
<!--

        <div class="col-lg-5">
          <h2 class="h4">
            {{- partial "inline-svg" "messages" }}&nbsp;
            Discussion entre équipes
          </h2>
          <p>Échanger ensemble avec une messagerie instantanée sécurisée et décentralisée sur différents sujets.</p>
          {{/*  <p class="text-muted"><small>Propulsé par Outline</small></p>  */}}
          <div class="btn-group" role="group" aria-label="Basic outlined example">
            <a href="/docs/chat/discussion-entre-équipes/" class="btn btn-outline-primary">Guide</a>
            <a href="https://matrix.to/#/#AVECsante-Entraide:matrix.interhop.org" class="btn btn-primary">Accéder au service</a>
          </div>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">
            {{- partial "inline-svg" "list-details" }}&nbsp;
            Gestion de projets
          </h2>
          <p>Organiser vous autour de listes de tâches et rendre visible l'avancement de vos projets.</p>
          <div class="btn-group" role="group" aria-label="Basic outlined example">
            <a href="/docs/projets/gestion-de-projets/" class="btn btn-outline-primary">Guide</a>
            <a href="https://projets.p4pillon.org/" class="btn btn-primary">Accéder au service</a>
          </div>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">
            {{- partial "inline-svg" "file-type-pdf" }}&nbsp;
            Gestion de PDF
          </h2>
          <p>Signer, parapher, modifier, réorganiser, compresser vos fichiers PDF directement en ligne.</p>
          <div class="btn-group" role="group" aria-label="Basic outlined example">
            <a href="/docs/pdf/gestion-de-pdf/" class="btn btn-outline-primary">Guide</a>
            <a href="https://pdf.p4pillon.org/" class="btn btn-primary">Accéder au service</a>
          </div>
        </div>
        <div class="col-lg-5">
          <h2 class="h4">
            {{- partial "inline-svg" "shield-lock" }}&nbsp;
            Mots de passe
          </h2>
          <p>Facilitez-vous la gestion et le partage de vos mots de passe, vous avez besoin d'en retenir qu'un !</p>
          <div class="btn-group" role="group" aria-label="Basic outlined example">
            <a href="/docs/pass/gestionnaire-de-mots-de-passe/" class="btn btn-outline-primary">Guide</a>
            <a href="https://pass.p4pillon.org/" class="btn btn-primary">Accéder au service</a>
          </div>
        </div>
      </div>
    </div>
  -->
  </section>
  <hr>
  <section class="section container-fluid mt-n3 pb-3">
    <div class="row justify-content-center">
      <div class="col-lg-9 col-xl-8 text-center">
        {{ .Content }}
      </div>
    </div>
  </section>
  {{ end }}
{{ end }}

{{ define "sidebar-footer" }}
{{ if site.Params.doks.sectionFooter -}}
<section class="section section-md container-fluid bg-light">
  <div class="row justify-content-center text-center">
    <div class="col-lg-7">
      <h2 class="mt-2">Start building with Doks today</h2>
      <a class="btn btn-primary rounded-pill px-4 my-2" href="/docs/{{ if site.Params.doks.docsVersioning }}{{ site.Params.doks.docsVersion }}/{{ end }}prologue/introduction/" role="button">{{ i18n "get-started" }}</a>
    </div>
  </div>
</section>
{{ end -}}
{{ end }}