<?php






ini_set('session.gc_maxlifetime', 30*60);

session_start();

include '../../../includes/config.php';



$D_ID = $_SESSION['D_Log'];




if (!$_SESSION['D_Log'])
echo '<script language="JavaScript">
 document.location="../../Drivers-Sign-In.php";
</script>';







$sql3 = mysqli_query($dbConn,"select * from drivers where ID='$D_ID'");
					$row3 = mysqli_fetch_array($sql3);
$Name=$row3['Name'];
$Phone_Number=$row3['Phone_Number'];
$Gender=$row3['Gender'];
$Photo=$row3['Photo'];
$lon=$row3['Longitude'];
$lat=$row3['Latitude'];
$Total_Rates=$row3['Total_Rates'];
$Car_Type=$row3['Car_Type'];
$Car_Color=$row3['Car_Color'];
$Penalty_Balance=$row3['Penalty_Balance'];
$Credit_Balance=$row3['Credit_Balance'];
$Total_Need_Balance=$row3['Total_Need_Balance'];
$Avalability_Status=$row3['Avalability_Status'];



$lng1 = $_GET['lng1'];
$lat1 = $_GET['lat1'];
	
$lng2 = $_GET['lng2'];
$lat2 = $_GET['lat2'];	
	
$From_Location = $_GET['From_Location'];
$To_Location = $_GET['To_Location'];
	
$Date = $_GET['Date'];
$Time = date("H:i");
$Total_KM_Distance = $_GET['Total_KM_Distance'];
$Max_Limit_Riders = $_GET['Max_Limit_Riders'];
$DGender=$_GET['Gender'];




$sql1 = mysqli_query($dbConn,"insert into trips (Driver_ID,Trip_Type,Gender_Type,From_Location,To_Location,From_Longitude,From_Latitude,To_Longitude,To_Latitude,Date,From_Time,To_Time,Max_Limit_Riders,Current_Total_Riders,Estimation_Time,Total_KM_Distance,Status) values 
('$D_ID','Shared','Mix','$From_Location','$To_Location','$lng1','$lat1','$lng2','$lat2','$Date','$Time','','$Max_Limit_Riders','0','','$Total_KM_Distance','In process')");

$sql2 = mysqli_query($dbConn,"select * from trips where Driver_ID='$D_ID' AND Status='In process' AND From_Location='$From_Location' AND To_Location='$To_Location'");
$row2 = mysqli_fetch_array($sql2);
$Trip_ID = $row2['ID'];










?>

<!doctype html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="../../../css/bootstrap.min.css">
    <!-- FontAwesome -->
    <link rel="stylesheet" href="../../../css/fontawesome.css">
    <!-- Main Style -->
    <link rel="stylesheet" href="../../../css/styles.css">
    <title>نحن نستعد لرحلتك</title>
	
	    <link rel="shortcut icon" href="../../../images/icon.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=0"/>








	<style>
@font-face {
   font-family: myFirstFont;
   src: url(../../../fonts/GE-SS-Two-Bold.otf);
   font-size:8px;
}

body {
   font-family: myFirstFont !important;
}


@font-face {
   font-family: myFirstFont2;
   src: url(../../../fonts/GE-SS-Two-Bold.otf);
   font-size:8px;
}



</style>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>


 <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDemEmJPVUC9PoCzTLZLZdhwJLt5fu5XUc&libraries=places"></script>
  <script>
    function initMap11() {
      const map = new google.maps.Map(document.getElementById('map'), {
        center: { lat: <?php echo $lat1; ?>, lng: <?php echo $lng1; ?> },
        zoom: 10,
      });

      const directionsService = new google.maps.DirectionsService();
      const directionsRenderer = new google.maps.DirectionsRenderer({ map: map });

      const request = {
        origin: new google.maps.LatLng(<?php echo $lat1; ?>, <?php echo $lng1; ?>),
        destination: new google.maps.LatLng(<?php echo $lat2; ?>, <?php echo $lng2; ?>),
        travelMode: google.maps.TravelMode.DRIVING,
      };

      directionsService.route(request, function (response, status) {
        if (status === 'OK') {
          directionsRenderer.setDirections(response);
          const route = response.routes[0].overview_path;

          const numberOfSpots = 10; // Number of spots you want to split the route into
          const step = Math.floor(route.length / numberOfSpots);

          const spots = [];

          for (let i = 0; i < numberOfSpots; i++) {
            const spot = route[i * step];
            spots.push(spot);
            new google.maps.Marker({
              position: spot,
              map: map,
              label: (i + 1).toString(),
            });
          }

          const spotsList = document.getElementById('spots-list');
          spots.forEach((spot, index) => {
            const listItem = document.createElement('li');
            listItem.textContent = `Spot ${index + 1}: Latitude: ${spot.lat().toFixed(6)}, Longitude: ${spot.lng().toFixed(6)}`;
            spotsList.appendChild(listItem);
			
			
			
			
			$.ajax({
    type: "POST",
    url: "save-spots.php?Trip_ID=<?php echo $Trip_ID; ?>",
    data: {
      index: index + 1,
      latitude: spot.lat().toFixed(6),
      longitude: spot.lng().toFixed(6),
    },
    success: function (response) {
      console.log("Data saved successfully");
    },
    error: function (error) {
      console.error("Error saving data: ", error);
    },
  });
  
  
  
  
          });
        }
      });
    }
  </script>

</head>
<body onload="initMap11()">

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script type="text/javascript">
        function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(function(position) {
                    var latitude = position.coords.latitude;
                    var longitude = position.coords.longitude;

                    // Send this to your PHP script via AJAX or other means
                    sendDataToServer(latitude, longitude);
                });
            } else {
                alert("Geolocation is not supported by this browser.");
            }
        }

        function sendDataToServer(latitude, longitude) {
            // Using fetch API to send data to PHP
            fetch('update-my-location-1.php?D_ID=<?php echo $D_ID; ?>	', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify({
                    latitude: latitude,
                    longitude: longitude
                })
            })
            .then(response => response.json())
            .then(data => {
                console.log('Success:', data);
            })
            .catch((error) => {
                console.error('Error:', error);
            });
        }

        // Keep updating every 5 seconds
        setInterval(getLocation, 5000);
    </script>


