#if($event.title)


<div class="event-aside">
     #set($currentOccasion = $event.nextOccasion)

     ## If nextOccasion itself matches, keep it
     #if($event.nextOccasion && $event.nextOccasion.id == $eventId)
       #set($currentOccasion = $event.nextOccasion)
     #else
       ## Otherwise try to find it among upcomingOccasions
       #if($event.upcomingOccasions && $event.upcomingOccasions.size() > 0)
         #foreach($occ in $event.upcomingOccasions)
           #if($occ.id == $eventId)
             #set($currentOccasion = $occ)
           #end
         #end
       #end
     #end

     #if($currentOccasion)
    <script type="application/ld+json">
        {
        "@context": "https://schema.org",
        "@type": "Event",
        "name": "$!event.title",
        "startDate": "$!currentOccasion.structuredStartDate",
        "endDate": "$!currentOccasion.structuredEndDate",
        "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
        "eventStatus": "https://schema.org/EventScheduled",
        "location": {
            "@type": "Place",
            "name": "$!event.location",
            "address": {
            "@type": "PostalAddress",
            "streetAddress": "$!event.locationStreet",
            "addressLocality": "$!event.locationCity",
            "postalCode": "$!event.locationZipCode",
            "addressCountry": "SE"
            }
        },
        "image": [
            "$!event.imageUrl"
        ],
        "description": "$!event.ingress",
        "offers": {
            "@type": "Offer",
            "price": "$!event.price",
            "priceCurrency": "SEK"
        },
        "organizer": {
            "@type": "Organization",
            "name": "$!event.organizer",
            "telephone": "$!event.organizerPhone",
            "email": "$!event.organizerEmail"
        }
        }
        </script>
        
        
        
        
	## Aside next occasion facts box
   <aside class="aside-container">
   #if($event.locationCoordinates)
   #set($cleanCoordinates = $event.locationCoordinates.replace(" ", ""))
   <a class="button--blue env-button env-button--secondary button--no-external-icon" target="_blank" href="https://www.google.com/maps/place/$cleanCoordinates">
          <span>
            $showOnMap
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path d="M9 16.1749L12.7125 12.4624C13.4467 11.7282 13.9466 10.7927 14.1492 9.77435C14.3517 8.75596 14.2477 7.70039 13.8503 6.74111C13.4529 5.78183 12.78 4.96192 11.9167 4.38507C11.0533 3.80821 10.0383 3.50032 9 3.50032C7.96167 3.50032 6.94666 3.80821 6.08332 4.38507C5.21997 4.96192 4.54706 5.78183 4.14969 6.74111C3.75231 7.70039 3.64831 8.75596 3.85084 9.77435C4.05337 10.7927 4.55333 11.7282 5.2875 12.4624L9 16.1749ZM9 18.2959L4.227 13.5229C3.28301 12.5789 2.64014 11.3762 2.3797 10.0668C2.11925 8.75746 2.25293 7.40026 2.76382 6.16687C3.27472 4.93347 4.13988 3.87927 5.24991 3.13757C6.35994 2.39588 7.66498 2 9 2C10.335 2 11.6401 2.39588 12.7501 3.13757C13.8601 3.87927 14.7253 4.93347 15.2362 6.16687C15.7471 7.40026 15.8808 8.75746 15.6203 10.0668C15.3599 11.3762 14.717 12.5789 13.773 13.5229L9 18.2959ZM9 10.2499C9.39783 10.2499 9.77936 10.0919 10.0607 9.8106C10.342 9.5293 10.5 9.14777 10.5 8.74994C10.5 8.35212 10.342 7.97059 10.0607 7.68928C9.77936 7.40798 9.39783 7.24994 9 7.24994C8.60218 7.24994 8.22065 7.40798 7.93934 7.68928C7.65804 7.97059 7.5 8.35212 7.5 8.74994C7.5 9.14777 7.65804 9.5293 7.93934 9.8106C8.22065 10.0919 8.60218 10.2499 9 10.2499ZM9 11.7499C8.20435 11.7499 7.44129 11.4339 6.87868 10.8713C6.31607 10.3087 6 9.54559 6 8.74994C6 7.95429 6.31607 7.19123 6.87868 6.62862C7.44129 6.06601 8.20435 5.74994 9 5.74994C9.79565 5.74994 10.5587 6.06601 11.1213 6.62862C11.6839 7.19123 12 7.95429 12 8.74994C12 9.54559 11.6839 10.3087 11.1213 10.8713C10.5587 11.4339 9.79565 11.7499 9 11.7499Z" fill="white"/>
</svg>
          </a>
          
          
             <a class="button--transparent env-button button--no-external-icon" target="_blank" href="https://www.google.com/maps/dir/Current-Location/$cleanCoordinates">
          <span>
            $directions
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" width="19" height="19" viewBox="0 0 19 19" fill="none">
<path d="M7.98125 7.23086C8.34834 6.86373 8.59832 6.396 8.69958 5.88681C8.80085 5.37762 8.74885 4.84983 8.55016 4.37019C8.35147 3.89055 8.01502 3.4806 7.58335 3.19217C7.15167 2.90374 6.64417 2.7498 6.125 2.7498C5.60584 2.7498 5.09833 2.90374 4.66666 3.19217C4.23498 3.4806 3.89853 3.89055 3.69984 4.37019C3.50116 4.84983 3.44916 5.37762 3.55042 5.88681C3.65169 6.396 3.90167 6.86373 4.26875 7.23086L6.125 9.08711L7.98125 7.23086ZM6.125 11.2081L3.2075 8.29211C2.6308 7.71514 2.23813 6.98013 2.07912 6.18001C1.92011 5.37989 2.00192 4.55059 2.31418 3.79696C2.62645 3.04333 3.15517 2.39921 3.83348 1.94603C4.51179 1.49285 5.30924 1.25098 6.125 1.25098C6.94077 1.25098 7.73822 1.49285 8.41653 1.94603C9.09484 2.39921 9.62355 3.04333 9.93582 3.79696C10.2481 4.55059 10.3299 5.37989 10.1709 6.18001C10.0119 6.98013 9.6192 7.71514 9.0425 8.29211L6.125 11.2096V11.2081ZM6.125 6.49961C5.82663 6.49961 5.54048 6.38108 5.32951 6.1701C5.11853 5.95912 5 5.67298 5 5.37461C5 5.07624 5.11853 4.79009 5.32951 4.57911C5.54048 4.36813 5.82663 4.24961 6.125 4.24961C6.42337 4.24961 6.70952 4.36813 6.9205 4.57911C7.13148 4.79009 7.25 5.07624 7.25 5.37461C7.25 5.67298 7.13148 5.95912 6.9205 6.1701C6.70952 6.38108 6.42337 6.49961 6.125 6.49961ZM12.875 15.8371L14.7313 13.9809C15.0983 13.6137 15.3483 13.146 15.4496 12.6368C15.5508 12.1276 15.4988 11.5998 15.3002 11.1202C15.1015 10.6406 14.765 10.2306 14.3333 9.94217C13.9017 9.65374 13.3942 9.4998 12.875 9.4998C12.3558 9.4998 11.8483 9.65374 11.4167 9.94217C10.985 10.2306 10.6485 10.6406 10.4498 11.1202C10.2512 11.5998 10.1992 12.1276 10.3004 12.6368C10.4017 13.146 10.6517 13.6137 11.0188 13.9809L12.875 15.8371ZM15.7925 15.0421L12.875 17.9581L9.9575 15.0414C9.3808 14.4644 8.98813 13.7294 8.82912 12.9293C8.67011 12.1291 8.75192 11.2998 9.06418 10.5462C9.37645 9.79258 9.90517 9.14846 10.5835 8.69528C11.2618 8.24211 12.0592 8.00023 12.875 8.00023C13.6908 8.00023 14.4882 8.24211 15.1665 8.69528C15.8448 9.14846 16.3736 9.79258 16.6858 10.5462C16.9981 11.2998 17.0799 12.1291 16.9209 12.9293C16.7619 13.7294 16.3692 14.4644 15.7925 15.0414V15.0421ZM12.875 13.2496C12.5766 13.2496 12.2905 13.1311 12.0795 12.9201C11.8685 12.7091 11.75 12.423 11.75 12.1246C11.75 11.8262 11.8685 11.5401 12.0795 11.3291C12.2905 11.1181 12.5766 10.9996 12.875 10.9996C13.1734 10.9996 13.4595 11.1181 13.6705 11.3291C13.8815 11.5401 14 11.8262 14 12.1246C14 12.423 13.8815 12.7091 13.6705 12.9201C13.4595 13.1311 13.1734 13.2496 12.875 13.2496Z" fill="#2360E8"/>
</svg>
          </a>
          #end
   	<div class="next-occasion">
      #if($currentOccasion)
      	<div>
            	<div class="next-occasion__fact-row">
               	<span class="material-icons-outlined" aria-hidden="true">calendar_today</span>
                  	
                     	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                        	<path d="M17 3H21C21.2652 3 21.5196 3.10536 21.7071 3.29289C21.8946 3.48043 22 3.73478 22 4V20C22 20.2652 21.8946 20.5196 21.7071 20.7071C21.5196 20.8946 21.2652 21 21 21H3C2.73478 21 2.48043 20.8946 2.29289 20.7071C2.10536 20.5196 2 20.2652 2 20V4C2 3.73478 2.10536 3.48043 2.29289 3.29289C2.48043 3.10536 2.73478 3 3 3H7V1H9V3H15V1H17V3ZM15 5H9V7H7V5H4V9H20V5H17V7H15V5ZM20 11H4V19H20V11Z" fill="black"/>
                        </svg>
                        <span>
                        	#set($rawDate = "$!currentOccasion.date")
                           #set($d = $rawDate.toLowerCase())
                           
                           #if($locale == "en_GB")
                          #set($d = $d.replace("jan","Jan"))
                          #set($d = $d.replace("feb","Feb"))
                          #set($d = $d.replace("mar","Mar"))
                          #set($d = $d.replace("apr","Apr"))
                          #set($d = $d.replace("maj","May"))
                          #set($d = $d.replace("jun","Jun"))
                          #set($d = $d.replace("jul","Jul"))
                          #set($d = $d.replace("aug","Aug"))
                          #set($d = $d.replace("sep","Sep"))
                          #set($d = $d.replace("okt","Oct"))
                          #set($d = $d.replace("nov","Nov"))
                          #set($d = $d.replace("dec","Dec"))                           
                          #end
                        
                        	$d
                        </span>

                    
                </div>
                <div class="next-occasion__fact-row">
                    <span class="material-icons-outlined" aria-hidden="true">schedule</span>
                    
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                        	<path d="M12 22C6.477 22 2 17.523 2 12C2 6.477 6.477 2 12 2C17.523 2 22 6.477 22 12C22 17.523 17.523 22 12 22ZM12 20C14.1217 20 16.1566 19.1571 17.6569 17.6569C19.1571 16.1566 20 14.1217 20 12C20 9.87827 19.1571 7.84344 17.6569 6.34315C16.1566 4.84285 14.1217 4 12 4C9.87827 4 7.84344 4.84285 6.34315 6.34315C4.84285 7.84344 4 9.87827 4 12C4 14.1217 4.84285 16.1566 6.34315 17.6569C7.84344 19.1571 9.87827 20 12 20ZM13 12H17V14H11V7H13V12Z" fill="black"/>
                        </svg>
                        <span>$currentOccasion.time</span>
                    
              		</div>

                    <div class="next-occasion__fact-row">
                    <span class="material-icons-outlined" aria-hidden="true">home</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M9 19H12V12.9416L8 9.45402L4 12.9416V19H7V15H9V19ZM21 21H3C2.44772 21 2 20.5523 2 20V12.4868C2 12.1978 2.12501 11.9229 2.34282 11.733L6 8.54435V4C6 3.44772 6.44772 3 7 3H21C21.5523 3 22 3.44772 22 4V20C22 20.5523 21.5523 21 21 21ZM16 11V13H18V11H16ZM16 15V17H18V15H16ZM16 7V9H18V7H16ZM12 7V9H14V7H12Z" fill="black"/>
