378 lines
10 KiB
PHP
378 lines
10 KiB
PHP
<? global $settings, $lang, $config; ?>
|
||
<? if ($settings['google_maps'] and $settings['firm_adress']) : ?>
|
||
<script type="text/javascript"
|
||
src="https://maps.googleapis.com/maps/api/js?sensor=false&key=<?= $settings['google_map_key'] ?>"></script>
|
||
<script type="text/javascript">
|
||
google.maps.event.addDomListener(window, 'load', init);
|
||
|
||
function init() {
|
||
var mapOptions = {
|
||
zoom: 14,
|
||
scrollwheel: false,
|
||
styles: [{
|
||
"elementType": "geometry",
|
||
"stylers": [{
|
||
"hue": "#ff4400"
|
||
}, {
|
||
"saturation": -68
|
||
}, {
|
||
"lightness": -4
|
||
}, {
|
||
"gamma": 0.72
|
||
}]
|
||
}, {
|
||
"featureType": "road",
|
||
"elementType": "labels.icon"
|
||
}, {
|
||
"featureType": "landscape.man_made",
|
||
"elementType": "geometry",
|
||
"stylers": [{
|
||
"hue": "#0077ff"
|
||
}, {
|
||
"gamma": 3.1
|
||
}]
|
||
}, {
|
||
"featureType": "water",
|
||
"stylers": [{
|
||
"hue": "#00ccff"
|
||
}, {
|
||
"gamma": 0.44
|
||
}, {
|
||
"saturation": -33
|
||
}]
|
||
}, {
|
||
"featureType": "poi.park",
|
||
"stylers": [{
|
||
"hue": "#44ff00"
|
||
}, {
|
||
"saturation": -23
|
||
}]
|
||
}, {
|
||
"featureType": "water",
|
||
"elementType": "labels.text.fill",
|
||
"stylers": [{
|
||
"hue": "#007fff"
|
||
}, {
|
||
"gamma": 0.77
|
||
}, {
|
||
"saturation": 65
|
||
}, {
|
||
"lightness": 99
|
||
}]
|
||
}, {
|
||
"featureType": "water",
|
||
"elementType": "labels.text.stroke",
|
||
"stylers": [{
|
||
"gamma": 0.11
|
||
}, {
|
||
"weight": 5.6
|
||
}, {
|
||
"saturation": 99
|
||
}, {
|
||
"hue": "#0091ff"
|
||
}, {
|
||
"lightness": -86
|
||
}]
|
||
}, {
|
||
"featureType": "transit.line",
|
||
"elementType": "geometry",
|
||
"stylers": [{
|
||
"lightness": -48
|
||
}, {
|
||
"hue": "#ff5e00"
|
||
}, {
|
||
"gamma": 1.2
|
||
}, {
|
||
"saturation": -23
|
||
}]
|
||
}, {
|
||
"featureType": "transit",
|
||
"elementType": "labels.text.stroke",
|
||
"stylers": [{
|
||
"saturation": -64
|
||
}, {
|
||
"hue": "#ff9100"
|
||
}, {
|
||
"lightness": 16
|
||
}, {
|
||
"gamma": 0.47
|
||
}, {
|
||
"weight": 2.7
|
||
}]
|
||
}]
|
||
};
|
||
var mapElement = document.getElementById('google-map');
|
||
var map = new google.maps.Map(mapElement, mapOptions);
|
||
|
||
var geocoder = new google.maps.Geocoder();
|
||
var address = '<?= preg_replace('/\s+/', ' ', $settings['firm_adress']); ?>';
|
||
geocoder.geocode({
|
||
'address': address
|
||
}, function(results, status) {
|
||
if (status === google.maps.GeocoderStatus.OK) {
|
||
map.setCenter(results[0].geometry.location);
|
||
var marker = new google.maps.Marker({
|
||
map: map,
|
||
position: results[0].geometry.location
|
||
});
|
||
} else {
|
||
alert('Geocode was not successful for the following reason: ' + status);
|
||
}
|
||
});
|
||
}
|
||
</script>
|
||
<div id='google-map'></div>
|
||
<? endif; ?>
|
||
<? if (\S::get('msg')) : ?>
|
||
<div class="alert alert-success">
|
||
<?= \S::lang(\S::get('msg')); ?>
|
||
</div>
|
||
<? endif; ?>
|
||
<div class="row">
|
||
<div class="col-md-6">
|
||
<?
|
||
global $page;
|
||
switch ($page['id']){
|
||
case 59:
|
||
echo \front\view\Scontainers::scontainer(34);
|
||
break;
|
||
case 61:
|
||
echo \front\view\Scontainers::scontainer(32);
|
||
break;
|
||
case 60:
|
||
echo \front\view\Scontainers::scontainer(33);
|
||
break;
|
||
default:
|
||
echo ('<div id="contact-additional-info">' . $settings["additional_info"] . '</div>');
|
||
break;
|
||
}
|
||
?>
|
||
</div>
|
||
<div class="col-md-6">
|
||
<? if ($settings['contact_form']) : ?>
|
||
<form class="form-horizontal" id="contact-form">
|
||
<div id="contact-form">
|
||
<div class="form-group row">
|
||
<div class="col-12">
|
||
<label for="email">Courriel*</label>
|
||
<input type='text' id="email" name="email" class="form-control" placeholder="Courriel*" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<div class="col-12">
|
||
<label for="phone">Numéro de téléphone*</label>
|
||
<input type='text' id="phone" name="phone" class="form-control" placeholder="Numéro de téléphone*" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<div class="col-12">
|
||
<label for="subject">Sujet*</label>
|
||
<input type='text' id="subject" name="subject" placeholder="Sujet" value="Demande auprès <?= preg_replace('#^(http(s)?://)?w{3}\.#', '$1', $_SERVER['SERVER_NAME']); ?>" class="form-control" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<div class="col-12">
|
||
<label for="text">Message*</label>
|
||
<textarea id="text" name="text" class="form-control" rows="5" placeholder="Message"></textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group row">
|
||
<div class="col-12 small">
|
||
<input type="checkbox" id="agreement" name="agreement" required="required"
|
||
style="position: relative; top: 2px;" /> L’administrateur des données personnelles est Inwest Profil. Les données saisies dans le formulaire de contact seront traitées afin de répondre à la demande envoyée.
|
||
</div>
|
||
</div>
|
||
<? if ($settings['contact_form_captcha']) : ?>
|
||
<div class="form-group row">
|
||
<div class="col-12 small">
|
||
<div class="captcha">
|
||
<div class="check"> </div> <span>Je ne suis pas un robot</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<? endif; ?>
|
||
<div class="form-group row">
|
||
<div class="col-12 text-center">
|
||
<a class='btn btn-success' id="contact-form-send" onclick="send_message(); return false;">ENVOYER</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
<? endif; ?>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-12">
|
||
<?
|
||
global $page;
|
||
switch ($page['id']){
|
||
case 59:
|
||
echo \front\view\Scontainers::scontainer(37);
|
||
break;
|
||
case 61:
|
||
echo \front\view\Scontainers::scontainer(35);
|
||
break;
|
||
case 60:
|
||
echo \front\view\Scontainers::scontainer(36);
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
?>
|
||
</div>
|
||
</div>
|
||
<? if ($settings['contact_form_captcha']) : ?>
|
||
<link href="/libraries/jquery/captcha.css" rel="stylesheet" type="text/css">
|
||
<script class="footer" type="text/javascript" src="/libraries/jquery/captcha.js"></script>
|
||
<? endif; ?>
|
||
<script class="footer" type="text/javascript">
|
||
<?
|
||
if ($settings['contact_form_captcha']): ?>
|
||
$(function() {
|
||
$('#contact-form').captcha();
|
||
});
|
||
<? endif; ?>
|
||
|
||
function send_message() {
|
||
var email = $.trim($('#contact-form #email').val());
|
||
var phone = $.trim($('#contact-form #phone').val());
|
||
var subject = $.trim($('#contact-form #subject').val());
|
||
var text = $.trim($('#contact-form #text').val());
|
||
|
||
if (email === '' && phone === '') {
|
||
$.alert({
|
||
title: 'Erreur',
|
||
content: 'Veuillez renseigner votre adresse e-mail et votre numéro de téléphone.',
|
||
type: 'orange',
|
||
closeIcon: true,
|
||
closeIconClass: 'fa fa-close',
|
||
typeAnimated: true,
|
||
animation: 'opacity',
|
||
autoClose: 'confirm|10000',
|
||
columnClass: 'col-sm-6',
|
||
buttons: {
|
||
confirm: {
|
||
text: 'proche',
|
||
btnClass: 'btn-blue',
|
||
keys: ['enter'],
|
||
action: function() {}
|
||
}
|
||
}
|
||
});
|
||
return false;
|
||
}
|
||
|
||
if (!$('#contact-form #agreement').is(':checked')) {
|
||
$.alert({
|
||
title: 'Erreur',
|
||
content: 'Veuillez indiquer votre consentement au transfert de l’offre commerciale.',
|
||
type: 'orange',
|
||
closeIcon: true,
|
||
closeIconClass: 'fa fa-close',
|
||
typeAnimated: true,
|
||
animation: 'opacity',
|
||
autoClose: 'confirm|10000',
|
||
columnClass: 'col-sm-6',
|
||
buttons: {
|
||
confirm: {
|
||
text: 'proche',
|
||
btnClass: 'btn-blue',
|
||
keys: ['enter'],
|
||
action: function() {}
|
||
}
|
||
}
|
||
});
|
||
return false;
|
||
}
|
||
|
||
<? if ($settings['contact_form_captcha']): ?>
|
||
if (!verifyCaptcha('#contact-form')) {
|
||
$.alert({
|
||
title: 'Erreur',
|
||
content: 'Veuillez compléter le captcha',
|
||
type: 'orange',
|
||
closeIcon: true,
|
||
closeIconClass: 'fa fa-close',
|
||
typeAnimated: true,
|
||
animation: 'opacity',
|
||
autoClose: 'confirm|10000',
|
||
columnClass: 'col-sm-6',
|
||
buttons: {
|
||
confirm: {
|
||
text: 'proche',
|
||
btnClass: 'btn-blue',
|
||
keys: ['enter'],
|
||
action: function() {}
|
||
}
|
||
}
|
||
});
|
||
return false;
|
||
}
|
||
<? endif;?>
|
||
|
||
$.ajax({
|
||
type: 'POST',
|
||
cache: false,
|
||
url: 'ajax.php',
|
||
data: {
|
||
a: 'contact_form',
|
||
email: email,
|
||
phone: phone,
|
||
subject: subject,
|
||
text: text
|
||
},
|
||
beforeSend: function() {
|
||
alert1 = $.alert({
|
||
title: 'Informations',
|
||
content: 'S\'il vous plaît, attendez',
|
||
type: 'blue',
|
||
closeIcon: true,
|
||
closeIconClass: 'fa fa-close',
|
||
typeAnimated: true,
|
||
animation: 'opacity',
|
||
autoClose: 'confirm|60000',
|
||
columnClass: 'col-sm-6',
|
||
buttons: {
|
||
confirm: {
|
||
text: 'proche',
|
||
btnClass: 'btn-blue',
|
||
keys: ['enter'],
|
||
action: function() {}
|
||
}
|
||
}
|
||
});
|
||
},
|
||
success: function(data) {
|
||
response = jQuery.parseJSON(data);
|
||
alert1.close();
|
||
|
||
if (response.status === 'ok')
|
||
var msg = 'Votre message a été envoyé. Nous essaierons d’y répondre dans les plus brefs délais.';
|
||
else
|
||
var msg = 'Une erreur s’est produite lors de l’envoi du message. Veuillez réessayer. Pardon.';
|
||
|
||
$('#contact-formp-big #email, #contact-form-big #text').val('');
|
||
|
||
$.alert({
|
||
title: 'Informations',
|
||
content: msg,
|
||
type: 'blue',
|
||
closeIcon: true,
|
||
closeIconClass: 'fa fa-close',
|
||
typeAnimated: true,
|
||
animation: 'opacity',
|
||
autoClose: 'confirm|10000',
|
||
columnClass: 'col-sm-6',
|
||
buttons: {
|
||
confirm: {
|
||
text: 'proche',
|
||
btnClass: 'btn-blue',
|
||
keys: ['enter'],
|
||
action: function() {}
|
||
}
|
||
}
|
||
});
|
||
}
|
||
});
|
||
}
|
||
</script>
|