<!--Loading Container Start-->
<div id="load" class="loading-overlay display-flex flex-column justify-content-center align-items-center">
    <div class="primary-color font-28 fas fa-spinner fa-spin"></div>
</div>
<!--Loading Container End-->


<div class="row h-100">
    <div class="col-xs-12 col-sm-12 remaining-height">

        <!--Page Title & Icons Start-->
        <div class="header-icons-container position-relative text-center">
            <span class="float-left menu-open closed">
                    <img src="../../../icons/menu.svg" alt="Menu Hamburger Icon">
            </span>
            <span class="title"><br>نحن نستعد لرحلتك ...</span>
            
 <span class="float-right" style="margin-top:-27px !important">
 <img src="../../../images/icon.png" alt="Logo" width="14px" height="20px">
                </span>
				
        </div>
        <!--Page Title & Icons End-->

       
  
   
				
		<div class="text-center header-icon-logo-margin header-icon-logo-margin-extra">
                <img src="../../../images/logo.png" width="100%" alt="Main Logo">
            </div>




<div id="load" class="loading-overlay display-flex flex-column justify-content-center align-items-center">
    <div class="primary-color font-28 fas fa-spinner fa-spin"></div>
</div>



<script type="text/javascript">   
    function Redirect() 
    {  
        window.location="shared-mix-gender-4.php?Trip_ID=<?php echo $Trip_ID; ?>&Max_Limit_Riders=<?php echo $Max_Limit_Riders; ?>&Time=<?php echo $Time; ?>&Gender=<?php echo $Gender; ?>&&Total_KM_Distance=<?php echo $Total_KM_Distance; ?>&Date=<?php echo $Date; ?>&From_Location=<?php echo $From_Location; ?>&To_Location=<?php echo $To_Location; ?>&lng1=<?php echo $lng1; ?>&lat1=<?php echo $lat1; ?>&lng2=<?php echo $lng2; ?>&lat2=<?php echo $lat2; ?>&D_ID=<?php echo $D_ID; ?>"; 
    } 
    setTimeout('Redirect()', 5000);   
</script>


  <div id="map" style="height: 0px;"></div>
  <ul style="visibility: hidden" id="spots-list"></ul>


        
    </div>

        <!--Main Menu Start-->
    <?php
   include 'menu.php';
   ?>

</body>
</html>