<section class="an-dashboard-services mb-4">

  <div class="row">
      <div class="col-sm-12 col-md-6 col-lg-8">
        {{# dashboard-servicesTitle }}
          {{> felles-komponenter-seksjonstittel:a-fontMedium }}
        {{/ dashboard-servicesTitle }}
      </div>
      <div class="col-sm-12 col-md-6 col-lg-4 mb-1">
          <ul class="nav nav-tabs switch-container" id="switch-service-type" role="tablist">
            <li class="nav-item">
              <a class="nav-link active" id="tab-tul" data-toggle="tab" href="#content-tul" role="tab" aria-controls="home" aria-selected="true">
                  TUL
              </a>
            </li>
            <li class="nav-item">
                <a class="nav-link" id="tab-studio" data-toggle="tab" href="#content-studio" role="tab" aria-controls="home" aria-selected="true">
                    Studio
                </a>
              </li>
          </ul>
      </div>
  </div>

  <div class="tab-content" id="myTabContent">
        <div class="tab-pane show active" id="content-tul" role="tabpanel" aria-labelledby="tab-tul">
            
            <div class="row">
                <div class="col-sm-12">
            
                  {{# dashboard-addService }}
                  {{> felles-komponenter-handlingsknapp }}
                  {{/ dashboard-addService }}
            
                  {{# addServiceModal }}
                  {{> felles-komponenter-modal }}
                  {{/ addServiceModal }}
            
                </div>
              </div>
            
              {{# dashboard-services }}
              <div class="row">
                <div class="col-sm-12 col-lg-12">
                  <div {{# accordion-large-id }}id="{{ accordion-large-id }}" {{/ accordion-large-id }} class="a-panelAccordion"
                    role="tablist">
                    {{# accordion-large-items }}
                    {{> organismer-ekspanderbart-panel-dashboard }}
                    {{/ accordion-large-items }}
                  </div>
                </div>
              </div>
              {{/ dashboard-services }}
            
              <div class="row">
                <div class="col-sm-12">
            
                  <div class="mt-1">
                    {{#dashboard-viewMoreServices}}
                    {{> felles-komponenter-link }}
                    {{/dashboard-viewMoreServices}}
                  </div>
            
                </div>
              </div>
          
        </div>

        {{#dashboard-switch-content-tul}}
        <div class="tab-pane" id="content-studio" role="tabpanel" aria-labelledby="tab-studio">
          <div class="mt-4">
            {{> felles-komponenter-undertittel }}
            {{> felles-komponenter-avsnitt }}
            {{> felles-komponenter-link }}
          </div>
        </div>
        {{/dashboard-switch-content-tul}}
    </div>

  
</section>