<!--
avgör om det är mot test eller LA och väljer responsible baserat på det.
-->
#if($scriptVariables.UnitCode == 'TEST')
#set($responsible='Test\\Landstingsarkivet/bs')
#else
#set($responsible='La\\Landstingsarkivet/bs')
#end

##$context
<!-- Startobjekt för vue-appen -->
<script id="config" type="application/json">
    $context.jsonBlob  	
</script>

<script>
   document.addEventListener('formSendSuccess', function(){
      ga('send', 'event', 'form', 'success', '$scriptVariables.formName'); 
   });
</script>
#if($use_test)
<p style="color: red;">
   DETTA ÄR DATA FRÅN TEST APIT!
</p>
#end
<noscript><strong>Dessa formulär fungerar inte utan Javascript. Var god slå på Javascript.</strong></noscript>
<div id="swecris-app">
   <div class="sv-fixed-fluid-grid sv-grid-standard sv-layout">
      <div class="d-flex align-items-center">
         <div class="loader">
    			<div class="loader-rect1"></div>
   			<div class="loader-rect2"></div>
    			<div class="loader-rect3"></div>
    			<div class="loader-rect4"></div>
    			<div class="loader-rect5"></div>
  			</div>  
      </div>
	</div>
</div>

<script type="module" src="$context.index_js_uri"></script>
<link rel="stylesheet" type="text/css" media="all" href="$context.style_css_uri">
#if($use_test)
<style>
    #swecris-app {
        position: relative;
    }
    #swecris-app::after {
        content: "";
        position: absolute;
        inset: 0;
        pointer-events: none;
        opacity: 0.15;

        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='160'%3E%3Cg transform='rotate(-30 120 80)'%3E%3Ctext x='20' y='90' font-size='34' font-weight='800' fill='red' opacity='0.45'%3ETEST-DATA%3C/text%3E%3C/g%3E%3C/svg%3E");
        background-repeat: repeat;
    }
</style>
#end

<!-- <h1 class="subheading">Startar swecris...</h1> -->