</svg>
                    $currentOccasion.location
                    
                </div>
                <div class="next-occasion__fact-row">
                	<span class="material-icons-outlined" aria-hidden="true">place</span>
                   
                    	<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                    <mask id="mask0_2667_2906" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
                    <rect width="24" height="24" fill="#D9D9D9"/>
                    </mask>
                    <g mask="url(#mask0_2667_2906)">
                    <path d="M12 22C10.6167 22 9.31667 21.7375 8.1 21.2125C6.88333 20.6875 5.825 19.975 4.925 19.075C4.025 18.175 3.3125 17.1167 2.7875 15.9C2.2625 14.6833 2 13.3833 2 12C2 10.6167 2.2625 9.31667 2.7875 8.1C3.3125 6.88333 4.025 5.825 4.925 4.925C5.825 4.025 6.88333 3.3125 8.1 2.7875C9.31667 2.2625 10.6167 2 12 2C13.3833 2 14.6833 2.2625 15.9 2.7875C17.1167 3.3125 18.175 4.025 19.075 4.925C19.975 5.825 20.6875 6.88333 21.2125 8.1C21.7375 9.31667 22 10.6167 22 12C22 13.3833 21.7375 14.6833 21.2125 15.9C20.6875 17.1167 19.975 18.175 19.075 19.075C18.175 19.975 17.1167 20.6875 15.9 21.2125C14.6833 21.7375 13.3833 22 12 22ZM12 17.5C12.75 16.75 13.4167 15.975 14 15.175C14.5 14.4917 14.9583 13.7417 15.375 12.925C15.7917 12.1083 16 11.3 16 10.5C16 9.4 15.6083 8.45833 14.825 7.675C14.0417 6.89167 13.1 6.5 12 6.5C10.9 6.5 9.95833 6.89167 9.175 7.675C8.39167 8.45833 8 9.4 8 10.5C8 11.3 8.20833 12.1083 8.625 12.925C9.04167 13.7417 9.5 14.4917 10 15.175C10.5833 15.975 11.25 16.75 12 17.5ZM12 12C11.5833 12 11.2292 11.8542 10.9375 11.5625C10.6458 11.2708 10.5 10.9167 10.5 10.5C10.5 10.0833 10.6458 9.72917 10.9375 9.4375C11.2292 9.14583 11.5833 9 12 9C12.4167 9 12.7708 9.14583 13.0625 9.4375C13.3542 9.72917 13.5 10.0833 13.5 10.5C13.5 10.9167 13.3542 11.2708 13.0625 11.5625C12.7708 11.8542 12.4167 12 12 12Z" fill="black"/>
                    </g>
                    </svg>
                        $event.locationAddressText
                   
                  </div> 
                  #if($event.ageString)
                  <div class="next-occasion__fact-row">
                    <span class="material-icons-outlined" aria-hidden="true">groups</span>
                    
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                        <mask id="mask0_2667_2918" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
                        <rect width="24" height="24" fill="#D9D9D9"/>
                        </mask>
                        <g mask="url(#mask0_2667_2918)">
                        <path d="M1 20V16C1 15.4333 1.19583 14.9583 1.5875 14.575C1.97917 14.1917 2.45 14 3 14H6.275C6.60833 14 6.925 14.0833 7.225 14.25C7.525 14.4167 7.76667 14.6417 7.95 14.925C8.43333 15.575 9.02917 16.0833 9.7375 16.45C10.4458 16.8167 11.2 17 12 17C12.8167 17 13.5792 16.8167 14.2875 16.45C14.9958 16.0833 15.5833 15.575 16.05 14.925C16.2667 14.6417 16.5208 14.4167 16.8125 14.25C17.1042 14.0833 17.4083 14 17.725 14H21C21.5667 14 22.0417 14.1917 22.425 14.575C22.8083 14.9583 23 15.4333 23 16V20H16V17.725C15.4167 18.1417 14.7875 18.4583 14.1125 18.675C13.4375 18.8917 12.7333 19 12 19C11.2833 19 10.5833 18.8875 9.9 18.6625C9.21667 18.4375 8.58333 18.1167 8 17.7V20H1ZM12 16C11.3667 16 10.7667 15.8542 10.2 15.5625C9.63333 15.2708 9.15833 14.8667 8.775 14.35C8.49167 13.9333 8.1375 13.6042 7.7125 13.3625C7.2875 13.1208 6.825 13 6.325 13C6.69167 12.3833 7.46667 11.8958 8.65 11.5375C9.83333 11.1792 10.95 11 12 11C13.05 11 14.1667 11.1792 15.35 11.5375C16.5333 11.8958 17.3083 12.3833 17.675 13C17.1917 13 16.7333 13.1208 16.3 13.3625C15.8667 13.6042 15.5083 13.9333 15.225 14.35C14.8583 14.8833 14.3917 15.2917 13.825 15.575C13.2583 15.8583 12.65 16 12 16ZM4 13C3.16667 13 2.45833 12.7083 1.875 12.125C1.29167 11.5417 1 10.8333 1 10C1 9.15 1.29167 8.4375 1.875 7.8625C2.45833 7.2875 3.16667 7 4 7C4.85 7 5.5625 7.2875 6.1375 7.8625C6.7125 8.4375 7 9.15 7 10C7 10.8333 6.7125 11.5417 6.1375 12.125C5.5625 12.7083 4.85 13 4 13ZM20 13C19.1667 13 18.4583 12.7083 17.875 12.125C17.2917 11.5417 17 10.8333 17 10C17 9.15 17.2917 8.4375 17.875 7.8625C18.4583 7.2875 19.1667 7 20 7C20.85 7 21.5625 7.2875 22.1375 7.8625C22.7125 8.4375 23 9.15 23 10C23 10.8333 22.7125 11.5417 22.1375 12.125C21.5625 12.7083 20.85 13 20 13ZM12 10C11.1667 10 10.4583 9.70833 9.875 9.125C9.29167 8.54167 9 7.83333 9 7C9 6.15 9.29167 5.4375 9.875 4.8625C10.4583 4.2875 11.1667 4 12 4C12.85 4 13.5625 4.2875 14.1375 4.8625C14.7125 5.4375 15 6.15 15 7C15 7.83333 14.7125 8.54167 14.1375 9.125C13.5625 9.70833 12.85 10 12 10Z" fill="black"/>
                        </g>
                        </svg>
                        <span>
                        	#if($locale == "en_GB" && $event.ageString)
										$event.ageString.replace(" år", " years").replace("Alla åldrar", "All ages")
                           #else
                        		$event.ageString
                           #end
                        </span>
                    
                </div>         
                #end    
                     <div class="next-occasion__fact-row">
                       <span class="material-icons-outlined" aria-hidden="true">local_activity</span>
                       <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
                       <path d="M2.00488 9.49979V3.99979C2.00488 3.4475 2.4526 2.99979 3.00488 2.99979H21.0049C21.5572 2.99979 22.0049 3.4475 22.0049 3.99979V9.49979C20.6242 9.49979 19.5049 10.6191 19.5049 11.9998C19.5049 13.3805 20.6242 14.4998 22.0049 14.4998V19.9998C22.0049 20.5521 21.5572 20.9998 21.0049 20.9998H3.00488C2.4526 20.9998 2.00488 20.5521 2.00488 19.9998V14.4998C3.38559 14.4998 4.50488 13.3805 4.50488 11.9998C4.50488 10.6191 3.38559 9.49979 2.00488 9.49979ZM14.0049 4.99979H4.00488V7.96755C5.4866 8.7039 6.50488 10.2329 6.50488 11.9998C6.50488 13.7666 5.4866 15.2957 4.00488 16.032V18.9998H14.0049V4.99979ZM16.0049 4.99979V18.9998H20.0049V16.032C18.5232 15.2957 17.5049 13.7666 17.5049 11.9998C17.5049 10.2329 18.5232 8.7039 20.0049 7.96755V4.99979H16.0049Z" fill="black"/>
                       </svg>
                       #if($currentOccasion.price == 0)
                       	Gratis
                       #else                      
                       	$currentOccasion.price 
                        #if($locale == "en_GB")
                       		SEK
                       #else
                       		kr
                       #end
                       #end
                       
                     </div>   	                
              	 #if($event.accessabilityData.length > 0)
                <div class="env-m-top--large">
                <h3 class="next-occasion__accessibility-title">
                #if($locale == "en_GB")
                	Accessibility
                #else
                	Tillgänglighet
                #end
                </h3>
                <div class="next-occasion__accessibility-list">
                   #foreach($accessabilityData in $event.accessabilityData)
                   <div class="next-occasion__accessability-item" aria-label="$accessabilityData.name">
                   	<span class="material-icons-outlined" aria-hidden="true" title="$accessabilityData.name">
                   $accessabilityData.icon</span>
                   <!-- HISS IKON -->
                   #if($accessabilityData.icon == "elevator")
                   <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<mask id="mask0_2667_2925" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_2667_2925)">
