baueradvance/httpdocs/templates/bauer/ctlg_view_brands_details.html5

<?php
$GLOBALS['TL_BODY'][] = '<script src="files/theme/assets/js/progressbar.min.js"></script>';
$template = new \Contao\FrontendTemplate('script_progressbar'); 
$template->percent_1 = $this->percent_1;
$template->percent_2 = $this->percent_2;
$template->percent_3 = $this->percent_3;
$template->percent_4 = $this->percent_4;
$GLOBALS['TL_BODY'][] = $template->parse();
?>

<div class="ctlg_master block">
    <h1 class="text-center"><?= $this->title; ?></h1>
    <div class="introtext text-center">
    	<?= $this->introtext; ?>
    </div>
    <div class="statistics text-center row">
    	<?php if($this->range): ?>
	    	<div class="number-block col-12 col-md-6">
	    		<div class="number"><?= number_format($this->range,0,',','.'); ?></div>
	    		<div class="number-text">Reichweite/Ausgabe</div>
	    	</div>
    	<?php endif ?>
    	<?php if($this->edition): ?>
	    	<div class="number-block col-12 col-md-6">
	    		<div class="number"><?= number_format($this->edition,0,',','.'); ?></div>
	    		<div class="number-text">Auflage</div>
	    	</div>
    	<?php endif ?>
    	<?php if($this->brand_reach): ?>
	    	<div class="number-block col-12 col-md-6">
	    		<div class="number"><?= number_format($this->brand_reach,0,',','.'); ?></div>
	    		<div class="number-text">Markenreichweite</div>
	    	</div>
    	<?php endif ?>
    	<?php if($this->social_contacts): ?>
	    	<div class="number-block col-12 col-md-6">
	    		<div class="number"><?= number_format($this->social_contacts,0,',','.'); ?></div>
	    		<div class="number-text">Social Contacts</div>
	    	</div>
    	<?php endif ?>
    	<?php if($this->unique_user): ?>
	    	<div class="number-block col-12 col-md-6">
	    		<div class="number"><?= number_format($this->unique_user,0,',','.'); ?></div>
	    		<div class="number-text">Unique User</div>
	    	</div>
    	<?php endif ?>
    	<?php if($this->page_impressions): ?>
	    	<div class="number-block col-12 col-md-6">
	    		<div class="number"><?= number_format($this->page_impressions,0,',','.'); ?></div>
	    		<div class="number-text">Page Impressions</div>
	    	</div>
    	<?php endif ?>
    	<?php if($this->visits): ?>
	    	<div class="number-block col-12 col-md-6">
	    		<div class="number"><?= number_format($this->visits,0,',','.'); ?></div>
	    		<div class="number-text">Visits</div>
	    	</div>
    	<?php endif ?>
    	<?php if($this->source): ?>
    		<div class="col-12 source"><p>Quellen:&nbsp;</p><?= $this->source; ?> </div>
    	<?php endif ?>
    </div>
    <div class="readers">
    	<div class="shape"></div>
    	<div class="inside-container row align-items-center text-center">
	    	<div class="col-12 col-md-6">
	    		<h2><?= $this->reader_headline; ?></h2>
	    		 <?= $this->reader_description; ?> 
	    	</div>
			<div class="ce_sliderStart col-12 col-md-6">
			<div class="content-slider" data-config="0,300,0,1">
				<div class="slider-wrapper">
				<?php if ( is_array( $this->cover ) ): ?>
					<?php foreach ($this->cover as $arrCoverbilder): ?>
						<?php foreach ($arrCoverbilder as $coverbild): ?>
						    <?php $imgCount++ ?>
							<?php if ( $coverbild->src ): ?>
								<figure onclick="slider.next()" class="image_container">
									<img src="<?= $coverbild->src ?>">
								</figure>
							<?php endif; ?>
						<?php endforeach; ?>
					<?php endforeach; ?>
				<?php endif; ?>
				</div>
			</div>
			<?php if ($imgCount > 1): ?>
			<nav class="slider-control">
    		<span class="slider-menu"></span>
			</nav>
			<?php endif; ?>
		</div>
		</div>
    </div>
	<div id="counter" class="percent-wrapper text-center row">
		<?php if ($this->percent_1): ?>
			<div class="col-12 col-md-6 col-lg-3">
				<div id="reader-score-circle" class="count percent"></div>
				<h3><?= $this->percent_headline_1; ?></h3>
				<p><?= $this->percent_text_1; ?></p>
			</div>
		<?php endif ?>
		<?php if ($this->percent_2): ?>
			<div class="col-12 col-md-6 col-lg-3">
				<div id="age-score-circle" class="count percent"></div>
				<h3><?= $this->percent_headline_2; ?></h3>
				<p><?= $this->percent_text_2; ?></p>
			</div>
		<?php endif ?>
		<?php if ($this->percent_3): ?>
			<div class="col-12 col-md-6 col-lg-3">
				<div id="netto-score-circle" class="count percent"></div>
				<h3><?= $this->percent_headline_3; ?></h3>
				<p><?= $this->percent_text_3; ?></p>
			</div>
		<?php endif ?>
		<?php if ($this->percent_4): ?>
			<div class="col-12 col-md-6 col-lg-3">
				<div id="education-score-circle" class="count percent"></div>
				<h3><?= $this->percent_headline_4; ?></h3>
				<p><?= $this->percent_text_4; ?></p>
			</div>
		<?php endif ?>
			<?php if($this->source_2): ?>
    		<div class="col-12 source">Quellen: <?= $this->source_2; ?> </div>
    	<?php endif ?>
	</div>
	<div class="separator-image">
    	<figure class="image_container">
			<img src="<?= $this->separator_image[src]; ?>" itemprop="image">
		</figure>
	</div>
	<div class="link-boxes">
		<div class="row">
			<?php if($this->print_url): ?>
				<div class="print box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->print_url; ?>" target="_blank"><span>Print</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->digital_url): ?>
				<div class="digital box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->digital_url; ?>" target="_blank"><span>Digital</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->instagram_url): ?>
				<div class="instagram box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->instagram_url; ?>" target="_blank"><span>Instagram</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->facebook_url): ?>
				<div class="facebook box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->facebook_url; ?>" target="_blank"><span>Facebook</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->youtube_url): ?>
				<div class="youtube box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->youtube_url; ?>" target="_blank"><span>YouTube</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->pinterest_url): ?>
				<div class="pinterest box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->pinterest_url; ?>" target="_blank"><span>Pinterest</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->tiktok_url): ?>
				<div class="tiktok box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->tiktok_url; ?>" target="_blank"><span>TikTok</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->event_url): ?>
				<div class="event box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->event_url; ?>" target="_blank"><span>Event</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->app_url): ?>
				<div class="app box col-12 col-sm-6 col-md-4">
					<a href="<?= $this->app_url; ?>" target="_blank"><span>App</span></a>
				</div>
			<?php endif; ?>
			<?php if($this->downloads): ?>
				<div class="download box col-12 col-sm-6 col-md-4">
					<div class="download-wrapper">
						<span>Download</span>
						<div class="download-elements">
							<div class="element-wrapper">	
								<?php 
									$eachI = 0;
									foreach ($this->downloads as $download) { 
										if ($eachI < 5) {
									?>
											<a href="<?= $download['href'] ?>"><?= $download['link'] ?> <i class="download-icon"></i></a>
								<?php
											$eachI++;
										}
									} 
								?>
							</div>
						</div>
					</div>
				</div>
			<?php endif; ?>
		</div>
	</div>
	<div class="contact text-center">
		<?php if ($this->ctlg_contactsGender == "weiblich"): ?>
			<h2>Ansprechpartnerin</h2>
		<?php else: ?>
			<h2>Ansprechparter</h2>
		<?php endif; ?>
		<span class="contact_name"><?= $this->ctlg_contactsTitle; ?></span>
		<span class="contact_info"><?= $this->ctlg_contactsPosition; ?> <?= $this->ctlg_contactsPosition_info; ?></span>
		<span class="email"><a href="mailto:<?= $this->ctlg_contactsEmail; ?>"><?= $this->ctlg_contactsEmail; ?></a></span>
		<div class="btn"><a href="{{link_url::9}}">Zur Team-Übersicht</a></div>
	</div>

</div>