File: D:/HostingSpaces/PDeckers/opelkapitan.nl/app/storage/views/e0aff4e15869581b6be829346f45af06
<div class="part-detail">
<div class="styling-block first">
<div class="left"></div>
<div class="right"></div>
</div>
<section class="part-information">
<div class="content-container">
<?php /*<?php echo $__env->make('layouts.partials.breadcrumb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>*/ ?>
<div class="part-info">
<h1 class="main-title"><?php echo $data->translation->title; ?></h1>
<?php if($data->images->count() != 0 || $data->video != ''): ?>
<div class="images">
<div class="main-block">
<?php if($data->video != ''): ?>
<div class="video-wrapper">
<div id="ytplayer"></div>
</div>
<?php endif; ?>
<div class="main-block-wrapper <?php if($data->video != ''): ?> inactive <?php endif; ?>">
<div class="main-block-content">
<?php foreach($data->images as $key => $image): ?>
<a href="<?php echo $image->large_image_url; ?>" data-lightbox="opel">
<span data-image="<?php echo $key; ?>"
class="large <?php if($image == $data->images->first()): ?> active <?php endif; ?>"
style="background-image: url('<?php echo $image->large_image_url; ?>');"></span>
<span data-image="<?php echo $key; ?>"
class="medium <?php if($image == $data->images->first()): ?> active <?php endif; ?>"
style="background-image: url('<?php echo $image->medium_image_url; ?>');"></span>
</a>
<?php endforeach; ?>
</div>
</div>
</div>
<div class="image-nav">
<?php if($data->video != ''): ?>
<div data-nav="video" class="video-item item active">
<div class="wrapper">
<span style="background-image: url('https://img.youtube.com/vi/<?php echo $data->video; ?>/mqdefault.jpg');"></span>
</div>
</div>
<?php endif; ?>
<?php foreach($data->images as $key => $image): ?>
<div data-nav="<?php echo $key; ?>"
class="item <?php if($data->video == '' && $image == $data->images->first()): ?> active <?php endif; ?>">
<div class="wrapper">
<span style="background-image: url('<?php echo $image->medium_image_url; ?>');"></span>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
<?php endif; ?>
<div class="content <?php if($data->images->count() == 0 && $data->video == ''): ?> full-width <?php endif; ?>">
<h1><?php echo $data->translation->title; ?></h1>
<ul class="list">
<?php if($data->price != '0'): ?>
<li class="price <?php if( ! $data->sold_state): ?> sold <?php endif; ?>">
<div class="background"></div>
<?php if($data->sold_state): ?>
<p class="inner">
€<?php echo $data->price; ?>
</p>
<?php endif; ?>
</li>
<?php endif; ?>
<li class="mobile-nav"><strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.price'); ?>:</strong>€<?php echo $data->price; ?></li>
<li><strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.type'); ?>:</strong><?php echo \Illuminate\Support\Facades\Lang::get('parts.id-'.$data->partType); ?></li>
<?php if(!( sizeof($data->kapitanTypes) == 1) && ( !isset($data->activeOtherParts)) ): ?>
<li><strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.kapitanType'); ?>
:</strong> <?php foreach($data->kapitanTypes as $kapitanType): ?><?php if( ! in_array($kapitanType, ['other_1', 'other_2', 'other_3'])): ?><?php echo \Illuminate\Support\Facades\Lang::get('parts.kapitan_'.$kapitanType); ?>
, <?php endif; ?> <?php endforeach; ?>
</li>
<?php endif; ?>
<li><strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.state'); ?>:</strong><?php echo \Illuminate\Support\Facades\Lang::get('parts.state-'.$data->state); ?></li>
<?php if($data->uniqueNr != ''): ?>
<li><strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.uniqueNr'); ?>:</strong><?php echo $data->uniqueNr; ?></li>
<?php endif; ?>
<?php if($data->translation->descriptionState != ''): ?>
<li><strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.message'); ?>:</strong><?php echo $data->translation->descriptionState; ?>
</li>
<?php endif; ?>
<?php if($data->price == '0' && $data->sold_state): ?>
<li><strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.price'); ?>:</strong><?php echo \Illuminate\Support\Facades\Lang::get('parts.ntb'); ?></li>
<?php endif; ?>
<li><strong><?php echo \Illuminate\Support\Facades\Lang::get('translations.sendable'); ?>:</strong>
<?php if($data->sendable): ?>
Ja
<?php else: ?>
Nee
<?php endif; ?>
</li>
</ul>
<?php if( $data->sold_state): ?>
<div class="button-placeholder buy-button">
<div class="button">
<div class="placeholder">
<div class="inner-button">
<p><?php echo \Illuminate\Support\Facades\Lang::get('translations.buyThis'); ?></p>
</div>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
<div class="extra-info">
<?php /*<div class="left">*/ ?>
<?php /*<div class="previous-item">*/ ?>
<?php /*<?php if($previous): ?>*/ ?>
<?php /*<a href="/<?php echo $previous->route->route; ?>">*/ ?>
<?php /*<div class="button">*/ ?>
<?php /*<div class="background"></div>*/ ?>
<?php /*</div>*/ ?>
<?php /*<p><?php echo \Illuminate\Support\Facades\Lang::get('translations.previousItem'); ?></p>*/ ?>
<?php /*</a>*/ ?>
<?php /*<?php endif; ?>*/ ?>
<?php /*</div>*/ ?>
<?php /*<div class="badge">*/ ?>
<?php /*<div class="content">*/ ?>
<?php /*<h3><?php echo \Illuminate\Support\Facades\Lang::get('translations.interest'); ?></h3>*/ ?>
<?php /*<p><?php echo \Illuminate\Support\Facades\Lang::get('translations.interestText'); ?></p>*/ ?>
<?php /*<div class="button">*/ ?>
<?php /*<a href="/contact">*/ ?>
<?php /*<div class="placeholder">*/ ?>
<?php /*<div class="inner-button sendMail">*/ ?>
<?php /*<p>Contact</p>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<?php /*</a>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<?php /*<div class="right">*/ ?>
<?php /*<div class="text">*/ ?>
<?php /*<?php if($data->translation->description != ''): ?>*/ ?>
<?php /*<h3><?php echo \Illuminate\Support\Facades\Lang::get('translations.shortDescription'); ?></h3>*/ ?>
<?php /*<?php echo $data->translation->description; ?>*/ ?>
<?php /*<?php endif; ?>*/ ?>
<?php /*<?php if($data->translation->extra_description != ''): ?>*/ ?>
<?php /*<?php echo $data->translation->extra_description; ?>*/ ?>
<?php /*<?php endif; ?>*/ ?>
<?php /*</div>*/ ?>
<?php /*<div class="next-item">*/ ?>
<?php /*<?php if($next): ?>*/ ?>
<?php /*<a href="/<?php echo $next->route->route; ?>">*/ ?>
<?php /*<div class="button">*/ ?>
<?php /*<div class="background"></div>*/ ?>
<?php /*</div>*/ ?>
<?php /*<p><?php echo \Illuminate\Support\Facades\Lang::get('translations.nextItem'); ?></p>*/ ?>
<?php /*</a>*/ ?>
<?php /*<?php endif; ?>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<div class="mobile">
<div class="text">
<?php if($data->translation->extra_description != '' || $data->translation->description != ''): ?>
<h3><?php echo \Illuminate\Support\Facades\Lang::get('translations.shortDescription'); ?></h3>
<?php endif; ?>
<?php if($data->translation->extra_description != ''): ?>
<?php echo $data->translation->extra_description; ?>
<?php else: ?>
<?php echo $data->translation->description; ?>
<?php endif; ?>
</div>
<?php /*<div class="badge">*/ ?>
<?php /*<div class="content">*/ ?>
<?php /*<h3><?php echo \Illuminate\Support\Facades\Lang::get('translations.interest'); ?></h3>*/ ?>
<?php /*<p><?php echo \Illuminate\Support\Facades\Lang::get('translations.interestText'); ?></p>*/ ?>
<?php /*<div class="button">*/ ?>
<?php /*<div class="placeholder">*/ ?>
<?php /*<div class="inner-button sendMail">*/ ?>
<?php /*<p>Contact</p>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<?php /*</div>*/ ?>
<div class="controls">
<div class="previous-item">
<?php if($previous): ?>
<a href="/<?php echo $previous->route->route; ?>">
<div class="button">
<div class="background"></div>
</div>
<p><?php echo \Illuminate\Support\Facades\Lang::get('translations.nextItem'); ?></p>
</a>
<?php endif; ?>
</div>
<div class="next-item">
<?php if($next): ?>
<a href="/<?php echo $next->route->route; ?>">
<div class="button">
<div class="background"></div>
</div>
<p><?php echo \Illuminate\Support\Facades\Lang::get('translations.previousItem'); ?></p>
</a>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="styling-block bottom">
<div class="left"></div>
<div class="right"></div>
</div>
</div>
<?php if($data->video != ''): ?>
<script>
// Load the IFrame Player API code asynchronously.
var tag = document.createElement('script');
tag.src = "https://www.youtube.com/player_api";
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);
// Replace the 'ytplayer' element with an <iframe> and
// YouTube player after the API code downloads.
var player;
function onYouTubePlayerAPIReady() {
player = new YT.Player('ytplayer', {
height: '360',
width: '640',
videoId: '<?php echo $data->video; ?>',
playerVars: {
modestbranding: 1,
showinfo: 0,
rel: 0
},
});
}
</script>
<?php endif; ?>