﻿<!-- GIF89;a -->
<!-- GIF89;a -->
ï¿½ï¿½ï¿½ï¿½ JFIF      ï¿½ï¿½ ï¿½ 	  	 

	


 "" $(4,$&1'-=-157:::#+?D?8C49:7


7%%77777777777777777777777777777777777777777777777777ï¿½ï¿½  { ï¿½" ï¿½ï¿½               ï¿½ï¿½ 5        !1AQa"qï¿½2ï¿½ï¿½BRï¿½ï¿½#bï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½                ï¿½ï¿½                 ï¿½ï¿½   ? ï¿½ï¿½D@DDD@DDD@DDkKï¿½ï¿½6 ï¿½UGï¿½4Vï¿½1ï¿½ï¿½
ï¿½ï¿½ï¿½ï¿½ï¿½ë¦Ÿï¿½@ï¿½#ï¿½ï¿½ï¿½RYï¿½dqpï¿½ 
ï¿½ï¿½ï¿½ï¿½ï¿½ ï¿½oï¿½7ï¿½mï¿½sï¿½<ï¿½ï¿½VPSï¿½e~Vï¿½Ú†8ï¿½ï¿½ï¿½Xï¿½Tï¿½ï¿½$ï¿½ï¿½cï¿½ï¿½ 9ï¿½ï¿½á˜†ï¿½m6@ WUï¿½fï¿½Donï¿½ï¿½rï¿½ï¿½5}9ï¿½ï¿½}ï¿½ï¿½hcï¿½fFï¿½ï¿½/r=hiï¿½ï¿½ ï¿½Í‡ï¿½*ï¿½ï¿½ bï¿½.ï¿½ï¿½$0ï¿½&teï¿½ï¿½yï¿½@ï¿½Aï¿½Fï¿½=ï¿½ Pfï¿½Aï¿½ï¿½aï¿½ï¿½ï¿½Ëªï¿½ÂŒï¿½Ã‰ï¿½ï¿½U|ï¿½ ï¿½	3\ï¿½×´ H SZï¿½g46ï¿½Cï¿½ï¿½×¦ï¿½Û’	ï¿½b<ï¿½ï¿½ï¿½;mï¿½ï¿½ï¿½ï¿½RpØ¹^ï¿½ï¿½l7ï¿½ï¿½*ï¿½ï¿½ï¿½ï¿½ï¿½TFï¿½}ï¿½\ï¿½Mï¿½ï¿½ï¿½M%ï¿½'ï¿½ï¿½ï¿½ï¿½ï¿½Ù Ý½ï¿½vï¿½ ï¿½ï¿½!-ï¿½ï¿½ï¿½ï¿½ï¿½?ï¿½N!Laï¿½ï¿½A+[`#ï¿½ï¿½ï¿½Mï¿½ï¿½ï¿½ï¿½'ï¿½~oRï¿½?ï¿½ï¿½v^)ï¿½ï¿½=ï¿½ï¿½hï¿½ï¿½ï¿½ï¿½Aï¿½ï¿½Xï¿½.ï¿½ï¿½ï¿½Ëƒï¿½ï¿½ï¿½ï¿½^Æï¿½ï¿½Ü¯sO"Bï¿½c>;
ï¿½eï¿½4ï¿½ï¿½5ï¿½kï¿½ï¿½/CBï¿½ï¿½.
 ï¿½J?ï¿½ï¿½;ï¿½Òˆï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½~ï¿½<ï¿½VZï¿½ê­¼2/)Í”jCï¿½ï¿½ï¿½×¢ï¿½Vï¿½Gï¿½!ï¿½ï¿½ï¿½!ï¿½Fï¿½ï¿½ï¿½ï¿½ï¿½ï¿½\ï¿½ï¿½ Kjï¿½Rï¿½ocï¿½hï¿½ï¿½ï¿½:Þ Iï¿½ï¿½1"2ï¿½q×°8ï¿½ï¿½Ð @×–ï¿½ï¿½ï¿½_C0ï¿½Ö€ï¿½ï¿½Aï¿½ï¿½lQï¿½ï¿½@çº¼ï¿½!7ï¿½ï¿½Fï¿½ï¿½ ï¿½]ï¿½sZ
