File: /var/www/vhosts/creativefellows.nl/figi.creativefellows.nl/views/view.offerte_zakelijk.php
<?php
/*
* Get Header
*/
$header_top_color = $data["page"][0]->contents == "" || !preg_match("/.image-showcase/",$data["page"][0]->contents) ? "" : "has-showcase";
require_once 'inc/header.php';
/*
* Page contents
*/
echo $data["page"][0]->contents;
/*
* Magic widget
*/
$widget = '<div class="grid-container" id="contact-general" style="margin-bottom:3rem">';
$widget .= '<div class="grid-x grid-padding-x align-center align-middle">';
$widget .= '<div class="small-8 cell text-center">';
$widget .= '<div class="main">
<section id="mwrap">
<section id="content">
<div id="scrollbox" class="contentbox">
<div class="content-padding">
<div id="dbook" class="deskonly">
<h1>Zoek & Boek online</h1>
<div class="calendar-magicwidget"></div>
<form action="#" class="demonav" style="margin-top:1.5rem">
<div class="inputnumber">
<span class="icouser hide">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="96" height="96" viewBox="0 0 96 96"><defs><style>.aid{fill:var(--brand-color-one);stroke:fill:var(--brand-color-one);}.b{filter:url(#afill);}</style><filter id="afill" x="0" y="0" width="96" height="96" filterUnits="userSpaceOnUse"><feOffset dy="1" input="SourceAlpha"/><feGaussianBlur stdDeviation="1.5" result="b"/><feFlood flood-color="#00437d" flood-opacity="0.102"/><feComposite operator="in" in2="b"/><feComposite in="SourceGraphic"/></filter></defs><g transform="translate(5 4)"><g class="b" transform="matrix(1, 0, 0, 1, -5, -4)"><path class="aid" d="M105.458,0h3.565c.834.126,1.643.278,2.478.4C125.736,2.756,134.51,17.65,129.225,30.6a22.967,22.967,0,0,1-14.665,13.478c-.253.1-.506.2-.986.4,24.88,3.591,37.876,24.957,37.092,41.495h-84.6c-.455,0-.91.025-1.365.025v-2.63c.278-1.846.506-3.717.86-5.563,2.958-15.728,16.384-29.155,32.591-32.594.506-.1,1.011-.228,1.542-.329.506-.1,1.011-.2,1.618-.3-9.76-3.211-15.828-9.331-17.294-19.142C82.4,14.615,89.529,4.122,100.452,1.037,102.07.582,103.789.329,105.458,0Z" transform="translate(-59.7 4)"/></g></g></svg>
</span>
<label class="inh" for="dnumber">
Aantal Personen
<input required="required" type="text" id="dnumber" name="dnumber" value="00" class="empty allownumericwithoutdecimal">
</label>
</div>
</form>
</div>
</div>
</div>
</section>
<section id="nav">
<nav class="navbottom">
<form method="post" action="https://restau.nl/Figi/arrangementen" class="demonav deskonly right" target="_blank">
<input type="hidden" id="date" name="date" value="">
<input type="hidden" id="number" name="person" class="person" hidden="hidden" value="" >
<input type="hidden" name="step" value="2">
<input type="hidden" name="next" value="next">
<input type="submit" value="Zoek arrangement" class="button secondary">
</form>
</nav>
</section>
</section>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js" rel="dns-prefetch"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/PickMeUp/3.2.1/pickmeup.min.js" rel="dns-prefetch"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js" rel="dns-prefetch" rel="dns-prefetch"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/PickMeUp/3.2.1/css/pickmeup.css">
<style type="text/css">
.pickmeup .pmu-instance .pmu-today {
background: none;
}
.pickmeup .pmu-instance .pmu-days .pmu-not-in-month {
color: #FFF;
visibility: collapse;
}
</style>
<script type="text/javascript">
$(function(){
var now = new Date;
pickmeup(\'.calendar-magicwidget\', {
render : function (date) {
if (date < now) {
return { disabled : true, class_name : \'date-in-past\'};
}
return {};
},
flat: true,
date: [
new Date
],
mode: \'single\',
calendars: 3,
});
var date = new Date();
pickmeup(\'#date\').set_date(date.setDate(date.getDate() + 1));
pickmeup(\'.calendar-magicwidget\').set_date(date.setDate(date.getDate()));
$(\'.calendar-magicwidget\').on(\'pickmeup-change\', function () {
var seleDate = pickmeup(\'.calendar-magicwidget\').get_date();
pickmeup(\'#date\').set_date(seleDate);
});
$(\'nav input[type=submit]\').on(\'click\', function(e) {
$(\'#number\').val(parseInt($(\'#dnumber\').val()));
if($(\'#number\').val() <= 0 || isNaN($(\'#number\').val())){
$(\'.empty\').css(\'color\',\'#E81212\');
$(\'.empty\').focus();
return false;
}
});
$(".allownumericwithoutdecimal").on("keypress keyup blur",function (event) {
$(this).val($(this).val().replace(/[^\d].+/, ""));
if ((event.which < 48 || event.which > 57)) {
event.preventDefault();
}
});
});
</script>';
$widget .= '</div>';
$widget .= '</div>';
$widget .= '</div>';
echo $data["config"]->wrapAsSection($widget);
/*
* Loopback
*/
if( isset($data["page"]) && ($loopback = $data["page"][0]->getProperty("loopback")) )
{
$loopbackForm = $loopback[0]->getForm();
$loopback_html = '<div class="slick-center">';
foreach($loopback[0]->getProperty("images") as $img)
{
$loopback_html .= '<div class="image"><div class="inner"><img src="'. $img .'" /></div></div>';
}
$loopback_html .= '</div>';
$loopback_html .= '<div class="grid-container">';
$loopback_html .= '<div class="grid-x grid-padding-x">';
$loopback_html .= '<div class="small-12 cell text-center">';
$loopback_html .= $loopback[0]->getProperty("text");
if($loopback[0]->getProperty("iens_widget","links") == 1) $loopback_html .= '<p><button class="button iens-widget">'. $loopback[0]->getProperty("label_button") .'</button></p>';
elseif($loopbackForm) $loopback_html .= '<button class="button primary" data-toggle="contact-general" href="#">'. $loopback[0]->getProperty("label_button") .'</button>';
$loopback_html .= '</div>';
$loopback_html .= '</div>';
$loopback_html .= '</div>';
echo $data["config"]->wrapAsSection($loopback_html,"","loopback");
//d($loopback_html);
}
/*
* Check if entry has a form
*/
$cassetteForm = $data["page"][0]->getForm();
if( $cassetteForm || isset($loopbackForm))
{
if( isset($loopbackForm) ) $cassetteForm = $loopbackForm;
$has_valid_response = isset($_GET["h"]) && isset($_GET["id"]) ? $data["config"]->hasValidResponse($_GET["h"],$_GET["id"]) : false;
$hide_form = preg_match("/data-toggle/",$cassetteForm->getFormIntro()) ? true : false;
if($data["page"][0]->getProperty("toon_formulier","links") == 1) $form = '<div class="grid-container" id="contact-general">';
elseif($has_valid_response === false) $form = '<div class="grid-container" id="contact-general" data-toggler style="display:none;" data-animate="hinge-in-from-top slide-out-up">';
else $form = '<div class="grid-container" id="contact-general">';
$form .= '<div class="grid-x grid-padding-x">';
$form .= '<div class="small-12 cell text-center">';
if($has_valid_response === true) $form .= '<div class="text-center form-response"><br />' . $cassetteForm->getResponseMessage() .'<hr /></div>';
$form .= '<h2 class="text-center">'. $cassetteForm->getFormName() .'</h2>';
$form .= '</div>';
$form .= '<div class="large-12 cell" id="contact-general">';
$form .= $cassetteForm->getFormHtml("","medium-6 small-12");
$form .= '</div>';
$form .= '</div>';
$form .= '</div>';
echo $data["config"]->wrapAsSection($form,null,"panel-contact");
}
/*
* Get Footer
*/
require_once 'inc/footer.php';
?>