<div class="modal-body a-modal-body">
  <div class="py-2">
    <form data-toggle="validator">
      {{# file-delegation-first-header }}
        {{> felles-komponenter-seksjonstittel:mb-1|a-h3 }}
      {{/ file-delegation-first-header }}
      <div class="mb-3">
        {{{ file-delegation-intro-text }}}
        {{# file-delegation-normal-delegation-link }}
          {{> felles-komponenter-link }}
        {{/ file-delegation-normal-delegation-link }}
      </div>

      <div class="mb-1">
        {{# file-delegation-second-header }}
          {{> felles-komponenter-undertittel:a-fontReg }}
        {{/ file-delegation-second-header }}
      </div>
      <div class="mb-3">
        {{> felles-komponenter-handlingsknapp(icon-prefix: "ai", iconClass:"ai-download", iconExtraClass: "", buttonClass: "a-btn a-btn-action", actionButtonIcon:
        "", actionButtonText: "Last ned fil") }}
      </div>

      <div class="mb-1">
        {{# file-delegation-third-header }}
          {{> felles-komponenter-undertittel:a-fontReg }}
        {{/ file-delegation-third-header }}
      </div>
      {{# file-delegation-title }}
          {{> atomer-ekspanderbar-tekst:a-fontBold }}
      {{/ file-delegation-title }}

      <div class="mt-1 mb-4">
        {{# file-delegation-content }}

        <div id="{{ collapse-header-contentID }}" class="a-collapseContent collapse" aria-expanded="{{ aria-expanded }}" role="group">
          <img src="../../images/klientdelegeringfil.jpg" class="mb-2" alt="{{ alt-text }}"/>
          {{> atomer-liste-nummerert-sirkel-gul }}
        </div>

        {{/ file-delegation-content }}

      </div>

      <div class="mb-1">
        {{# file-delegation-fourth-header }}
          {{> felles-komponenter-undertittel:a-fontReg }}
        {{/ file-delegation-fourth-header }}
      </div>

      <div class="mb-4">
        {{# file-delegation-upload }}
          {{> atomer-fileupload-klientdelegering }}
        {{/ file-delegation-upload }}
      </div>

      <div class="mb-1">
        {{# file-delegation-fifth-header }}
          {{> felles-komponenter-undertittel:a-fontReg }}
        {{/ file-delegation-fifth-header }}
      </div>

      {{# delegation-email-field }}
      <div class="row">
        <div class="col-12 col-md-8 col-xl-6 mb-2">
          {{> felles-komponenter-tekst-input }}
        </div>
      </div>
      {{/ delegation-email-field }}

      {{# file-delegation-done }}
        {{> felles-komponenter-knapp:a-js-enableWhenValid }}
      {{/ file-delegation-done }}

    </form>
  </div>
</div>
