<?php
 if(basename(__FILE__) == basename($_SERVER['PHP_SELF'])){exit();}
 global $config;
?>

<?php $_shouldextend[1]=1; ?>


<?php $this->startSection('wisra_basic_content'); ?>
 @parentXYZABC

<!-- ======= Breadcrumbs ======= -->
<section class="breadcrumbs">
 <div class="container">
 <div class="d-flex justify-content-between align-items-center">
 <h2>Demande de devis</h2>
 </div>
 </div>
</section><!-- End Breadcrumbs -->

<section id="schedule">
 <div class="container">
 <div class="section-title aos-init aos-animate" data-aos="fade-left">
 <h2 id="title-bloko">DEMANDEZ VOTRE DEVIS</h2>
 <p>
 Demandez et recevez votre devis par e-mail. * Tous les champs sont obligatoires
 </p>
 </div>
 <div class="row">
 <div class="col-lg-2"></div>
 <div class="col-lg-8">
 <div class="form">
 <div id="sendmessage" class="hidden"></div>
 <div id="errormessage" class="hidden"></div>
 <div id="infomessage" class="hidden"></div>
 <form action="" method="post" role="form" class="contactForm">
 <div class="form-group">
 <input type="text" name="name" class="form-control input-text" id="name" placeholder="Nom complet" data-rule="minlen:4" data-msg="Veuillez saisir votre nom !" required>
 <div class="validation">Veuillez saisir votre nom !</div>
 </div>
 <div class="form-group">
 <input type="email" class="form-control input-text" name="email" id="email" placeholder="Adresse E-mail" data-rule="email" data-msg="Veuillez saisir votre adresse email !" required>
 <div class="validation"></div>
 </div>
 <div class="form-group">
 <input type="tel" name="tel" id="tel" class="form-control input-text" placeholder="Numéro de téléphone" data-msg="Veuillez saisir votre numéro de téléphone !" required>
 <div class="validation"></div>
 </div>
 <div class="form-group">
 <input type="text" class="form-control input-text" name="subject" id="subject" placeholder="Objet de votre message" data-rule="minlen:4" data-msg="Veuillez saisir l'objet de votre message !">
 <div class="validation"></div>
 </div>

 <div class="form-group">
 <label for="devis_sector">Etes-vous dans un des secteurs d'activité ci dessous ? *</label>
 <select class="form-control input-text" name="devis_sector" id="devis_sector" placeholder="Etes-vous dans un des secteurs d'activité ci dessous ? ?" data-rule="minlen:4" data-msg="Vous devez selectionner votre secteurs d'activité !">
 <option value="0">/</option>
 <option value="1">Hôtellerie</option>
 <option value="2">Santé</option>
 <option value="3">Entreprise  économique</option>
 <option value="4">Établissement publics</option>
 <option value="5">Administration</option>
 <option value="6">Autre</option>
 </select>
 <div class="validation"></div>
 </div>

 <div class="form-group">
 <label for="devis_what">Que voulez-vous ? *</label>
 <select class="form-control input-text" name="devis_what" id="devis_what" placeholder="Que voulez-vous ?" data-rule="minlen:4" data-msg="Vous devez selectionner le sujet de votre devis !">
 <option value="0">/</option>
 <option value="1">Réseau ou standard téléphonique</option>
 <option value="2">Câblage et Réseau informatique</option>
 <option value="3">Télésurveillance et caméras</option>
 <option value="4">Collaboration, visioconférence et péritéléphonie</option>
 <option value="5">Infrastructures de câblage et armoires</option>
 <option value="6">Sécurité, Système d'alarm</option>
 <option value="7">Réparation d'équipement, contrat de maintenance</option>
 <option value="8">Formation</option>
 <option value="9">Studio d'enregistrement, Sonnerie d'attente</option>
 </select>
 <div class="validation"></div>
 </div>

 <div class="form-group">
 <label for="devis_do">Que voulez-vous faire ? *</label>
 <select class="form-control input-text" name="devis_do" id="devis_do" placeholder="Que voulez-vous faire ?" data-rule="minlen:4" data-msg="Vous devez selectionner votre besoin !">
 <option value="0">/</option>
 <option value="1">Installation de nouvel équipement</option>
 <option value="2">Remplacement de l'équipement actuel</option>
 <option value="3">Extension de l'installation existante</option>
 <option value="4">Acheter une nouvelle installation, en conservant votre matériel actuel</option>
 <option value="5">Acheter du matériel supplémentaires</option>
 </select>
 <div class="validation"></div>
 </div>

 <div class="form-group telephone hidden">
 <label for="devis_1_standard">Votre standard actuel ou souhaité ? *</label>
 <select class="form-control input-text" name="devis_1_standard" id="devis_1_standard" placeholder="Votre standard actuel ou souhaité ?" data-rule="minlen:4" data-msg="Vous devez selectionner votre standard !">
 <option value="0">/</option>
 <option value="1">Alcatel</option>
 <option value="2">Siemens</option>
 <option value="3">Nortel</option>
 <option value="4">Panasonic</option>
 <option value="5">Autre</option>
 </select>
 <div class="validation"></div>
 </div>

 <div class="form-group telephone hidden">
 <label for="devis_1_pabx">Nombre de postes téléphoniques à connectés au PABX ? *</label>
 <select class="form-control input-text" name="devis_1_pabx" id="devis_1_pabx" placeholder="Nombre de postes téléphoniques à connectés au PABX ?" data-rule="minlen:4" data-msg="Vous devez selectionner votre standard !">
 <option value="0">/</option>
 <option value="1">1</option>
 <option value="2">2 à 4</option>
 <option value="3">5 à 6</option>
 <option value="4">7 à 9</option>
 <option value="5">10 à 14</option>
 <option value="6">15 à 19</option>
 <option value="7">20 à 49</option>
 <option value="8">50 et +</option>
 </select>
 <div class="validation"></div>
 </div>

 <div class="form-group telephone hidden">
 <label for="devis_1_lignes">Nombre de lignes extérieures dont vous disposez ? *</label>
 <select class="form-control input-text" name="devis_1_lignes" id="devis_1_lignes" placeholder="Nombre de lignes extérieures dont vous disposez ?" data-rule="minlen:4" data-msg="Vous devez selectionner le nombre des lignes extérieures !">
 <option value="0">/</option>
 <option value="1">2 à 4</option>
 <option value="2">5 à 6</option>
 <option value="3">7 à 9</option>
 <option value="4">10 à 14</option>
 <option value="5">15 à 19</option>
 <option value="6">20 à 49</option>
 <option value="7">50 et +</option>
 <option value="8">Ne sais pas</option>
 </select>
 <div class="validation"></div>
 </div>

 <div class="form-group telephone hidden">
 <label for="devis_1_option">Quelles options désirées pour votre standard ? * <em>Ctrl pour multiple</em></label>
 <select class="form-control input-text" name="devis_1_option" id="devis_1_option" placeholder="Quelles options désirées pour votre standard ?" data-rule="minlen:4" data-msg="Vous devez selectionner vos options désirées !" style="height:160px" multiple>
 <option value="1">Musique d'attente personnalisée</option>
 <option value="2">Standard automatique</option>
 <option value="3">Taxation (contrôles d'appels)</option>
 <option value="4">Standard multi sites (Interconnexion IP)</option>
 <option value="5">Identification de l'appelant</option>
 <option value="6">Autres</option>
 </select>
 <div class="validation"></div>
 </div>

 <div class="form-group">
 <textarea class="form-control input-text text-area" name="message" id="message" rows="5" data-rule="required" data-msg="Merci d'ecrire votre message" placeholder="Votre message"></textarea>
 <div class="validation"></div>
 </div>
 <div class="form-group">
 <div class="text-center">
 <img src="<?php echo $config['app_url'] ?>www/captcha.php" width="200" height="50" id="refresh-pic" />
 <a href="javascript:reloadcapt();">
 <img src="<?php echo $config['app_url'] ?>sources/image/svg/refresh-outline.svg" width="20" />
 <input type="hidden" id="refresh-origin" value="<?php echo $config['app_url'] ?>/www/captcha.php">
 </a>
 <br/><br/>
 </div>
 <input type="text" class="form-control input-text" name="code" id="code" placeholder="Texte de l'image" data-rule="minlen:4" data-msg="Veuillez saisir le code ecrit sur l'image !">
 <div class="validation"></div>
 </div>
 <div class="text-center">
 <button type="button" class="input-btn" id="send-b">ENVOYER</button>
 </div>
 </form>
 </div>
 </div>
 </div>
 </div>
</section>

<?php $this->stopSection(); ?>

<?php /*-------------------------- Slider --------------------------*/ ?>
<?php $this->startSection('wisra_slider_content'); ?>
<?php $this->stopSection(); ?>

<?php /*-------------------------- Put here your additional CSS files for this page --------------------------*/ ?>
<?php $this->startSection('wisra_css_content'); ?>

<?php $this->stopSection(); ?>


<?php /*-------------------------- Put here your additional JS files  for this page --------------------------*/ ?>
<?php $this->startSection('wisra_js_content'); ?>
<script>
 // do not hide header
 var headwhite=1;

 //-> pic
 function reloadcapt() {
 var myImg = new Image(), src=$('#refresh-origin').val();
 myImg.onload = function() {
 $('#refresh-pic').attr('src', src);
 $('#code').val('');
 };
 myImg.src = src;
 }

 function send() {
 $('#send-b').unbind('click');
 $('#sendmessage, #errormessage, #infomessage').removeClass('hidden').addClass('hidden');

 var name = $('#name').val(), 
 email = $('#email').val(), 
 tel = $('#tel').val(), 
 subject = $('#subject').val(), 
 message = $('#message').val(), 
 code = $('#code').val(), 

 sector = $('#devis_sector').val(), 
 what = $('#devis_what').val(), 
 doo = $('#devis_do').val(), 

 a_standard = $('#devis_1_standard').val(), 
 a_pabx = $('#devis_1_pabx').val(), 
 a_lignes = $('#devis_1_lignes').val(), 
 a_option = $('#devis_1_option').val(), 

 error=0, el_id='';

 $('#name, #email, #tel, #subject, #message, #code').removeClass('is-invalid');
 $('#devis_do, #devis_what, #devis_sector, #devis_1_standard').removeClass('is-invalid');
 $('#devis_1_pabx, #devis_1_lignes, #devis_1_option').removeClass('is-invalid');

 if (what==1) {
 if (a_option.length==0) {error++;el_id='#devis_1_option';}
 if (a_lignes<1 || a_lignes>8) {error++;el_id='#devis_1_lignes';}
 if (a_pabx<1 || a_pabx>8) {error++;el_id='#devis_1_pabx';}
 if (a_standard<1 || a_standard>5) {error++;el_id='#devis_1_standard';}
 }

 if (doo<1 || doo>5) {error++;el_id='#devis_do';}
 if (what<1 || what>9) {error++;el_id='#devis_what';}
 if (sector<1 || sector>6) {error++;el_id='#devis_sector';}

 // code
 if (code.length!=4) {error++;el_id='#code';}
 // message
 if (message.length<5) {error++;el_id='#message';}
 // subject
 if (subject.length<5) {error++;el_id='#subject';}
 // tel
 const tel_regex = /^(?:[0-9] ?){6,14}[0-9]$/;
 if (tel.length<5 || (!tel_regex.test(tel))) {error++;el_id='#tel';}
 // email
 const mail_regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 if (email.length<5 || (!mail_regex.test(email))) {error++;el_id='#email';}
 // name
 if (name.length<5) {error++;el_id='#name';}

 if (error==0) {
 $('#sendmessage, #errormessage, #infomessage').removeClass('hidden').addClass('hidden');
 $('#infomessage').html( 'Message en cours d\'envoi...' );
 $('#infomessage').removeClass('hidden');
 $('html, body').animate({scrollTop: $('#title-bloko').offset().top-2}, 100);

 $.post("<?php echo $config['app_url'] ?>sources/ajax/code.verif.php", {code:code}, function(r){
 if (r.ok==1) {

 $.post("https://egitel.net/ws/devis.form.php", {
 name:name, email:email, tel:tel, subject:subject, message:message, sector:sector, 
 what:what, doo:doo, a_standard:a_standard, a_pabx:a_pabx, a_lignes:a_lignes, a_option:a_option
 }, function(r){
 $('#sendmessage, #errormessage, #infomessage').removeClass('hidden').addClass('hidden');
 if (r.ok==1) {

 $('#infomessage').addClass('hidden');
 $('#sendmessage').html( 'Votre message a bien été envoyé.' );
 $('#sendmessage').removeClass('hidden');
 $('html, body').animate({scrollTop: $('#title-bloko').offset().top-2}, 100);
 $('#send-b').click(function(){send()});

 } else if (r.ok==2) el_id='#name';
 else if (r.ok==3) el_id='#email';
 else if (r.ok==4) el_id='#tel';
 else if (r.ok==5) el_id='#subject';
 else if (r.ok==6) el_id='#message';
 else if (r.ok==7) el_id='#code';

 if (r.ok>1 && r.ok<8) {
 $(el_id).removeClass('is-invalid').addClass('is-invalid');
 $('#errormessage').html( $(el_id).attr('data-msg') );
 $('#errormessage').removeClass('hidden');
 $('html, body').animate({scrollTop: $('#title-bloko').offset().top-80}, 300);
 $('#send-b').click(function(){send()});
 reloadcapt()
 }
 if (r.ok==8) {
 $('#errormessage').html( 'Erreur inconnue ! message non envoyé, veuillez réessayer plus tard.' );
 $('#errormessage').removeClass('hidden');
 $('html, body').animate({scrollTop: $('#title-bloko').offset().top-80}, 300);
 $('#send-b').click(function(){send()});
 reloadcapt()
 }
 }, 
 'json'
 );

 } else {
 el_id='#code';
 $(el_id).removeClass('is-invalid').addClass('is-invalid');
 $('#errormessage').html( $(el_id).attr('data-msg') );
 $('#errormessage').removeClass('hidden');
 $('html, body').animate({scrollTop: $('#title-bloko').offset().top-80}, 300);
 $('#send-a').click(function(){send()});
 reloadcapt()
 }
 }, 'json');

 } else {
 $(el_id).removeClass('is-invalid').addClass('is-invalid');
 $('#errormessage').html( $(el_id).attr('data-msg') );
 $('#errormessage').removeClass('hidden');
 $('html, body').animate({scrollTop: $('#title-bloko').offset().top-80}, 300);
 $('#send-b').click(function(){send()});
 reloadcapt()
 }
 }

 //-> special change
 function hide_all() {
 $('.form-group.telephone').removeClass('hidden').addClass('hidden');
 }

 $('#devis_what').change(function(){
 hide_all();
 var v=$(this).val();
 if (v==1) $('.form-group.telephone').removeClass('hidden');
 });

 $('#send-b').click(function(){send()});
</script>
<?php $this->stopSection(); ?>
<?php if (@$_shouldextend[1]) { echo $this->runChild('layout', ['page_data' => array(
 'title' => 'Demander un devis | Egitel', 
 'description' => "Demander un devis en ligne à Egitel", 
 'keywords' => array("Egitel", "Egitel Entreprise", "installation réseaux", "réseaux informatiques", "réseaux télécommunication", "services et equipements", "certifié Alcatel-Lucent", "Alcatel-Lucent", "Alcatel Algerie"), 
 'headwhite' => 1
)]); } ?>