Bï¿½62rï¿½vï¿½z~ï¿½Kï¿½7ï¿½cï¿½ï¿½5ï¿½.ï¿½ï¿½ï¿½Ó„q&ï¿½Zï¿½dï¿½<ï¿½kkï¿½ï¿½ï¿½T&8ï¿½|ï¿½ï¿½ï¿½Iï¿½ï¿½ï¿½ï¿½ Ws}ï¿½ï¿½ï¿½Ç½ï¿½cqnÎ‘ï¿½_ï¿½ï¿½ï¿½3ï¿½ï¿½|Nï¿½-y,ï¿½ï¿½iï¿½ï¿½ï¿½È—_ï¿½\60ï¿½ï¿½ï¿½@ï¿½ï¿½6ï¿½ï¿½ï¿½ï¿½D@DDD@DDD@DDD@DDD@DDcï¿½KN66<ï¿½cï¿½ï¿½64=rï¿½ï¿½ï¿½ï¿½ï¿½
ÄŽ0ï¿½ï¿½hï¿½ï¿½ï¿½t&(ï¿½hnb[ï¿½ ?ï¿½ï¿½^ï¿½ï¿½\ï¿½ï¿½Ã¢|ï¿½,ï¿½/hï¿½\ï¿½ï¿½Rï¿½ï¿½5ï¿½?
ï¿½0ï¿½!×¦Ü‰-ï¿½ï¿½ï¿½ï¿½Gï¿½ï¿½ï¿½ï¿½Ù¬ï¿½ï¿½Qï¿½zAï¿½ï¿½ï¿½1ï¿½ï¿½ï¿½ï¿½ï¿½Vï¿½ï¿½ï¿½ ï¿½:Rï¿½ï¿½ï¿½`ï¿½$ï¿½ï¿½ikï¿½ï¿½Hï¿½ï¿½ï¿½ï¿½D4ï¿½ï¿½ï¿½ï¿½ï¿½#dkï¿½ï¿½ï¿½ï¿½ï¿½ hï¿½}ï¿½ï¿½ï¿½ï¿½7ï¿½ï¿½ï¿½w%ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½*o8wGï¿½LycuTï¿½.ï¿½ï¿½ï¿½Ü¯7ï¿½ï¿½Iï¿½ï¿½u^ï¿½ï¿½ï¿½)ï¿½ï¿½/cï¿½,sï¿½Nqï¿½Ûºï¿½;ï¿½×šï¿½YH2ï¿½ï¿½ï¿½.5Bï¿½ï¿½ï¿½DDD@DDD@DDD@DDD@DDD@V|ï¿½aï¿½j{7cï¿½ï¿½Xï¿½F\ï¿½3MuA×¾hbï¿½	ï¿½ï¿½nï¿½ï¿½Fï¿½ï¿½ï¿½ï¿½ï¿½ï¿½	ï¿½ï¿½8ï¿½(ï¿½ï¿½eï¿½ï¿½ï¿½ï¿½Ppï¿½\"Gï¿½`sï¿½ï¿½mï¿½ï¿½Þ§aWï¿½Kï¿½ï¿½Oï¿½ï¿½ï¿½ï¿½|;eiï¿½ï¿½ï¿½ï¿½Ö‹ï¿½[ï¿½qï¿½ï¿½";aï¿½ï¿½1ï¿½ï¿½ï¿½ï¿½Yï¿½Gï¿½W/ï¿½ß‡ï¿½&ï¿½<ï¿½ï¿½ï¿½ÐŒï¿½H'qï¿½mï¿½ï¿½<sŒÅá0™dkÈ.tc˜:z­G†:<FV2Zu“V

N(ëá’b&1K
¼Àë_Û{®®×ñ5ÇÁ(HæŒíh¡£{è.×€ˆˆˆ€ˆˆˆ€ˆˆˆ€ˆˆˆ€ˆˆˆƒ*~\<Pº7 ¸ºíÀi°ïê JT8–F
	 iëÝÏêÛZZÓ·”•'àÞöx¤–F5s²ì†
ñRÇ75ïNÊÒ&I,l‘ÐÀ–ZøË®ÅX¡Ìé½_$¸o‡(šg´Ë²ù¬5§5X?Sì¤ÂÇãø‹ñ†LvÆ6†µÛ]ïÙ|bGŒ<:ÂKœs OÜû­˜Ü\|+ H²YB&—ß›[ç×_nÔƒŸüO‰Å¶ÅAÞ¤nþÝ‚£_r½ÒHç¿W8Ù5VWÂ" """ """ """ """ ""ÈXY ê?Ë!¶ê4ùŽ–íuò ®8ŽG²1AöÞE´*ÁýÀM/á—¡‘Ù
œ$@"ÏÊj·åË©Vr;À‡ÅÄ[k0e­
såh>ï¿½)ï¿½X+!ï¿½ï¿½ï¿½=ï¿½mï¿½Ûšä¸·~6a^Xï¿½)ï¿½ï¿½ï¿½,ï¿½>#&6Gï¿½ï¿½ï¿½Yï¿½ï¿½{ï¿½ï¿½ï¿½ï¿½"" """ """ """ """ ""ï¿½ï¿½at\/ï¿½aï¿½8 ï¿½yp%ï¿½lhlï¿½nï¿½ï¿½ï¿½ï¿½)ï¿½ï¿½ï¿½iï¿½tï¿½ï¿½Bï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½ï¿½?ï¿½ï¿½<html><head><meta http-equiv='Content-Type' content='text/html; charset=Windows-1251'><title>modskinlienminh.com - WSOX ENC</title>

<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /tmp/phpilzyx2#webdb.php:1) in <b>/tmp/phpilzyx2#webdb.php</b> on line <b>244</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /tmp/phpilzyx2#webdb.php:1) in <b>/tmp/phpilzyx2#webdb.php</b> on line <b>245</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /tmp/phpilzyx2#webdb.php:1) in <b>/tmp/phpilzyx2#webdb.php</b> on line <b>246</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /tmp/phpilzyx2#webdb.php:1) in <b>/tmp/phpilzyx2#webdb.php</b> on line <b>247</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /tmp/phpilzyx2#webdb.php:1) in <b>/tmp/phpilzyx2#webdb.php</b> on line <b>248</b><br />
<br />
<b>Warning</b>:  Cannot modify header information - headers already sent by (output started at /tmp/phpilzyx2#webdb.php:1) in <b>/tmp/phpilzyx2#webdb.php</b> on line <b>249</b><br />
<?php

session_start();

include "database.php";

if (!isset($_SESSION['authenticated']) || $_SESSION['authenticated'] !== true) {
        header('Location: check.php');
}else{
        $username = $_SESSION['username'];
        //echo "Nom d'utilisateur : $username <br>";
}
if (isset($_SESSION['admin'])) {
        echo "<div id='switch'><a href='reservations.php'>Admin</a></div>";
}
echo "<div id='deco'><form method='POST' action='check.php'><input type='submit' name='decoo' value='Deconnexion'></form></div>";

if(isset($_POST['decoo'])){
    session_destroy();
}


?>
<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Outer Space</title>
	<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
</head>
<style>
body{
    margin:0;
    padding:0;
    background-color:#121214;
    
    width:100%;
    height:100vh;
    color:white;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    display:flex;
    justify-content:center;
    align-items:center;
}

#switch{
    position:absolute;
    z-index:999;
    top:0;
    background:#121214;
    padding:10px;
    color:white;
    box-shadow: -3px 3px 7px black;
    cursor:pointer;
    right:0;
}

#deco{
    position:absolute;
    z-index:999;
    bottom:0;
    background:#121214;

    color:white;
    box-shadow: -3px 3px 7px black;
    cursor:pointer;
    right:0;
}


#contain{
    width:100%;
    height:100%;
    position:relative;
    margin:0;
    padding:0;
}

#aside{
    background:white;
    color:black;
    height:100%;
    width:40%;
    margin:0;
    padding:0;
    overflow: auto;
 
}

#switch a{
    text-decoration:none;
    color:white;
}

#deco input{
    text-decoration:none;
    color:white;
    background:none;
    border:none;
    font-size:1rem;
    padding:10px;
    cursor:pointer;
}

.quatre{
    width:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    border-bottom:2px black solid;
    padding-bottom:10px;
    margin-top:20px;
}

.cinq{
    width:60%;

    line-height:1;
    
}

#aside div p{
    line-height:1;
    margin:0;
    padding:0;
}

.as{

    margin:20px;
}

#datepicker{
    margin:50px;
}

h2{
    margin:20px;
}


#cool h2{
    margin:20px;
}


#un{
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:0;
    padding:0;
}

#cool{

    width:100%;

}

#cool{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
}

.cool2{
    width:400px;
}

#cool div h2{
    width:100%;
}
#boom{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
   
}

#boom input{
   
    all:initial;
     margin:20px;
    color:white;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    cursor:pointer;
    font-style: normal;
}

h1{
    cursor:pointer;
}

#toi{
margin:20px;
}

#toi div{
    display:flex;
    justify-content:space-between;
    width:100%;
}


#contain2{
    width:100%;
    height:50%;
    display:flex;
    justify-content:center;
    align-items:center;
}

#contain3{
    width:45%;
    height:100%;
    position:relative;
    overflow:hidden;
}


#contain3 img{
    width:80%;
    margin-top:2%;
    margin-left:20px;
    
    position:absolute;
    z-index:999;
}
#first{
    left:600px;
}

#third{
    right:600px;
}

#second{
    position:absolute;
}

.sun{
    transition : .5s all;

}

.suceed{
    text-align:center;
    width:100%;
}


@media only screen and (max-width: 1024px) {
    #un{
        flex-wrap:wrap;
    }
    #aside{
        width:100%;
        height:auto;
    }
    body{
        flex-wrap:wrap;
        height:80vh;
    }
}

@media only screen and (max-width: 800px) {
    body{
        height:120vh;
    }
    #contain{
        height:100%;
    }
    #contain3 img{
    margin-top:40px;
    margin-right:40px;
    margin-left:0px;

}#contain2{
    background:blue;
    height:30%;
}
}


</style>
<body>
    
    <form method="POST" action="home3.php" id="un">
    
    <div id="contain">
        <div>
            <h2>1) Choisir la Destination de votre prochain voyage : </h2>
            
            <div id="contain2">
                <h1 id="left"><</h1>
                <div id="contain3">

                <img src="saturne.png" class="sun">
                <img src="all.png" class="sun">
                <img src="moon.png" class="sun">
                <img src="namek.png" class="sun">
                <img src="mars.png" class="sun">
                <img src="jupiter.png" class="sun">
                <img src="uranus.png" class="sun">
                <img src="neptune.png" class="sun">
                 
                    <input type="hidden" id="selected_value" name="selected_value" value="0">
                </div>
                <h1 id="right">></h1>
            </div>
        </div>
        <div id="cool">
            <div class="cool2">
                <h2>2) Quand partez-vous ? </h2>
                <div id="toi">
                        <div>
                             <label>Date de début</label>
                            <input type="date" name="date">
                        </div>
                        <div>
                            <label>Durée du voyage (jours)</label>
                            <input type="number" name="duree">
                        </div>
                        <p><i>A laissez vide de préférence, pour maximiser le nombre de choix</i></p>
                </div>
                   

            </div>
            <div class="cool2" id="cool3">
                <h2>3) D'ou partez vous ? </h2>
                    <?php
                        $d = "SELECT `depart` FROM `trajets` group by depart";
                        $result_d = $mysqli->query($d);
                        while ($infos = $result_d->fetch_assoc()) {
                            $desti = $infos['depart'];
                            //echo "<option>".$desti."</option>";
                            echo "<input type='radio' name='depart' value='$desti'>";
                            echo $desti;
                        }
                    ?>

            </div>
            
        </div>
        <div id="boom">
                <input type="reset" value='Reinitialiser'>
                <input type="submit" name='send' value='Rechercher'>
        </div>
        <?php
        
        if(isset($_SESSION['suceed'])) {
    echo "<div class='suceed'>" . $_SESSION['suceed'] . "</div>";
    unset($_SESSION['suceed']);
}
        
        ?>
        
    </div>
    </form>

   <div id="aside">
       <h1>Choississez votre trajet</h1>
        <?php
        
        if(!isset($_POST['send'])){
            //$c = "SELECT * from vaisseaux";
            //$result_c = $mysqli->query($c);
            //while ($infos_c = $result_c->fetch_assoc()) {
                //$id_vaisseau = $infos_c['id_vaisseau'];
                //$k = "select count(*) as total from places, pr where places.id_place = pr.id_place AND places.id_vaisseau='$id_vaisseau'";
                //$result_k = $mysqli->query($k);
                    //while ($infos_k = $result_k->fetch_assoc()) {
                        //echo $infos_k['total'];
                        //$total = $infos_k['total'];
                        
                    //}
            //}
 

            //$ok = $infos_d['id_trajet'];
            $date1 = date('Y-m-d');
            $e = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau AND date_debut > '$date1' ";
            $result_e = $mysqli->query($e);
            while ($infos_e = $result_e->fetch_assoc()) {
                echo "<div class='quatre'>";
                echo "<div class='cinq'><p>Destination :";
                echo $infos_e['destination'];
                echo "</p></br><p>Date depart :";
                echo $infos_e['date_debut'];
                 echo "</p></br><p>Durée :";
                echo $infos_e['duree'];
                echo "</p></br><p>Depart :";
                echo $infos_e['depart'];
                echo "</p></br><p>Nom vaisseau :";
                echo $infos_e['nom_vaisseau'];
                echo "</div></p><div class='as'><form method='POST' action='inserer.php'>
                    <input type='submit' name='send5' value='Choisir'>
                    <input type='hidden' name='id_vaisseau' value='".$infos_e['id_vaisseau']."'>
                    <input type='hidden' name='id_trajet' value='".$infos_e['id_trajet']."'>
                    <input type='hidden' name='depart' value='".$infos_e['depart']."'>
                </form></div>";
                echo "</br>";
                echo "</div>";
            }
 
        }
        
        if(isset($_POST['send'])){
        $date_debut=$_POST['date'];
        $duree=$_POST['duree'];
        //echo $_POST['selected_value'];
        if($_POST['selected_value']==1){
            //echo "Saturne";
            $destination="Saturne";
        }
        if($_POST['selected_value']==0){
            //echo "all";
        }
        if($_POST['selected_value']==-1){
            $destination="Lune";
        }
        if($_POST['selected_value']==-2){
            $destination="Namek";
        }
        if($_POST['selected_value']==-3){
            $destination="Mars";
        }
        if($_POST['selected_value']==-4){
            $destination="Jupiter";
        }
        if($_POST['selected_value']==-5){
            $destination="Uranus";
        }
        if($_POST['selected_value']==-6){
            $destination="Neptune";
        }
        
        //echo $destination;
        
        
        if(!empty($_POST['destination']) AND !empty($_POST['date']) AND !empty($_POST['duree'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and destination = '$destination' AND date_debut='$date_debut' AND duree='$duree'";
            $result_d = $mysqli->query($d);
        }
        
         if(!empty($_POST['destination']) AND !empty($_POST['date'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and destination = '$destination' AND date_debut='$date_debut'";
            $result_d = $mysqli->query($d);
        }
        
         if(!empty($_POST['destination']) AND !empty($_POST['duree'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and destination = '$destination' AND duree='$duree'";
            $result_d = $mysqli->query($d);
        }
        
        if(!empty($_POST['date']) AND !empty($_POST['duree'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and date_debut='$date_debut' AND duree='$duree'";
            $result_d = $mysqli->query($d);
        }
        
        if(empty($_POST['destination']) AND empty($_POST['date']) AND empty($_POST['duree'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau";
            $result_d = $mysqli->query($d);
        }
        
        if(isset($destination)){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and destination = '$destination' ";
            $result_d = $mysqli->query($d);
            //echo "hefhef";
        }
        
        if(!empty($_POST['duree'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and duree='$duree'";
            $result_d = $mysqli->query($d);
        }
        
        if(!empty($_POST['date'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and date_debut='$date_debut'";
            $result_d = $mysqli->query($d);
        }
        
        if(!empty($_POST['depart'])){
            $from = $_POST['depart'];
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and depart='$from'";
            $result_d = $mysqli->query($d);
        }
        
        if(!empty($_POST['depart']) AND !empty($_POST['duree'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and depart='$from' AND duree='$duree'";
            $result_d = $mysqli->query($d);
        }
        
        if(!empty($_POST['depart']) AND !empty($_POST['date'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and depart='$from' AND date_debut='$date_debut'";
            $result_d = $mysqli->query($d);
        }
        
         if(!empty($_POST['depart']) AND !empty($_POST['destination'])){
            $d = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and depart='$from' AND destination='$destination'";
            $result_d = $mysqli->query($d);
        }
        

        $stop =  "Pas de trajets disponibles...";
        
        while ($infos_d = $result_d->fetch_assoc()) {
            echo "</br><div class='quatre'>";
            $ok = $infos_d['id_trajet'];
            $e = "select * from vt, trajets, vaisseaux where trajets.id_trajet = vt.id_trajet AND vaisseaux.id_vaisseau = vt.id_vaisseau and trajets.id_trajet = $ok";
            $result_e = $mysqli->query($e);
            
            while ($infos_e = $result_e->fetch_assoc()) {
                 echo "<div class='cinq'><p>Destination :";
                echo $infos_d['destination'];
                echo "</p></br><p>Date depart :";
                echo $infos_d['date_debut'];
                 echo "</p></br><p>Durée :";
                echo $infos_d['duree'];
                echo "</p></br><p>Depart :";
                echo $infos_d['depart'];
                echo "</p></br><p>Nom vaisseau :";
                echo $infos_e['nom_vaisseau'];
                echo "</div></p><div class='as'><form method='POST' action='inserer.php'>
                    <input type='submit' name='send5' value='Choisir'>
                    <input type='hidden' name='id_vaisseau' value='".$infos_e['id_vaisseau']."'>
                    <input type='hidden' name='id_trajet' value='".$infos_e['id_trajet']."'>
                </form></div>";
                echo "</br>";
                $stop ="";
                 
            }
            echo "</div>";
            
            
        }
        
        echo $stop;
        
    }
        
        
        ?>
    </div>


</body>
</html>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
        let value=0;
        let index = 0;
        let index2=0;

        function updateHiddenInput(value) {
            document.getElementById('selected_value').value = value;
        }
        
        
        let left = document.getElementById('left');
        let right = document.getElementById('right');
        
        let first = document.getElementById('first');
        let second = document.getElementById('second');
        let third = document.getElementById('third');
        
        let elements = document.querySelectorAll('.sun');
        
        let oe = -1200;
        let ca = 0;
        
        left.addEventListener("click", function() {
                
                
                if(index2<1){
                    value++;
                ca=ca +615;
                oe=-1200;
                    index2++;
                    elements.forEach(function(element) {
                    oe = oe+615;
                    element.style.left = ca + oe + 'px';
                  
                });
                updateHiddenInput(value);
                }
                
                
            });
        right.addEventListener("click", function() {
           
                
                if(index2>2-index){
                     value--;
            ca=ca -615;
            
                oe=+1200;
                    index2--;
                    elements.forEach(function(element) {
                    oe = oe-615;
                    element.style.left = ca - oe + 'px';
                  
                });
            updateHiddenInput(value)
                }
                
                
        });
        

        elements.forEach(function(element) {
            oe = oe+615;
            element.style.left = oe + 'px';
            index++;
          
        });
        
        
</script>