<path d="M7 18H10V14H11V11.5C11 10.95 10.8042 10.4792 10.4125 10.0875C10.0208 9.69583 9.55 9.5 9 9.5H8C7.45 9.5 6.97917 9.69583 6.5875 10.0875C6.19583 10.4792 6 10.95 6 11.5V14H7V18ZM8.5 8.5C8.85 8.5 9.14583 8.37917 9.3875 8.1375C9.62917 7.89583 9.75 7.6 9.75 7.25C9.75 6.9 9.62917 6.60417 9.3875 6.3625C9.14583 6.12083 8.85 6 8.5 6C8.15 6 7.85417 6.12083 7.6125 6.3625C7.37083 6.60417 7.25 6.9 7.25 7.25C7.25 7.6 7.37083 7.89583 7.6125 8.1375C7.85417 8.37917 8.15 8.5 8.5 8.5ZM13 11H18L15.5 7L13 11ZM15.5 17L18 13H13L15.5 17ZM5 21C4.45 21 3.97917 20.8042 3.5875 20.4125C3.19583 20.0208 3 19.55 3 19V5C3 4.45 3.19583 3.97917 3.5875 3.5875C3.97917 3.19583 4.45 3 5 3H19C19.55 3 20.0208 3.19583 20.4125 3.5875C20.8042 3.97917 21 4.45 21 5V19C21 19.55 20.8042 20.0208 20.4125 20.4125C20.0208 20.8042 19.55 21 19 21H5ZM5 19H19V5H5V19Z" fill="black"/>
</g>
</svg>
#end
<!-- WC IKON -->
#if($accessabilityData.icon == "wc")
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<mask id="mask0_2667_2933" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_2667_2933)">
<path d="M5.5 22V14.5H4V9C4 8.45 4.19583 7.97917 4.5875 7.5875C4.97917 7.19583 5.45 7 6 7H9C9.55 7 10.0208 7.19583 10.4125 7.5875C10.8042 7.97917 11 8.45 11 9V14.5H9.5V22H5.5ZM7.5 6C6.95 6 6.47917 5.80417 6.0875 5.4125C5.69583 5.02083 5.5 4.55 5.5 4C5.5 3.45 5.69583 2.97917 6.0875 2.5875C6.47917 2.19583 6.95 2 7.5 2C8.05 2 8.52083 2.19583 8.9125 2.5875C9.30417 2.97917 9.5 3.45 9.5 4C9.5 4.55 9.30417 5.02083 8.9125 5.4125C8.52083 5.80417 8.05 6 7.5 6ZM15 22V16H12L14.55 8.35C14.6833 7.91667 14.9292 7.58333 15.2875 7.35C15.6458 7.11667 16.05 7 16.5 7C16.95 7 17.3542 7.11667 17.7125 7.35C18.0708 7.58333 18.3167 7.91667 18.45 8.35L21 16H18V22H15ZM16.5 6C15.95 6 15.4792 5.80417 15.0875 5.4125C14.6958 5.02083 14.5 4.55 14.5 4C14.5 3.45 14.6958 2.97917 15.0875 2.5875C15.4792 2.19583 15.95 2 16.5 2C17.05 2 17.5208 2.19583 17.9125 2.5875C18.3042 2.97917 18.5 3.45 18.5 4C18.5 4.55 18.3042 5.02083 17.9125 5.4125C17.5208 5.80417 17.05 6 16.5 6Z" fill="black"/>
</g>
</svg>
#end
<!-- RULLSTOLSANPASSNING IKON -->
#if($accessabilityData.icon == "accessible_forward")
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M7.99837 10.3413L7.99793 12.5352C6.80239 13.2268 5.99805 14.5195 5.99805 16C5.99805 18.2091 7.78891 20 9.99805 20C11.4786 20 12.7712 19.1957 13.4628 18.0001L15.6565 18.0004C14.8327 20.3306 12.6103 22 9.99805 22C6.68434 22 3.99805 19.3137 3.99805 16C3.99805 13.3874 5.66782 11.1649 7.99837 10.3413ZM11.998 17C10.3412 17 8.99805 15.6569 8.99805 14V10C8.99805 8.34315 10.3412 7 11.998 7C13.6549 7 14.998 8.34315 14.998 10V15H16.4319C17.0803 15 17.6849 15.3141 18.0584 15.8362L18.1468 15.971L20.8555 20.4855L19.1406 21.5145L16.4319 17H11.998ZM11.998 2C13.3788 2 14.498 3.11929 14.498 4.5C14.498 5.88071 13.3788 7 11.998 7C10.6173 7 9.49805 5.88071 9.49805 4.5C9.49805 3.11929 10.6173 2 11.998 2Z" fill="black"/>
</svg>
#end
<!-- FÖRSVÅRANDE SLUTTNINGAR IKON -->
#if($accessabilityData.icon == "block")
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM10.9999 16.0002V18.0002H12.9999V16.0002H10.9999ZM10.9999 9.00017V14.0002H12.9999V9.00017H10.9999Z" fill="black"/>
</svg>
#end
<!-- INGEN ANPASSNING IKON -->
#if($accessabilityData.icon == "highlight_off")
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12C22 17.5228 17.5228 22 12 22ZM8.52313 7.10891C8.25459 7.30029 7.99828 7.51644 7.75736 7.75736C7.51644 7.99828 7.30029 8.25459 7.10891 8.52313L15.4769 16.8911C15.7454 16.6997 16.0017 16.4836 16.2426 16.2426C16.4836 16.0017 16.6997 15.7454 16.8911 15.4769L8.52313 7.10891Z" fill="black"/>
</svg>
#end
<!-- RULLSTOLSRAMP IKON -->
#if($accessabilityData.icon == "accessible")
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M5.66134 8.15631C5.01504 7.80262 4 8.46458 4 9.00002V17.3776C4 17.3776 4 17.9998 5.00047 18C6.00094 18.0001 20 18 20 18C21 18 21.1546 17.3776 20 16.5L5.66134 8.15631Z" fill="black"/>
</svg>
#end
<!-- HÖRSLINGA IKON -->
#if($accessabilityData.icon == "hearing")
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<mask id="mask0_2667_2929" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
<rect width="24" height="24" fill="#D9D9D9"/>
</mask>
<g mask="url(#mask0_2667_2929)">
<path d="M7 22.0002C8.03333 22.0002 8.87917 21.7419 9.5375 21.2252C10.1958 20.7085 10.7 19.9502 11.05 18.9502C11.3333 18.1169 11.6042 17.5335 11.8625 17.2002C12.1208 16.8669 12.7167 16.3335 13.65 15.6002C14.6833 14.7669 15.5 13.8252 16.1 12.7752C16.7 11.7252 17 10.4669 17 9.0002C17 7.01686 16.3292 5.35436 14.9875 4.0127C13.6458 2.67103 11.9833 2.0002 10 2.0002C8.01667 2.0002 6.35417 2.67103 5.0125 4.0127C3.67083 5.35436 3 7.01686 3 9.0002H5C5 7.58353 5.47917 6.39603 6.4375 5.4377C7.39583 4.47936 8.58333 4.0002 10 4.0002C11.4167 4.0002 12.6042 4.47936 13.5625 5.4377C14.5208 6.39603 15 7.58353 15 9.0002C15 10.1335 14.775 11.1002 14.325 11.9002C13.875 12.7002 13.2333 13.4169 12.4 14.0502C11.5333 14.6835 10.8583 15.3002 10.375 15.9002C9.89167 16.5002 9.53333 17.1502 9.3 17.8502C9.06667 18.5835 8.7875 19.1252 8.4625 19.4752C8.1375 19.8252 7.65 20.0002 7 20.0002C6.45 20.0002 5.97917 19.8044 5.5875 19.4127C5.19583 19.021 5 18.5502 5 18.0002H3C3 19.1002 3.39167 20.0419 4.175 20.8252C4.95833 21.6085 5.9 22.0002 7 22.0002ZM17.8 16.7502C18.7833 15.7502 19.5625 14.5877 20.1375 13.2627C20.7125 11.9377 21 10.5169 21 9.0002C21 7.46686 20.7125 6.03353 20.1375 4.7002C19.5625 3.36686 18.7833 2.2002 17.8 1.2002L16.35 2.6002C17.1833 3.43353 17.8333 4.39603 18.3 5.4877C18.7667 6.57936 19 7.7502 19 9.0002C19 10.2335 18.7667 11.3919 18.3 12.4752C17.8333 13.5585 17.1833 14.5169 16.35 15.3502L17.8 16.7502ZM10 11.5002C10.7 11.5002 11.2917 11.2544 11.775 10.7627C12.2583 10.271 12.5 9.68353 12.5 9.0002C12.5 8.3002 12.2583 7.70853 11.775 7.2252C11.2917 6.74186 10.7 6.5002 10 6.5002C9.3 6.5002 8.70833 6.74186 8.225 7.2252C7.74167 7.70853 7.5 8.3002 7.5 9.0002C7.5 9.68353 7.74167 10.271 8.225 10.7627C8.70833 11.2544 9.3 11.5002 10 11.5002Z" fill="black"/>
</g>
</svg>
                   #end
                     <span class="show-for-sr">$accessabilityData.name</span>
                   </div>
                #end
                </div>
                </div>
                #end  
                 <!--
                #if($event.organizerPhone)
                <div class="jk-event-page-info__facts-data-row">
                    <span class="material-icons-outlined" aria-hidden="true">phone</span>
                    <div>
                        <span class="jk-event-page-info__facts-data-title">Telefon: </span>
                        <a href="tel:$event.organizerPhoneCleaned">$event.organizerPhoneFormatted</a>
                    </div>
                </div>
                #end
                #if($event.organizerEmail)
                <div class="jk-event-page-info__facts-data-row">
                    <span class="material-icons-outlined" aria-hidden="true">mail</span>
                    <div>
                        <span class="jk-event-page-info__facts-data-title">E-post: </span>
                        <a href="mailto:$event.organizerEmail">$event.organizerEmail</a>
                    </div>
                </div>
                #end -->
                
                <div class="links-container">
                #if($event.links)
                	<div class="jk-event-page-info__read-more-links">
                  	#foreach($item in $event.links)
                     #if($item.name.indexOf("biljett") == -1)
                     	<a class="links-container__link" href="$item.url" rel="nofollow" target="blank">
                        <span>$item.name</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
