<div class="compare-row as-broadband-container as-broadband-wrapper" data-campaign-id="{{>campId}}">
	<!-- Custom feed label if defined -->
	{{if customLabel && customLabel.text && customLabel.icon}}
	<div class="as-feed-label" as-data-style="{{if customLabel.color}}background-color: #{{>customLabel.color}}{{/if}}">
		<div class="text-large ellipsis">
			<i class="fa fa-{{>customLabel.icon}} fa-lg"></i>
			{{>customLabel.text}}
		</div>
		<div class="flag-label"
			as-data-style="{{if customLabel.color}}border: 1em solid #{{>customLabel.color}}{{/if}}"></div>
		<div class="flag-edge"></div>
	</div>
	{{/if}}
	<div class="row-item">
		<div class="as-row">
			<div class="col-xs-12 col-sm-3 col-md-3 col-lg-3 as-broadband-zero-padding">
				<div class="as-logo-container">
					<!-- consider adding .logo-container back on above div -->
					<a href="{{>trackingUrl}}" class="as-link" target="_blank" rel="nofollow">

						<img src="" as-data-src="{{>imageUrl}}"
							class="img-responsive loan-img as-lazy as-broadband-no-padding-top" />
					</a>

					{{if ~showRating() == true}}
					<input type="rating" class="rating as-broadband-star-input as-link" value="{{>5*rating/100}}">
					{{/if}}
				</div>
			</div>

			<div class="col-xs-12 col-sm-7 col-md-6 col-lg-6 as-broadband-flex-container">
				<span class="as-color-black as-broadband-alt-name" title="{{>name}}">{{>name}}</span>

				<div class="row as-space-between">
					<span class="as-color-blue as-broadband-usp no-margin col-md-5">
						<span class="as-broadband-headline-text">
							Down / Up
						</span>
						<span class="as-broadband-usp-result">{{>~printInterval(downloadSpeed)}} /
							{{>~printInterval(uploadSpeed)}} Mbit </span>
					</span>

					<span class="as-color-blue as-broadband-usp no-margin col-md-3">
						<span class="as-broadband-headline-text">
							Tilslutning
						</span>
						<span class="as-broadband-usp-result">
							{{if ~printOrGetBoolean(signalFiber, true)}}
							{{>~getTranslation('fiberSignal')}}
							{{else ~printOrGetBoolean(signalMobile, true)}}
							{{>mobileSignalType}}
							{{else}}
							{{>~getTranslation('regularSignal')}}
							{{/if}}
						</span>
					</span>

					<span class="as-color-blue as-broadband-usp no-margin col-md-3">
						<span class="as-broadband-headline-text">
							{{>~getTranslation('startupFee')}}
						</span>
						<span class="as-broadband-usp-result">
							{{if minStartUpFee > 0}}
							{{>~printInterval(minStartUpFee, null, null, true, true, true)}}
							{{>~getTranslation('currency')}}
							{{else}}
							Gratis
							{{/if}}
						</span>
					</span>
				</div>
			</div>

			<div class="col-xs-12 col-sm-2 col-md-3 col-lg-3 as-broadband-right-align-text">
				<span class="as-broadband-price-pr-month">
					<span class="as-small as-flex">
						{{if boostPrice}}
						<span class="as-flex">
							<span class="as-broadband-green-price">{{>~printInterval(boostPrice, null, null, true, true,
								true)}}
								<small>{{>~getTranslation('currency')}}<small
										class="as-broadband-black-text as-line-height-1">./md.</small></small>
							</span>
							<span class="strikethrough as-font-red as-broadband-ma-10 as-line-height-1">
								{{>~printInterval(monthlyPrice, null, null, true, true, true)}}
								<small>{{>~getTranslation('currency')}}<span>./md.</span></small>

							</span>
						</span>
						{{else}}
						<span>
							<span class="as-broadband-green-price as-line-height-1">{{>~printInterval(monthlyPrice, null, null, true,
								true,
								true)}}
								<small class="as-line-height-1">kr<small class="as-broadband-black-text as-line-height-1">./md.</small></small>
							</span>
						</span>
						{{/if}}
						<span class="as-font-14 as-broadband-ma-10 as-line-height-1 nowrap">
							{{>~printInterval(totalPriceForFirst6months, null, ~getTranslation('currency'), true, true,
							true)}}<span class="as-broadband-black-text">./6 md.</span>
						</span>
						{{if minContractPeriodInMonths}}
						<span class="as-small-grey-text as-broadband-ma-10 as-line-height-1">
							Binding:
							{{if minContractPeriodInMonths == 1}}
							{{>~printInterval(minContractPeriodInMonths, null, ~getTranslation('month'))}}
							{{else}}
							{{>~printInterval(minContractPeriodInMonths, null, ~getTranslation('months'))}}
							{{/if}}
						</span>
						{{/if}}
						<span class="as-small-grey-text as-broadband-ma-10 as-line-height-1">
							{{>~getTranslation('advertisement')}}
						</span>
					</span>
				</span>
			</div>
		</div>
		<span class="as-broadband-comment col-md-12 col-xs-12 col-lg-12 col-sm-12 no-margin no-padding">
			{{if ~isValid(Comment)}}
			{{>Comment}}
			{{/if}}
		</span>
		<div class="as-row as-row-small as-broadband-ma-10">
			<div class="col-xs-12 col-sm-8 col-md-9 col-lg-9 no-padding as-broadband-pill-container">

				{{if ~printOrGetBoolean(possibilityForStaticIP) == 'Ja'}}
				<span class="as-broadband-usp-pill">Statisk IP Mulig</span>
				{{else}}
				<span class="as-broadband-usp-pill">Dynamisk IP</span>
				{{/if}}

				{{if minStartUpFee == 0}}
				<span class="as-broadband-usp-pill">Gratis Oprettelse</span>
				{{/if}}

				{{if ~printOrGetBoolean(includingWirelessRouter) == 'Ja'}}
				<span class="as-broadband-usp-pill">Gratis Router</span>
				{{/if}}

				{{if ~isValid(extraServicesIncluded)}}
				<p class="as-broadband-usp-pill">{{>extraServicesIncluded}}</p>
				{{/if}}
			</div>
			<div class="col-xs-12 col-sm-4 col-md-3 col-lg-3 as-go-to-provider-btn-container">
				<a href="{{>trackingUrl}}" class="btn btn-success btn-block btn-max-width as-go-to-provider-btn as-link"
					target="_blank" rel="nofollow">
					Gå til udbyder
				</a>
			</div>
		</div>

	</div>
</div>