<?php
include_once(dirname(__FILE__) . '/../class/include.php');
include_once(dirname(__FILE__) . '/auth.php');
$id = $_GET['id'];
$ROOM_PHOTO = RoomPhoto::getRoomPhotosById($id);
?>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<title>Room Photos</title>
<!-- Favicon-->
<link rel="icon" href="favicon.ico" type="image/x-icon">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" type="text/css">
<link href="plugins/bootstrap/css/bootstrap.css" rel="stylesheet">
<link href="plugins/node-waves/waves.css" rel="stylesheet" />
<link href="plugins/animate-css/animate.css" rel="stylesheet" />
<link href="plugins/sweetalert/sweetalert.css" rel="stylesheet" />
<link href="css/style.css" rel="stylesheet">
<link href="css/themes/all-themes.css" rel="stylesheet" />
</head>
<body class="theme-red">
<?php
include './navigation-and-header.php';
?>
<section class="content">
<div class="container-fluid">
<!-- Vertical Layout -->
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="header">
<h2>Arrange Room photos</h2>
<ul class="header-dropdown">
<li class="">
<a href="view-room-photos.php?id=<?php echo $id ;?>">
<i class="material-icons">list</i>
</a>
</li>
</ul>
</div>
<div class="body">
<form method="post" action="post-and-get/room-photo.php" class="form-horizontal" >
<div class="panel-body">
<div class="row">
<div class="col-md-12 arrange-container">
<ul id="sortable">
<?php
if (count($ROOM_PHOTO) > 0) {
foreach ($ROOM_PHOTO as $key => $img) {
?>
<div class="col-md-3" style="list-style: none;">
<li class="ui-state-default">
<span class="number-class">(<?php echo $key + 1; ?>)</span>
<img class="img-responsive" src="../upload/room/gallery/thumb/<?php echo $img["image_name"]; ?>" alt=""/>
<input type="hidden" name="sort[]" value="<?php echo $img["id"]; ?>" class="sort-input"/>
</li>
</div>
<?php
}
} else {
?>
<b>No images in the database.</b>
<?php } ?>
</ul>
<div class="row">
<div class="col-sm-12 text-center" style="margin-top: 19px;">
<input type="submit" class="btn btn-info" id="btn-submit" value="Save Images" name="save-data">
</div>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<!-- #END# Vertical Layout -->
</div>
</section>
<!-- Jquery Core Js -->
<script src="plugins/jquery/jquery.min.js"></script>
<script src="plugins/bootstrap/js/bootstrap.js"></script>
<script src="plugins/jquery-slimscroll/jquery.slimscroll.js"></script>
<script src="plugins/node-waves/waves.js"></script>
<script src="js/admin.js"></script>
<script src="js/demo.js"></script>
<script src="js/add-new-ad.js" type="text/javascript"></script>
<script src="delete/js/slider.js" type="text/javascript"></script>
<script src="plugins/sweetalert/sweetalert.min.js"></script>
<script src="plugins/bootstrap-notify/bootstrap-notify.js"></script>
<script src="js/pages/ui/dialogs.js"></script>
<script src="plugins/jquery-ui/jquery-ui.js" type="text/javascript"></script>
<script src="tinymce/js/tinymce/tinymce.min.js"></script>
<script>
tinymce.init({
selector: "#description",
// ===========================================
// INCLUDE THE PLUGIN
// ===========================================
plugins: [
"advlist autolink lists link image charmap print preview anchor",
"searchreplace visualblocks code fullscreen",
"insertdatetime media table contextmenu paste"
],
// ===========================================
// PUT PLUGIN'S BUTTON on the toolbar
// ===========================================
toolbar: "insertfile undo redo | styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist outdent indent | link image jbimages",
// ===========================================
// SET RELATIVE_URLS to FALSE (This is required for images to display properly)
// ===========================================
relative_urls: false
});
</script>
<script>
$(function () {
$("#sortable").sortable();
$("#sortable").disableSelection();
});
</script>
</body>
</html> |