<div class="modal-content">
    <div class="modal-header a-modal-header">
        <div class="a-iconText a-iconText-background a-iconText-large">
            <div class="a-iconText-icon">
                <i class="ai ai-send
                 a-icon" aria-hidden="true"></i>
            </div>
            <h1 class="a-iconText-text mb-0">
                 {{# small-modal-title }}<span class="a-iconText-text-small">{{ small-modal-title }}</span>{{/ small-modal-title }}
                <span class="a-iconText-text-large">Bestill varslingsmal</span>
            </h1>
        </div>
    </div>
    <div class="modal-body a-modal-body">
      
      {{# environment }}
      {{!-- Obligatorisk --}}
        {{> felles-komponenter-valgknapper-og-spesifiser }}
      {{/ environment }}

      {{# type }}
        {{!-- Obligatorisk --}}
        <div class="form-group a-form-group">
          <label class="a-form-label a-fontBold px-0">Angi type varsel</label>
          <ul class="nav nav-tabs custom-radio a-radioButtons a-navTabsRadio" role="tablist">
            {{# types }}
            <li class="nav-item">
              <a class="nav-link" data-toggle="tab" href="{{ tab-id }}" role="tab">
                <div class="custom-control custom-radio a-custom-radio">
                  <span class="custom-control-label">{{ title }}</span>
                </div>
              </a>
            </li>
            {{/ types }}
          </ul>
        </div>
      {{/ type }}

      <div class="tab-content">
        <div class="tab-pane" id="first" role="tabpanel">
          {{#tab1}}
            {{# template-name }}
              {{!-- Obligatorisk --}}
              <div class="mb-2">
                {{> felles-komponenter-tekst-input}}
              </div>
            {{/ template-name }}
          {{/tab1}}
        </div>

        <div class="tab-pane form-group" id="consecutive" role="tabpanel">
          {{#tab2}}
            {{# template-name }}
              {{!-- Obligatorisk --}}
              <div class="mb-2">
                {{> felles-komponenter-tekst-input}}
              </div>
            {{/ template-name }}
            {{# associated-template }}
              {{!-- Obligatorisk --}}
              <div class="mb-2">
                {{> felles-komponenter-tekst-input}}
              </div>
            {{/ associated-template }}
            {{# time-delay }}
              {{!-- Obligatorisk --}}
              <div class="mb-2">
                {{> molekyler-tidsvelger }}
              </div>
            {{/ time-delay }}
          {{/tab2}}
        </div>
      </div>

      {{# submit}}
        {{> felles-komponenter-knapp:mb-2 }}
      {{/ submit}}
    </div>
</div>
