My module does not work properly. I cannot figure out why. Does anyone know why the module wouldn't work and how to fix it? I suppose something is conflicting with it but I don't know what, or some code is bad. All this code worked on a previous page of mine and the panel class use to be a module. and when I changed it to a panel class I tried changing the rest of the code but can't figure out how this is happening.
Code:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link type="text/css" rel="stylesheet" href="css/bootstrap.min.css" />
<link type="text/css" rel="stylesheet" href="css/custom.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link type='text/css' rel='stylesheet' href='css/modal.css' />
<title>Website</title>
</head>
<body>
<?php
include("includes/loggedInNav.php");
?>
<script>
globalJsonArr = [];
var currId;
</script>
<br>
<br>
<br>
<br>
<br>
<?php
$id = urldecode($_GET['id']);
include("settings.php");
if($id){
$query = "SELECT * FROM housing WHERE active=1 and id='$id'";
$resultSet = mysqli_query($link, $query);
$num = mysqli_num_rows($resultSet);
for($i = $num - 1; $i >= 0; $i--) {
$row = mysqli_fetch_assoc($resultSet);
$id = $row['id'];
$university = $row['university'];
$complexname = $row['complexname'];
$contractprice = $row['contractprice'];
$negotiable = $row['negotiable'];
$gender = $row['gender'];
$crossstreets = $row['crossstreets'];
$incentives = $row['incentives'];
$contractlength = $row['contractlength'];
$numberofrooms = $row['numberofrooms'];
$renewable = $row['renewable'];
$roommates = $row['roommates'];
$roomtype = $row['roomtype'];
$approvedhousing = $row['approvedhousing'];
$moveindate = $row['moveindate'];
$monthlyutilities = $row['monthlyutilities'];
$image = $row['image'];
$image2 = $row['image2'];
$image3 = $row['image3'];
$description = $row['description'];
$email = $row['email'];
$active = $row['active'];
$date = $row['datePosted'];
$username = $row['username'];
?>
<script>
var jsonObj = {
id: "<?php echo $id ?>",
university: "<?php echo $university ?>",
complexname: "<?php echo $complexname ?>",
contractprice: "<?php echo $contractprice ?>",
negotiable: "<?php echo $negotiable ?>",
gender: "<?php echo $gender ?>",
crossstreets: "<?php echo $crossstreets ?>",
incentives: "<?php echo $incentives ?>",
contractlength: "<?php echo $contractlength ?>",
numberofrooms: "<?php echo $numberofrooms ?>",
renewable: "<?php echo $renewable ?>",
roommates: "<?php echo $roommates ?>",
roomtype: "<?php echo $roomtype ?>",
approvedhousing: "<?php echo $approvedhousing ?>",
moveindate: "<?php echo $moveindate ?>",
monthlyutilities: "<?php echo $monthlyutilities ?>",
image: "<?php echo $image ?>",
image2: "<?php echo $image2 ?>",
image3: "<?php echo $image3 ?>",
description: "<?php echo $description ?>",
email: "<?php echo $email ?>",
active: "<?php echo $active ?>",
date: "<?php echo $date ?>",
username: "<?php echo $username ?>"
};
var id = <?php echo $id ?>;
globalJsonArr[id] = jsonObj;
</script>
<?php
}
}
?>
<div class="container">
<div class='panel panel-primary' id="myModal">
<div class='panel-heading'>
<h2 id='complexname1'></h2>
<h4 id='university1'></h4>
</div>
<div class='panel-body'>
<div class='container' style='width:100%'>
<div class='row'>
<div class='col col-md-6'>
<div id='myCarousel' class='carousel slide' data-ride='carousel' data-interval='20000' width='auto' height='auto'>
<ol class='carousel-indicators'>
<li data-target='#myCarousel' data-slide-to='0' class='active'></li>
<li data-target='#myCarousel' data-slide-to='1'></li>
<li data-target='#myCarousel' data-slide-to='2'></li>
</ol>
<div class='carousel-inner' role='listbox'>
<div class="item active">
<a id="modalImageLink"><img id="modalImage"></a>
</div>
<div class="item">
<a id="modalImage2Link"><img id="modalImage2"></a>
</div>
<div class="item">
<a id="modalImage3Link"><img id="modalImage3"></a>
</div>
<a class='left carousel-control' href='#myCarousel' role='button' data-slide='prev'>
<span class='glyphicon glyphicon-chevron-left' aria-hidden='true'></span>
<span class='sr-only'>Previous</span>
</a>
<a class='right carousel-control' href='#myCarousel' role='button' data-slide='next'>
<span class='glyphicon glyphicon-chevron-right' aria-hidden='true'></span>
<span class='sr-only'>Next</span>
</a>
</div>
</div>
</div>
<div class='col col-md-6' id='here' style='display:inline-block;'>
<ul style='width:100%'>
<li id='university'></li>
<li id='complexname'></li>
<li id='contractprice'></li>
<li id='negotiable'></li>
<li id='gender'></li>
<li id='crossstreets'></li>
<li id='contractlength'></li>
<li id='numberofrooms'></li>
<li id='renewable'></li>
<li id='roommates'></li>
<li id='roomtype'></li>
<li id='approvedhousing'></li>
<li id='moveindate'></li>
<li id='monthlyutilities'></li>
<li id='incentives'></li>
<li id='description'></li>
</ul>
</div>
</div>
</div>
</div>
<div class='panel-footer'>
<button class='btn btn-danger' data-toggle="modal" data-target="#myModal3">Report Posting</button>
<button class='btn btn-primary pull-right' data-toggle="modal" data-target="#myModal2">Make Offer</button>
</div>
</div> <!--End Div for Panal Main-->
</div> <!--End div for Container-->