<!DOCTYPE html>
<html lang="{{ app.request.locale }}">
<head>
<title>{% block title %}E-Commerce Portal{% endblock %}</title>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-NMWC1T63ZV"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-NMWC1T63ZV');
</script>
{% block head %}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="{% block description %}E-Commerce Portal{% endblock %}">
<meta name="keywords" content="E-Commerce, E-shop">
<meta name="author" content="Webexciter.com">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="{{ asset('assets/vendor/jquery/jquery.min.js') }}"></script>
<script src="{{ asset('assets/vendor/jquery.cycle.all.js') }}"></script>
<script src="{{ asset('assets/vendor/x3d_webexciter.js') }}"></script>
<script src="{{ asset('assets/js/am.js') }}"></script>
{# <script src="https://www.google.com/recaptcha/enterprise.js?render=6LdIuVgqAAAAALcRQjvQS9JEetoT5bnigYgkpu-m"></script> #}
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
{# <script src="{{ asset('assets/js/recaptcha_api.js') }}" async defer></script> #}
<script type='text/javascript' src='{{ asset('assets/x3dom/x3dom.js') }}'> </script>
<!-- X_ICTE requirements -->
<link rel="stylesheet" type="text/css" href="{{ asset('assets/js/x_ite.css') }}"/>
<script type="text/javascript" src="{{ asset('assets/js/x_ite.min.js') }}"></script>
<script>
//Handle image gallery click
function imageGalleryClick(imagePath, linkUrl, serviceTitle, linkNewUrl=null, galleryLink=null, newLabel=null, labelSize = '1.0')
{
//alert('Hallo ViewPoint');
document.getElementById('slideshow_texture').setAttribute('url', imagePath);
document.getElementById('WideScreenModel__slideshow_texture2').setAttribute('url', imagePath);
// document.getElementById('slideshow_url').setAttribute('url', linkUrl);
document.getElementById('new_account_url').setAttribute('url', linkNewUrl);
document.getElementById('gallery_url').setAttribute('url', galleryLink);
document.getElementById('new_account_label').setAttribute('string', newLabel);
document.getElementById('more_url').setAttribute('url', linkUrl);
document.getElementById('new_account_font').setAttribute('size', labelSize);
}
//Handle image gallery click
function imagePresentationClick(imagePath)
{
//alert('Hallo PresentationClick: ' + imagePath);
//document.getElementById('slideshow_texture').setAttribute('url', imagePath);
document.getElementById('WideScreenModel__slideshow_texture2').setAttribute('url', imagePath);
}
function changeViewpoint(viewpointId)
{
//alert('Hallo ViewPoint');
document.getElementById(viewpointId).setAttribute('set_bind','true');
}
function changeViewpoint2(viewpointId)
{
alert('Hallo ViewPoint 2: ' + viewpointId);
//document.getElementById(viewpointId).setAttribute('set_bind','true');
}
function loadModel(modelPath, inlineId) {
//alert(document.getElementById(inlineId).getAttribute("url"));
//var inline = document.createElement("Inline");
var emptyString = "";
var url = document.getElementById(inlineId).getAttribute("url").valueOf();
//console.log('isEqual: ' + isEquel);
//console.log('url: -' + String(url).trim() + '-');
if (compareStrings(String(url).trim(), emptyString)) {
document.getElementById(inlineId).setAttribute("nameSpaceName", "ExtX3D");
document.getElementById(inlineId).setAttribute("contentType", "model/x3d+xml");
document.getElementById(inlineId).setAttribute('bboxSize','5 5 5');
document.getElementById(inlineId).setAttribute('bboxCenter','0 0 0');
document.getElementById(inlineId).setAttribute("url", modelPath);
}
}
function openInfoMessage(message)
{
$('#x3d_info_message').animate({
height: 35
}, 500);
$('#x3d_info_message_text').text(message);
$('#button_info_message_close').show();
$('#infoMessageTable').show();
}
function compareStrings(a,b){
if (a.length !== b.length) {
//alert('csrt: false');
return false;
}
//alert('csrt: true');
return a.localeCompare(b) === 0;
}
function changeColor()
{
if(document.getElementById("color").getAttribute('diffuseColor')=="1 0 0")
document.getElementById("color").setAttribute('diffuseColor', '0 0 1');
else
document.getElementById("color").setAttribute('diffuseColor', '1 0 0');
}
function closeFlashNotice()
{
console.log('close FlashNotice');
$("#flash-notice").fadeOut();
}
function closeFlashError()
{
console.log('close FlashError');
$("#flash-error").fadeOut();
}
</script>
<script>
//resize x3d scene
$(document).ready(function() {
var $win = $(window);
var $discountHeight = 96;
$('#button_fullscreen').click(function() {
$('#x3d').animate({
height: ($win.height() - $discountHeight),
width: $win.width()
}, 500);
$('#x3d_section').animate({
height: ($win.height() - $discountHeight),
width: $win.width()
}, 500);
$('#x3dom-x3d_section-canvas').animate({
height: ($win.height() - $discountHeight),
width: '100%'
}, 500);
$("#x3d_section").attr("height",($win.height() - $discountHeight));
});
$('#button_defaultscreen').click(function() {
$('#x3d').animate({
height: "323px",
width: '100%'
}, 500);
$('#x3d_section').animate({
height: "323px",
width: '100%'
}, 500);
$('#x3dom-x3d_section-canvas').animate({
height: "323px",
width: '100%'
}, 500);
$("#x3d_section").attr("height","323px");
});
});
</script>
{% endblock %}
</head>
<body>
{% for message in app.flashes('notice') %}
<div class="flash-notice" id="flash-notice">
<div class='notice'>{{ message }}</div>
<div class='noticeClose'><a href="javascript:closeFlashNotice()" class='noticeCloseLink' title="Close notice">×</a></div>
</div>
{% endfor %}
{% for message in app.flashes('error') %}
<div class="flash-error" id="flash-error">
<div class='error'>{{ message }}</div>
<div class='noticeClose'><a href="javascript:closeFlashError()" class='noticeCloseLink' title="Close notice">×</a></div>
</div>
{% endfor %}
<div class="contentContainer">
<div class="content">
{% block content %}{% endblock %}
</div>
</div>
</body>
</html>