{{- $opts := dict
  "page" .
  "src" .Params.src
  "href" .Params.href
  "title" .Params.title
  "description" .Params.description
  "target" .Params.target
  "class" .Params.class
  "rel" .Params.rel
}}

{{- with .Parent }}
  {{- partial "inline/link-card.html" $opts }}
{{- else }}
  <div class="card-nav d-flex flex-column flex-sm-row">
    {{- partial "inline/link-card.html" $opts }}
  </div>
{{- end }}

{{- define "_partials/inline/link-card.html" }}
  <div class="card text-end w-100{{ with .class}} {{ . }}{{ end }}">
    <div class="card-body d-flex">
      <div class="d-flex flex-column me-auto text-start">
        {{ with .src }}
          {{- partial "inline-svg" (dict "src" . "width" "32px" "class" "svg-inline-custom svg-monochrome text-body-emphasis" ) }}
        {{ end }}
        <h5 class="card-title my-0"><a href="{{ .href }}"{{ with .target}} target="{{ . }}"{{ end }} class="stretched-link text-reset text-decoration-none"{{ with .rel}} rel="{{ . }}"{{ end }}>{{ .title }}</a></h5>
        {{ with .description }}<p class="card-text mt-1">{{ . }}</p>{{ end }}
      </div>
      <div class="d-flex flex-column justify-content-center">
        <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-arrow-right" width="20" height="20" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round">
          <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
          <path d="M5 12l14 0"></path>
          <path d="M13 18l6 -6"></path>
          <path d="M13 6l6 6"></path>
        </svg>
      </div>
    </div>
  </div>
{{- end -}}