<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">Kontaktskjema</span>
            </h1>
        </div>
    </div>
    <div class="modal-body a-modal-body">
      <p>For at vi skal kunne hjelpe deg så fort som mulig er det viktig at du oppgir tilstrekkelig med informasjon om problemstillingen din. Haster det, ta kontakt per telefon 75 00 60 00.</p>
      <h2 class="a-h3">Hva kan vi hjelpe deg med?</h2>
      <ul class="nav nav-tabs custom-radio a-radioButtons a-navTabsRadio" role="tablist">
        <li class="nav-item">
          <a class="nav-link" data-toggle="tab" href="#home" role="tab">
            <div class="custom-control custom-radio a-custom-radio">
        		  <span class="custom-control-label">Starte og drive bedrift</span>
        		</div>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" data-toggle="tab" href="#profile" role="tab">
            <div class="custom-control custom-radio a-custom-radio">
        		  <span class="custom-control-label">Hvordan bruke Altinn</span>
        		</div>
          </a>
        </li>
        <li class="nav-item">
          <a class="nav-link" data-toggle="tab" href="#messages" role="tab">
            <div class="custom-control custom-radio a-custom-radio">
        		  <span class="custom-control-label">Innhold i skjema og meldinger</span>
        		</div>
          </a>
        </li>
      </ul>

      <div class="tab-content">
        <div class="tab-pane" id="home" role="tabpanel">
          <h3 class="a-h2">Spør oss om å starte og drive bedrift</h3>
          <form data-toggle="validator" id="contactForm">
            <div class="row">
              <div class="col-12 col-sm-8">
                {{# navn }}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/ navn }}

                {{# epost }}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/ epost }}

                {{# epost2 }}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/ epost2 }}

                {{# telefon }}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/ telefon }}

                {{# emne }}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/ emne }}

                {{# question }}
                  {{> felles-komponenter-tekstfelt:mb-2 }}
                {{/ question }}

                {{# submit }}
                  {{> felles-komponenter-knapp:mb-2 }}
                {{/ submit }}
              </div>
            </div>
          </form>
        </div>

        <div class="tab-pane" id="profile" role="tabpanel">
          {{#form2}}
          <h3 class="a-h2">Spør oss om hvordan bruke Altinn</h3>
          <form data-toggle="validator" id="contactForm2">
            <div class="row">
              <div class="col-12 col-sm-8">
                {{#navn}}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/navn}}

                {{#epost}}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/epost}}

                {{#epost2}}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/epost2}}

                {{#telefon}}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/telefon}}

                {{#emne}}
                  {{> felles-komponenter-tekst-input:mb-2 }}
                {{/emne}}

                {{#question}}
                  {{> felles-komponenter-tekstfelt:mb-2 }}
                {{/question}}

                {{#attachment}}
                  {{> felles-komponenter-last-opp-og-fjern }}
                {{/attachment}}

                {{#submit}}
                  {{> felles-komponenter-knapp:mb-2 }}
                {{/submit}}
              </div>
            </div>
          </form>
          {{/form2}}
        </div>
        <div class="tab-pane" id="messages" role="tabpanel">
          <h3 class="a-h2">Spør oss om innhold i skjema og meldinger</h3>
          <p>Spørsmål om innholdet i skjema og meldinger må stilles til etaten/kommunen som eier skjemaet eller har sendt deg meldingen. Du finner kontaktinformasjon til de ulike skjemaeierne under <a href="{{link.sider-infoportal-kolonnenavigasjon-v-skjemaoversikt}}">Alle skjema</a></p>
        </div>
      </div>
    </div>
</div>