<path d="M10 6V8H5V19H16V14H18V20C18 20.2652 17.8946 20.5196 17.7071 20.7071C17.5196 20.8946 17.2652 21 17 21H4C3.73478 21 3.48043 20.8946 3.29289 20.7071C3.10536 20.5196 3 20.2652 3 20V7C3 6.73478 3.10536 6.48043 3.29289 6.29289C3.48043 6.10536 3.73478 6 4 6H10ZM21 3V11H19V6.413L11.207 14.207L9.793 12.793L17.585 5H13V3H21Z" fill="black"/>
</svg>
                        <span class="material-icons-outlined" aria-hidden="true">chevron_right</span>
                        </a>
                        #else
                        #set($ticketLink = $item.url)
                        #set($ticketName = $item.name)
                        #end
                        
                     #end
                  </div>
                #end
             </div>
             <!--<div class="jk-event-page-info__facts-box-title">Köp biljett</div>-->
             #if($ticketLink)
             <a class="button--blue button--arrow env-button env-button--secondary button--no-external-icon" target="_blank" href="$ticketLink">
          <span>
            $ticketName
            </span>
            <svg xmlns="http://www.w3.org/2000/svg" width="18" height="19" viewBox="0 0 18 19" fill="none">
<path d="M12.129 8.74952L8.106 4.72652L9.1665 3.66602L15 9.49952L9.1665 15.333L8.106 14.2725L12.129 10.2495H3V8.74952H12.129Z" fill="white"/>
</svg>
          </a>
             #end
                
					 
            
        </div>
        #end
    </div>
    </aside>
</div>
#end

#else
    <p>
    		#if($locale == "en_GB")
         	The event could not be found.
         #else         
        		Evenemanget kan inte hittas.
         #end
    </p>
#end