├── head.php
├── book_msg.php
├── register_msg.php
├── about.php
├── readme.txt
├── header.php
├── registration.php
├── booking.php
├── view_art.php
├── footer.php
├── home.php
├── view_event.php
├── venue.php
└── index.php


/head.php:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/book_msg.php:
--------------------------------------------------------------------------------
 1 | <div class="container-fluid">
 2 | 	<p>We will contact you soon for the verification of your book request. Thank you</p>
 3 | </div>
 4 | <div class="modal-footer display">
 5 | 	<div class="row">
 6 | 		<div class="col-md-12">
 7 | 			<button class="btn btn-secondary float-right" type="button" data-dismiss="modal">Close</button>
 8 | 		</div>
 9 | 	</div>
10 | </div>
11 | <style>
12 | 	#uni_modal .modal-footer{
13 | 		display: none;
14 | 	}
15 | 	#uni_modal .modal-footer.display{
16 | 		display: block;
17 | 	}
18 | </style>


--------------------------------------------------------------------------------
/register_msg.php:
--------------------------------------------------------------------------------
 1 | <div class="container-fluid">
 2 | 	<p>We will contact you soon for the verification of your registration request. Thank you</p>
 3 | </div>
 4 | <div class="modal-footer display">
 5 | 	<div class="row">
 6 | 		<div class="col-md-12">
 7 | 			<button class="btn btn-secondary float-right" type="button" data-dismiss="modal">Close</button>
 8 | 		</div>
 9 | 	</div>
10 | </div>
11 | <style>
12 | 	#uni_modal .modal-footer{
13 | 		display: none;
14 | 	}
15 | 	#uni_modal .modal-footer.display{
16 | 		display: block;
17 | 	}
18 | </style>


--------------------------------------------------------------------------------
/about.php:
--------------------------------------------------------------------------------
 1 |  <!-- Masthead-->
 2 |         <header class="masthead">
 3 |             <div class="container h-100">
 4 |                 <div class="row h-100 align-items-center justify-content-center text-center">
 5 |                     <div class="col-lg-10 align-self-end mb-4" style="background: #0000002e;">
 6 |                     	 <h1 class="text-uppercase text-white font-weight-bold">About Us</h1>
 7 |                         <hr class="divider my-4" />
 8 |                     </div>
 9 |                     
10 |                 </div>
11 |             </div>
12 |         </header>
13 | 
14 |     <section class="page-section">
15 |         <div class="container">
16 |     <?php echo html_entity_decode($_SESSION['system']['about_content']) ?>        
17 |             
18 |         </div>
19 |         </section>


--------------------------------------------------------------------------------
/readme.txt:
--------------------------------------------------------------------------------
 1 | Free Download Source Code "Event_Management_System"
 2 | 
 3 | FIRST Download
 4 | 
 5 | 1.XAMPP
 6 | 
 7 | 2."TEXT EDITOR" NOTEPAD++ OR SUBLIME TEXT 3 / ETC.
 8 | 
 9 | 3"Event_Management_System"
10 | 
11 | 4. Download the zip file/ download winrar
12 | 
13 | 5. Extract the file and copy "Event_Management_System" folder
14 | 
15 | 6.Paste inside root directory/ where you install xammp local disk C: drive D: drive E: paste: (for xampp/htdocs, 
16 | 
17 | 7. Open PHPMyAdmin (http://localhost/phpmyadmin)
18 | 
19 | 8. Create a database with name event_db
20 | 
21 | 6. Import event_db.sql file(given inside the zip package in SQL file folder)
22 | 
23 | 7.Run the script http://localhost/Event_Management_System
24 | 
25 | 
26 | **LOGIN DETAILS** 
27 | Admin
28 | user: admin
29 | pass: admin123
30 | 
31 | ****** https:1sourcecodr.blogspot.com ******
32 | Subcribe my You tube Channel **** 1 Source code ****


--------------------------------------------------------------------------------
/header.php:
--------------------------------------------------------------------------------
 1 |  		<meta charset="utf-8" />
 2 |         <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
 3 |         <meta name="description" content="" />
 4 |         <meta name="author" content="" />
 5 |         <title><?php echo $_SESSION['system']['name'] ?></title>
 6 |         <!-- Favicon-->
 7 |         <link rel="icon" type="image/x-icon" href="assets/img/favicon.ico" />
 8 |         <!-- Font Awesome icons (free version)-->
 9 |         <script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
10 |         <!-- Google fonts-->
11 |         <link href="https://fonts.googleapis.com/css?family=Merriweather+Sans:400,700" rel="stylesheet" />
12 |         <link href="https://fonts.googleapis.com/css?family=Merriweather:400,300,300italic,400italic,700,700italic" rel="stylesheet" type="text/css" />
13 |         <!-- Third party plugin CSS-->
14 |         <link href="admin/assets/css/jquery.datetimepicker.min.css" rel="stylesheet">
15 |         <link href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/magnific-popup.min.css" rel="stylesheet" />
16 |         <!-- Core theme CSS (includes Bootstrap)-->
17 |         <link href="admin/assets/vendor/bootstrap-datepicker/css/bootstrap-datepicker.css" rel="stylesheet" />
18 |         <link href="css/styles.css" rel="stylesheet" />
19 |          <link href="admin/assets/css/select2.min.css" rel="stylesheet">
20 | 
21 |         <script src="admin/assets/vendor/jquery/jquery.min.js"></script>
22 |         <script src="admin/assets/vendor/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
23 | 
24 |     <script type="text/javascript" src="admin/assets/js/select2.min.js"></script>
25 | 
26 |     <script type="text/javascript" src="admin/assets/js/jquery.datetimepicker.full.min.js"></script>
27 | 
28 | 
29 | 
30 | 
31 | 


--------------------------------------------------------------------------------
/registration.php:
--------------------------------------------------------------------------------
 1 | <div class="container-fluid">
 2 | 	<form action="" id="manage-register">
 3 | 		<input type="hidden" name="id" value="<?php echo isset($id) ? $id :'' ?>">
 4 | 		<input type="hidden" name="event_id" value="<?php echo isset($_GET['event_id']) ? $_GET['event_id'] :'' ?>">
 5 | 		<div class="form-group">
 6 | 			<label for="" class="control-label">Full Name</label>
 7 | 			<input type="text" class="form-control" name="name"  value="<?php echo isset($name) ? $name :'' ?>" required>
 8 | 		</div>
 9 | 		<div class="form-group">
10 | 			<label for="" class="control-label">Address</label>
11 | 			<textarea cols="30" rows = "2" required="" name="address" class="form-control"><?php echo isset($address) ? $address :'' ?></textarea>
12 | 		</div>
13 | 		<div class="form-group">
14 | 			<label for="" class="control-label">Email</label>
15 | 			<input type="email" class="form-control" name="email"  value="<?php echo isset($email) ? $email :'' ?>" required>
16 | 		</div>
17 | 		<div class="form-group">
18 | 			<label for="" class="control-label">Contact #</label>
19 | 			<input type="text" class="form-control" name="contact"  value="<?php echo isset($contact) ? $contact :'' ?>" required>
20 | 		</div>
21 | 	</form>
22 | </div>
23 | <script>
24 | 	 $('.datetimepicker').datetimepicker({
25 | 	      format:'Y/m/d H:i',
26 | 	      startDate: '+3d'
27 | 	  })
28 | 	$('#manage-register').submit(function(e){
29 | 		e.preventDefault()
30 | 		start_load()
31 | 		$('#msg').html('')
32 | 		$.ajax({
33 | 			url:'admin/ajax.php?action=save_register',
34 | 			data: new FormData($(this)[0]),
35 | 		    cache: false,
36 | 		    contentType: false,
37 | 		    processData: false,
38 | 		    method: 'POST',
39 | 		    type: 'POST',
40 | 			success:function(resp){
41 | 				if(resp==1){
42 | 					alert_toast("Registration Request Sent.",'success')
43 | 						end_load()
44 | 						uni_modal("","register_msg.php")
45 | 
46 | 				}
47 | 			}
48 | 		})
49 | 	})
50 | </script>


--------------------------------------------------------------------------------
/booking.php:
--------------------------------------------------------------------------------
 1 | <div class="container-fluid">
 2 | 	<form action="" id="manage-book">
 3 | 		<input type="hidden" name="id" value="<?php echo isset($id) ? $id :'' ?>">
 4 | 		<input type="hidden" name="venue_id" value="<?php echo isset($_GET['venue_id']) ? $_GET['venue_id'] :'' ?>">
 5 | 		<div class="form-group">
 6 | 			<label for="" class="control-label">Full Name</label>
 7 | 			<input type="text" class="form-control" name="name"  value="<?php echo isset($name) ? $name :'' ?>" required>
 8 | 		</div>
 9 | 		<div class="form-group">
10 | 			<label for="" class="control-label">Address</label>
11 | 			<textarea cols="30" rows = "2" required="" name="address" class="form-control"><?php echo isset($address) ? $address :'' ?></textarea>
12 | 		</div>
13 | 		<div class="form-group">
14 | 			<label for="" class="control-label">Email</label>
15 | 			<input type="email" class="form-control" name="email"  value="<?php echo isset($email) ? $email :'' ?>" required>
16 | 		</div>
17 | 		<div class="form-group">
18 | 			<label for="" class="control-label">Contact #</label>
19 | 			<input type="text" class="form-control" name="contact"  value="<?php echo isset($contact) ? $contact :'' ?>" required>
20 | 		</div>
21 | 		<div class="form-group">
22 | 			<label for="" class="control-label">Duration</label>
23 | 			<input type="text" class="form-control" name="duration"  value="<?php echo isset($duration) ? $duration :'' ?>" required>
24 | 		</div>
25 | 		<div class="form-group">
26 | 			<label for="" class="control-label">Desired Event Schedule</label>
27 | 			<input type="text" class="form-control datetimepicker" name="schedule"  value="<?php echo isset($schedule) ? $schedule :'' ?>" required>
28 | 		</div>
29 | 	</form>
30 | </div>
31 | <script>
32 | 	 $('.datetimepicker').datetimepicker({
33 | 	      format:'Y/m/d H:i',
34 | 	      startDate: '+3d'
35 | 	  })
36 | 	$('#manage-book').submit(function(e){
37 | 		e.preventDefault()
38 | 		start_load()
39 | 		$('#msg').html('')
40 | 		$.ajax({
41 | 			url:'admin/ajax.php?action=save_book',
42 | 			data: new FormData($(this)[0]),
43 | 		    cache: false,
44 | 		    contentType: false,
45 | 		    processData: false,
46 | 		    method: 'POST',
47 | 		    type: 'POST',
48 | 			success:function(resp){
49 | 				if(resp==1){
50 | 					alert_toast("book Request Sent.",'success')
51 | 						end_load()
52 | 						uni_modal("","book_msg.php")
53 | 
54 | 				}
55 | 			}
56 | 		})
57 | 	})
58 | </script>


--------------------------------------------------------------------------------
/view_art.php:
--------------------------------------------------------------------------------
 1 | <?php include 'admin/db_connect.php' ?>
 2 | <?php
 3 | if(isset($_GET['id'])){
 4 | $qry = $conn->query("SELECT a.*,u.name as aname FROM arts a inner join users u on u.id = a.artist_id where a.id= ".$_GET['id']);
 5 | foreach($qry->fetch_array() as $k => $val){
 6 | 	$$k=$val;
 7 | }
 8 | 
 9 | $fs = $conn->query("SELECT * FROM arts_fs where art_id = $id ");
10 |         if($fs->num_rows > 0):
11 |             $fs_aid = $fs->fetch_array();
12 |         endif;
13 | 
14 | }
15 | 
16 | ?>
17 | <style type="text/css">
18 | 	.imgs{
19 | 		margin: .5em;
20 | 		max-width: calc(100%);
21 | 		max-height: calc(100%);
22 | 	}
23 | 	.imgs img{
24 | 		max-width: calc(100%);
25 | 		max-height: calc(100%);
26 | 		cursor: pointer;
27 | 	}
28 | 	#content{
29 | 		border-left:1px solid gray;
30 | 	}
31 | 	header.masthead {
32 | 		min-height: 20vh !important;
33 | 		height: 20vh !important
34 | 	}
35 | </style>
36 | <header class="masthead">
37 | 
38 | </header>
39 | <section>
40 | <div class="container-field">
41 | 	<div class="col-lg-12">
42 | 		<div class="card">
43 | 			<div class="card-body">
44 | 				<div class="row">
45 | 					<div class="col-md-4">
46 | 						<div class="row">
47 | 						<?php 
48 | 					  		$images = array();
49 | 					  		if(isset($id)){
50 | 					  			$fpath = 'admin/assets/uploads/artist_'.$id;
51 | 					  			$images= scandir($fpath);
52 | 					  		}
53 | 					  		foreach($images as $k => $v):
54 | 					  			if(!in_array($v,array('.','..'))):
55 | 			  					
56 | 					  	?>
57 | 					  		<div class="imgs">
58 | 					  			<img src="<?php echo $fpath.'/'.$v ?>" alt="">
59 | 					  		</div>
60 | 					  	<?php
61 | 					  			else:
62 | 			  						unset($images[$v]);
63 | 					  			endif;
64 | 				  			endforeach;
65 | 					  	?>
66 | 					</div>
67 | 					</div>
68 | 					<div class="col-md-8" id="content">
69 | 						<h4 class="text-center"><b><?php echo ucwords($art_title) ?></b></h4>
70 | 						<hr class="divider">
71 | 						<center><small><?php echo ucwords($aname) ?></small></center>
72 | 						<center>
73 | 							 <?php if(isset($fs_aid)): ?>
74 |                                     <div>
75 |                                         <span class="badge badge-success">For Sale</span>
76 |                                         <span class="badge badge-secondary"><i class="fa fa-tag"></i> <?php echo number_format($fs_aid['price'],2) ?></span>
77 |                                         <span  class="badge badge-primary"><a href="javascript:void(0)" class="order_this text-white" data-id="<?php echo $fs_aid['id'] ?>">Buy</a></span>
78 |                                     </div>
79 |                                 <?php endif; ?>
80 | 						</center>
81 | 						<br>
82 | 						<?php echo html_entity_decode($art_description); ?>
83 | 					</div>
84 | 				</div>
85 | 			</div>
86 | 		</div>
87 | 	</div>
88 | </div>
89 | </section>
90 | <script>
91 | 	$('.imgs img').click(function(){
92 | 		viewer_modal($(this).attr('src'))
93 | 	})
94 | 	$('.order_this').click(function(){
95 | 		uni_modal("Request Order","manage_order.php?fs_id="+$(this).attr('data-id'))
96 | 	})
97 | </script>


--------------------------------------------------------------------------------
/footer.php:
--------------------------------------------------------------------------------
  1 |  <style>
  2 |    .modal-dialog.large {
  3 |     width: 80% !important;
  4 |     max-width: unset;
  5 |   }
  6 |   .modal-dialog.mid-large {
  7 |     width: 50% !important;
  8 |     max-width: unset;
  9 |   }
 10 |  </style>
 11 |  
 12 |  <script>
 13 |  	$('.datepicker').datepicker({
 14 |  		format:"yyyy-mm-dd"
 15 |  	})
 16 |  	 window.start_load = function(){
 17 |     $('body').prepend('<di id="preloader2"></di>')
 18 |   }
 19 |   window.end_load = function(){
 20 |     $('#preloader2').fadeOut('fast', function() {
 21 |         $(this).remove();
 22 |       })
 23 |   }
 24 | 
 25 |  	window.uni_modal = function($title = '' , $url='',$size=''){
 26 |     start_load()
 27 |     $.ajax({
 28 |         url:$url,
 29 |         error:err=>{
 30 |             console.log()
 31 |             alert("An error occured")
 32 |         },
 33 |         success:function(resp){
 34 |             if(resp){
 35 |                 $('#uni_modal .modal-title').html($title)
 36 |                 $('#uni_modal .modal-body').html(resp)
 37 |                 if($size != ''){
 38 |                     $('#uni_modal .modal-dialog').addClass($size)
 39 |                 }else{
 40 |                     $('#uni_modal .modal-dialog').removeAttr("class").addClass("modal-dialog modal-md")
 41 |                 }
 42 |                 $('#uni_modal').modal({
 43 |                   show:true,
 44 |                   backdrop:'static',
 45 |                   keyboard:false,
 46 |                   focus:true
 47 |                 })
 48 |                 end_load()
 49 |             }
 50 |         }
 51 |     })
 52 | }
 53 |   window.uni_modal_right = function($title = '' , $url=''){
 54 |     start_load()
 55 |     $.ajax({
 56 |         url:$url,
 57 |         error:err=>{
 58 |             console.log()
 59 |             alert("An error occured")
 60 |         },
 61 |         success:function(resp){
 62 |             if(resp){
 63 |                 $('#uni_modal_right .modal-title').html($title)
 64 |                 $('#uni_modal_right .modal-body').html(resp)
 65 |                 
 66 |                 $('#uni_modal_right').modal('show')
 67 |                 end_load()
 68 |             }
 69 |         }
 70 |     })
 71 | }
 72 | window.viewer_modal = function($src = ''){
 73 |     start_load()
 74 |     var t = $src.split('.')
 75 |     t = t[1]
 76 |     if(t =='mp4'){
 77 |       var view = $("<video src='"+$src+"' controls autoplay></video>")
 78 |     }else{
 79 |       var view = $("<img src='"+$src+"' />")
 80 |     }
 81 |     $('#viewer_modal .modal-content video,#viewer_modal .modal-content img').remove()
 82 |     $('#viewer_modal .modal-content').append(view)
 83 |     $('#viewer_modal').modal({
 84 |                   show:true,
 85 |                   focus:true
 86 |                 })
 87 |                 end_load()  
 88 | 
 89 | }
 90 | window.alert_toast= function($msg = 'TEST',$bg = 'success'){
 91 |       $('#alert_toast').removeClass('bg-success')
 92 |       $('#alert_toast').removeClass('bg-danger')
 93 |       $('#alert_toast').removeClass('bg-info')
 94 |       $('#alert_toast').removeClass('bg-warning')
 95 | 
 96 |     if($bg == 'success')
 97 |       $('#alert_toast').addClass('bg-success')
 98 |     if($bg == 'danger')
 99 |       $('#alert_toast').addClass('bg-danger')
100 |     if($bg == 'info')
101 |       $('#alert_toast').addClass('bg-info')
102 |     if($bg == 'warning')
103 |       $('#alert_toast').addClass('bg-warning')
104 |     $('#alert_toast .toast-body').html($msg)
105 |     $('#alert_toast').toast({delay:3000}).toast('show');
106 |   }
107 |   window.load_cart = function(){
108 |     $.ajax({
109 |       url:'admin/ajax.php?action=get_cart_count',
110 |       success:function(resp){
111 |         if(resp > -1){
112 |           resp = resp > 0 ? resp : 0;
113 |           $('.item_count').html(resp)
114 |         }
115 |       }
116 |     })
117 |   }
118 |   $('#login_now').click(function(){
119 |     uni_modal("LOGIN",'login.php')
120 |   })
121 |   $(document).ready(function(){
122 |     load_cart()
123 |      $('#preloader').fadeOut('fast', function() {
124 |         $(this).remove();
125 |       })
126 |   })
127 |  </script>
128 |         <!-- Bootstrap core JS-->
129 |         <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
130 |         <!-- Third party plugin JS-->
131 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
132 |         <script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.1.0/jquery.magnific-popup.min.js"></script>
133 |         <!-- Core theme JS-->
134 | 
135 |         <script src="js/scripts.js"></script>


--------------------------------------------------------------------------------
/home.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | include 'admin/db_connect.php'; 
  3 | ?>
  4 | <style>
  5 | #portfolio .img-fluid{
  6 |     width: calc(100%);
  7 |     height: 30vh;
  8 |     z-index: -1;
  9 |     position: relative;
 10 |     padding: 1em;
 11 | }
 12 | .event-list{
 13 | cursor: pointer;
 14 | }
 15 | span.hightlight{
 16 |     background: yellow;
 17 | }
 18 | .banner{
 19 |         display: flex;
 20 |         justify-content: center;
 21 |         align-items: center;
 22 |         min-height: 26vh;
 23 |         width: calc(30%);
 24 |     }
 25 |     .banner img{
 26 |         width: calc(100%);
 27 |         height: calc(100%);
 28 |         cursor :pointer;
 29 |     }
 30 | .event-list{
 31 | cursor: pointer;
 32 | border: unset;
 33 | flex-direction: inherit;
 34 | }
 35 | 
 36 | .event-list .banner {
 37 |     width: calc(40%)
 38 | }
 39 | .event-list .card-body {
 40 |     width: calc(60%)
 41 | }
 42 | .event-list .banner img {
 43 |     border-top-left-radius: 5px;
 44 |     border-bottom-left-radius: 5px;
 45 |     min-height: 50vh;
 46 | }
 47 | span.hightlight{
 48 |     background: yellow;
 49 | }
 50 | .banner{
 51 |    min-height: calc(100%)
 52 | }
 53 | </style>
 54 |         <header class="masthead">
 55 |             <div class="container-fluid h-100">
 56 |                 <div class="row h-100 align-items-center justify-content-center text-center">
 57 |                     <div class="col-lg-8 align-self-end mb-4 page-title">
 58 |                     	<h3 class="text-white">Welcome to <?php echo $_SESSION['system']['name']; ?></h3>
 59 |                         <hr class="divider my-4" />
 60 | 
 61 |                     <div class="col-md-12 mb-2 justify-content-center">
 62 |                     </div>                        
 63 |                     </div>
 64 |                     
 65 |                 </div>
 66 |             </div>
 67 |         </header>
 68 |             <div class="container mt-3 pt-2">
 69 |                 <h4 class="text-center text-white">Upcoming Events</h4>
 70 |                 <hr class="divider">
 71 |                 <?php
 72 |                 $event = $conn->query("SELECT e.*,v.venue FROM events e inner join venue v on v.id=e.venue_id where date_format(e.schedule,'%Y-%m%-d') >= '".date('Y-m-d')."' and e.type = 1 order by unix_timestamp(e.schedule) asc");
 73 |                 while($row = $event->fetch_assoc()):
 74 |                     $trans = get_html_translation_table(HTML_ENTITIES,ENT_QUOTES);
 75 |                     unset($trans["\""], $trans["<"], $trans[">"], $trans["<h2"]);
 76 |                     $desc = strtr(html_entity_decode($row['description']),$trans);
 77 |                     $desc=str_replace(array("<li>","</li>"), array("",","), $desc);
 78 |                 ?>
 79 |                 <div class="card event-list" data-id="<?php echo $row['id'] ?>">
 80 |                      <div class='banner'>
 81 |                         <?php if(!empty($row['banner'])): ?>
 82 |                             <img src="admin/assets/uploads/<?php echo($row['banner']) ?>" alt="">
 83 |                         <?php endif; ?>
 84 |                     </div>
 85 |                     <div class="card-body">
 86 |                         <div class="row  align-items-center justify-content-center text-center h-100">
 87 |                             <div class="">
 88 |                                 <h3><b class="filter-txt"><?php echo ucwords($row['event']) ?></b></h3>
 89 |                                 <div><small><p><b><i class="fa fa-calendar"></i> <?php echo date("F d, Y h:i A",strtotime($row['schedule'])) ?></b></p></small></div>
 90 |                                 <hr>
 91 |                                 <larger class="truncate filter-txt"><?php echo strip_tags($desc) ?></larger>
 92 |                                 <br>
 93 |                                 <hr class="divider"  style="max-width: calc(80%)">
 94 |                                 <button class="btn btn-primary float-right read_more" data-id="<?php echo $row['id'] ?>">Read More</button>
 95 |                             </div>
 96 |                         </div>
 97 |                         
 98 | 
 99 |                     </div>
100 |                 </div>
101 |                 <br>
102 |                 <?php endwhile; ?>
103 |                 
104 |             </div>
105 | 
106 | 
107 | <script>
108 |      $('.read_more').click(function(){
109 |          location.href = "index.php?page=view_event&id="+$(this).attr('data-id')
110 |      })
111 |      $('.banner img').click(function(){
112 |         viewer_modal($(this).attr('src'))
113 |     })
114 |     $('#filter').keyup(function(e){
115 |         var filter = $(this).val()
116 | 
117 |         $('.card.event-list .filter-txt').each(function(){
118 |             var txto = $(this).html();
119 |             txt = txto
120 |             if((txt.toLowerCase()).includes((filter.toLowerCase())) == true){
121 |                 $(this).closest('.card').toggle(true)
122 |             }else{
123 |                 $(this).closest('.card').toggle(false)
124 |                
125 |             }
126 |         })
127 |     })
128 | </script>


--------------------------------------------------------------------------------
/view_event.php:
--------------------------------------------------------------------------------
  1 | <?php include 'admin/db_connect.php' ?>
  2 | <?php
  3 | if(isset($_GET['id'])){
  4 | $qry = $conn->query("SELECT e.*,v.venue FROM events e inner join venue v on v.id=e.venue_id where e.id= ".$_GET['id']);
  5 | foreach($qry->fetch_array() as $k => $val){
  6 | 	$$k=$val;
  7 | }
  8 | }
  9 | ?>
 10 | <style type="text/css">
 11 | 	.imgs{
 12 | 		margin: .5em;
 13 | 		max-width: calc(100%);
 14 | 		max-height: calc(100%);
 15 | 	}
 16 | 	.imgs img{
 17 | 		max-width: calc(100%);
 18 | 		max-height: calc(100%);
 19 | 		cursor: pointer;
 20 | 	}
 21 | 	#imagesCarousel,#imagesCarousel .carousel-inner,#imagesCarousel .carousel-item{
 22 | 		height: 40vh !important;background: black;
 23 | 
 24 | 	}
 25 | 	#imagesCarousel{
 26 | 		margin-left:unset !important ;
 27 | 	}
 28 | 	#imagesCarousel .carousel-item.active{
 29 | 		display: flex !important;
 30 | 	}
 31 | 	#imagesCarousel .carousel-item-next{
 32 | 		display: flex !important;
 33 | 	}
 34 | 	#imagesCarousel .carousel-item img{
 35 | 		margin: auto;
 36 | 		margin-top: unset;
 37 | 		margin-bottom: unset;
 38 | 	}
 39 | 	#imagesCarousel img{
 40 | 		width: calc(100%)!important;
 41 | 		height: auto!important;
 42 | 		/*max-height: calc(100%)!important;*/
 43 | 		max-width: calc(100%)!important;
 44 | 		cursor :pointer;
 45 | 	}
 46 | 	#banner{
 47 | 		display: flex;
 48 | 		justify-content: center;
 49 | 	}
 50 | 	#banner img{
 51 | 		max-width: calc(100%);
 52 | 		max-height: 50vh;
 53 | 		cursor :pointer;
 54 | 	}
 55 | 	<?php if(!empty($banner)): ?>
 56 | 	 header.masthead {
 57 | 	    background: url(admin/assets/uploads/<?php echo $banner ?>);
 58 | 	    background-repeat: no-repeat;
 59 | 	    background-size: cover;
 60 | 	}
 61 | 	<?php endif; ?>
 62 | </style>
 63 | <header class="masthead">
 64 | 	<div class="container-fluid h-100">
 65 |                 <div class="row h-100 align-items-center justify-content-center text-center">
 66 |                     <div class="col-lg-4 align-self-end mb-4 pt-2 page-title">
 67 |                     	<h4 class="text-center text-white"><b><?php echo ucwords($event) ?></b></h4>
 68 |                         <hr class="divider my-4" />
 69 | 						<p class="text-center text-white"><small><b><i>Venue: <?php echo ucwords($venue) ?></small></i></b></p>
 70 |                      
 71 |                     </div>
 72 |                     
 73 |                 </div>
 74 |             </div>
 75 | </header>
 76 | <section></section>
 77 | <div class="container">
 78 | 	<div class="col-lg-12">
 79 | 		<div class="card mt-4 mb-4">
 80 | 			<div class="card-body">
 81 | 				<div class="row">
 82 | 					<div class="col-md-12">
 83 | 						
 84 | 					</div>
 85 | 					<div class="col-md-12" id="content">
 86 | 						
 87 | 						<div id="imagesCarousel" class="carousel slide col-sm-4 float-left  ml-0 mx-4"  data-ride="carousel">
 88 | 
 89 | 							  <div class="carousel-inner">
 90 | 							  
 91 | 						<?php 
 92 | 					  		$images = array();
 93 | 					  		if(isset($id)){
 94 | 					  			$fpath = 'admin/assets/uploads/event_'.$id;
 95 | 					  			$images= scandir($fpath);
 96 | 					  		}
 97 | 					  		$i = 1;
 98 | 					  		foreach($images as $k => $v):
 99 | 					  			if(!in_array($v,array('.','..'))):
100 | 					  				$active = $i == 1 ? 'active' : '';
101 | 			  					
102 | 					  	?>
103 | 					  		 <div class="carousel-item <?php echo $active ?>">
104 | 						      <img class="img-fluid" src="<?php echo $fpath.'/'.$v ?>" alt="">
105 | 						    </div>
106 | 					  	<?php
107 | 					  			$i++;
108 | 					  			else:
109 | 			  						unset($images[$v]);
110 | 					  			endif;
111 | 				  			endforeach;
112 | 					  	?>
113 | 					  	 <a class="carousel-control-prev" href="#imagesCarousel" role="button" data-slide="prev">
114 | 						    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
115 | 						    <span class="sr-only">Previous</span>
116 | 						  </a>
117 | 						  <a class="carousel-control-next" href="#imagesCarousel" role="button" data-slide="next">
118 | 						    <span class="carousel-control-next-icon" aria-hidden="true"></span>
119 | 						    <span class="sr-only">Next</span>
120 | 						  </a>
121 | 					  		</div>
122 | 					  		<ol class="carousel-indicators">
123 | 					  			<?php for($v = 0 ;$v< ($i-1);$v++): ?>
124 | 							    <li data-target="#imagesCarousel" data-slide-to="<?php echo $v ?>" class="<?php echo ($v == 0) ?'active' : '' ?>"></li>
125 | 					  			<?php endfor; ?>
126 | 						  </ol>
127 | 						</div>
128 | 					<p class="">
129 | 						
130 | 						<p><b><i class="fa fa-calendar"></i> <?php echo date("F d, Y h:i A",strtotime($schedule)) ?></b></p>
131 | 						<?php echo html_entity_decode($description); ?>
132 | 					</p>
133 | 					</div>
134 | 				</div>
135 | 				<div class="row">
136 | 					<div class="col-md-12">
137 | 						<hr class="divider" style="max-width: calc(100%);"/>
138 | 						<div class="text-center">
139 | 							<button class="btn btn-primary" id="register" type="button">Register</button>
140 | 						</div>
141 | 					</div>
142 | 				</div>
143 | 			</div>
144 | 		</div>
145 | 	</div>
146 | </div>
147 | <script>
148 | 	$('#imagesCarousel img,#banner img').click(function(){
149 | 		viewer_modal($(this).attr('src'))
150 | 	})
151 | 	 $('#register').click(function(){
152 |         uni_modal("Submit Registration Request","registration.php?event_id=<?php echo $id ?>")
153 |     })
154 | </script>
155 | 


--------------------------------------------------------------------------------
/venue.php:
--------------------------------------------------------------------------------
  1 | <?php 
  2 | include 'admin/db_connect.php'; 
  3 | ?>
  4 | <style>
  5 | #portfolio .img-fluid{
  6 |     width: calc(100%);
  7 |     height: 30vh;
  8 |     z-index: -1;
  9 |     position: relative;
 10 |     padding: 1em;
 11 | }
 12 | .venue-list{
 13 | cursor: pointer;
 14 | border: unset;
 15 | flex-direction: inherit;
 16 | }
 17 | .venue-list .carousel,.venue-list .card-body {
 18 |     width: calc(50%)
 19 | }
 20 | .venue-list .carousel img.d-block.w-100 {
 21 |     border-top-left-radius: 5px;
 22 |     border-bottom-left-radius: 5px;
 23 |     min-height: 50vh;
 24 | }
 25 | span.hightlight{
 26 |     background: yellow;
 27 | }
 28 | .carousel,.carousel-inner,.carousel-item{
 29 |    min-height: calc(100%)
 30 | }
 31 | header.masthead,header.masthead:before {
 32 |         min-height: 50vh !important;
 33 |         height: 50vh !important
 34 |     }
 35 | .row-items{
 36 |     position: relative;
 37 | }
 38 | .card-left{
 39 |     left:0;
 40 | }
 41 | .card-right{
 42 |     right:0;
 43 | }
 44 | .rtl{
 45 |     direction: rtl ;
 46 | }
 47 | .venue-text{
 48 |     justify-content: center;
 49 |     align-items: center ;
 50 | }
 51 | 
 52 | </style>
 53 |         <header class="masthead">
 54 |         </header>
 55 |             <div class="container-fluid mt-3 pt-2">
 56 |                 <h4 class="text-center text-white">List of Our Event Venues</h4>
 57 |                 <hr class="divider">
 58 |                 <div class="row-items">
 59 |                 <div class="col-lg-12">
 60 |                     <div class="row">
 61 |                 <?php
 62 |                 $rtl ='rtl';
 63 |                 $ci= 0;
 64 |                 $venue = $conn->query("SELECT * from venue order by rand()");
 65 |                 while($row = $venue->fetch_assoc()):
 66 |                    
 67 |                     $ci++;
 68 |                     if($ci < 3){
 69 |                         $rtl = '';
 70 |                     }else{
 71 |                         $rtl = 'rtl';
 72 |                     }
 73 |                     if($ci == 4){
 74 |                         $ci = 0;
 75 |                     }
 76 |                 ?>
 77 |                 <div class="col-md-6">
 78 |                 <div class="card venue-list <?php echo $rtl ?>" data-id="<?php echo $row['id'] ?>">
 79 | 
 80 |                         <div id="imagesCarousel_<?php echo $row['id'] ?> card-img-top " class="carousel slide" data-ride="carousel">
 81 |                             <?php ?>
 82 |                               <div class="carousel-inner">
 83 |                               
 84 |                                     <?php 
 85 |                                         $images = array();
 86 |                                         $fpath = 'admin/assets/uploads/venue_'.$row['id'];
 87 |                                         $images= scandir($fpath);
 88 |                                         $i = 1;
 89 |                                         foreach($images as $k => $v):
 90 |                                             if(!in_array($v,array('.','..'))):
 91 |                                                 $active = $i == 1 ? 'active' : '';
 92 |                                             
 93 |                                     ?>
 94 |                                          <div class="carousel-item <?php echo $active ?>">
 95 |                                           <img class="d-block w-100" src="<?php echo $fpath.'/'.$v ?>" alt="">
 96 |                                         </div>
 97 |                                     <?php
 98 |                                             $i++;
 99 |                                             else:
100 |                                                 unset($images[$v]);
101 |                                             endif;
102 |                                         endforeach;
103 |                                     ?>
104 |                                      <a class="carousel-control-prev" href="#imagesCarousel_<?php echo $row['id'] ?>" role="button" data-slide="prev">
105 |                                         <span class="carousel-control-prev-icon" aria-hidden="true"></span>
106 |                                         <span class="sr-only">Previous</span>
107 |                                       </a>
108 |                                       <a class="carousel-control-next" href="#imagesCarousel_<?php echo $row['id'] ?>" role="button" data-slide="next">
109 |                                         <span class="carousel-control-next-icon" aria-hidden="true"></span>
110 |                                         <span class="sr-only">Next</span>
111 |                                       </a>
112 |                                         </div>
113 |                                     </div>
114 |                     <div class="card-body">
115 |                         <div class="row align-items-center justify-content-center text-center h-100">
116 |                             <div class="">
117 |                                 <div>
118 |                                     <h3><b class="filter-txt"><?php echo ucwords($row['venue']) ?></b></h3>
119 |                                     <small><i><?php echo $row['address'] ?></i></small>
120 |                                 </div>
121 |                                 <div>
122 |                                 <span class="truncate" style="font-size: inherit;"><small><?php echo ucwords($row['description']) ?></small></span>
123 |                                     <br>
124 |                                 <span class="badge badge-secondary"><i class="fa fa-tag"></i> Rate Per Hour: <?php echo number_format($row['rate'],2) ?></span>
125 |                                 <br>
126 |                                 <br>
127 |                                 <button class="btn btn-primary book-venue align-self-end" type="button" data-id='<?php echo $row['id'] ?>'>Book</button>
128 |                                 </div>
129 |                             </div>
130 |                         </div>
131 |                         
132 | 
133 |                     </div>
134 |                 </div>
135 |                 <br>
136 |                 </div>
137 |                 <?php endwhile; ?>
138 |                 </div>
139 |                 </div>
140 |                 </div>
141 |             </div>
142 | 
143 | 
144 | <script>
145 |     // $('.card.venue-list').click(function(){
146 |     //     location.href = "index.php?page=view_venue&id="+$(this).attr('data-id')
147 |     // })
148 |     $('.book-venue').click(function(){
149 |         uni_modal("Submit Booking Request","booking.php?venue_id="+$(this).attr('data-id'))
150 |     })
151 |     $('.venue-list .carousel img').click(function(){
152 |         viewer_modal($(this).attr('src'))
153 |     })
154 | 
155 | </script>


--------------------------------------------------------------------------------
/index.php:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en">
  3 |     <?php
  4 |     session_start();
  5 |     include('admin/db_connect.php');
  6 |     ob_start();
  7 |         $query = $conn->query("SELECT * FROM system_settings limit 1")->fetch_array();
  8 |          foreach ($query as $key => $value) {
  9 |           if(!is_numeric($key))
 10 |             $_SESSION['system'][$key] = $value;
 11 |         }
 12 |     ob_end_flush();
 13 |     include('header.php');
 14 | 
 15 | 	
 16 |     ?>
 17 | 
 18 |     <style>
 19 |     	header.masthead {
 20 | 		  background: url(admin/assets/uploads/<?php echo $_SESSION['system']['cover_img'] ?>);
 21 | 		  background-repeat: no-repeat;
 22 | 		  background-size: cover;
 23 | 		}
 24 |     
 25 |   #viewer_modal .btn-close {
 26 |     position: absolute;
 27 |     z-index: 999999;
 28 |     /*right: -4.5em;*/
 29 |     background: unset;
 30 |     color: white;
 31 |     border: unset;
 32 |     font-size: 27px;
 33 |     top: 0;
 34 | }
 35 | #viewer_modal .modal-dialog {
 36 |         width: 80%;
 37 |     max-width: unset;
 38 |     height: calc(90%);
 39 |     max-height: unset;
 40 | }
 41 |   #viewer_modal .modal-content {
 42 |        background: black;
 43 |     border: unset;
 44 |     height: calc(100%);
 45 |     display: flex;
 46 |     align-items: center;
 47 |     justify-content: center;
 48 |   }
 49 |   #viewer_modal img,#viewer_modal video{
 50 |     max-height: calc(100%);
 51 |     max-width: calc(100%);
 52 |   }
 53 |   body, footer {
 54 |     background: #000000e6 !important;
 55 | }
 56 |  
 57 |     </style>
 58 |     <body id="page-top">
 59 |         <!-- Navigation-->
 60 |         <div class="toast" id="alert_toast" role="alert" aria-live="assertive" aria-atomic="true">
 61 |         <div class="toast-body text-white">
 62 |         </div>
 63 |       </div>
 64 |         <nav class="navbar navbar-expand-lg navbar-light fixed-top py-3" id="mainNav">
 65 |             <div class="container">
 66 |                 <a class="navbar-brand js-scroll-trigger" href="./"><?php echo $_SESSION['system']['name'] ?></a>
 67 |                 <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation"><span class="navbar-toggler-icon"></span></button>
 68 |                 <div class="collapse navbar-collapse" id="navbarResponsive">
 69 |                     <ul class="navbar-nav ml-auto my-2 my-lg-0">
 70 |                         <li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.php?page=home">Home</a></li>
 71 |                         <li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.php?page=venue">Venues</a></li>
 72 |                         <li class="nav-item"><a class="nav-link js-scroll-trigger" href="index.php?page=about">About</a></li>
 73 |                         
 74 |                      
 75 |                     </ul>
 76 |                 </div>
 77 |             </div>
 78 |         </nav>
 79 |        
 80 |         <?php 
 81 |         $page = isset($_GET['page']) ?$_GET['page'] : "home";
 82 |         include $page.'.php';
 83 |         ?>
 84 |        
 85 | 
 86 | <div class="modal fade" id="confirm_modal" role='dialog'>
 87 |     <div class="modal-dialog modal-md" role="document">
 88 |       <div class="modal-content">
 89 |         <div class="modal-header">
 90 |         <h5 class="modal-title">Confirmation</h5>
 91 |       </div>
 92 |       <div class="modal-body">
 93 |         <div id="delete_content"></div>
 94 |       </div>
 95 |       <div class="modal-footer">
 96 |         <button type="button" class="btn btn-primary" id='confirm' onclick="">Continue</button>
 97 |         <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 98 |       </div>
 99 |       </div>
100 |     </div>
101 |   </div>
102 |   <div class="modal fade" id="uni_modal" role='dialog'>
103 |     <div class="modal-dialog modal-md" role="document">
104 |       <div class="modal-content">
105 |         <div class="modal-header">
106 |         <h5 class="modal-title"></h5>
107 |       </div>
108 |       <div class="modal-body">
109 |       </div>
110 |       <div class="modal-footer">
111 |         <button type="button" class="btn btn-primary" id='submit' onclick="$('#uni_modal form').submit()">Save</button>
112 |         <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button>
113 |       </div>
114 |       </div>
115 |     </div>
116 |   </div>
117 |   <div class="modal fade" id="uni_modal_right" role='dialog'>
118 |     <div class="modal-dialog modal-full-height  modal-md" role="document">
119 |       <div class="modal-content">
120 |         <div class="modal-header">
121 |         <h5 class="modal-title"></h5>
122 |         <button type="button" class="close" data-dismiss="modal" aria-label="Close">
123 |           <span class="fa fa-arrow-righ t"></span>
124 |         </button>
125 |       </div>
126 |       <div class="modal-body">
127 |       </div>
128 |       </div>
129 |     </div>
130 |   </div>
131 |   <div class="modal fade" id="viewer_modal" role='dialog'>
132 |     <div class="modal-dialog modal-md" role="document">
133 |       <div class="modal-content">
134 |               <button type="button" class="btn-close" data-dismiss="modal"><span class="fa fa-times"></span></button>
135 |               <img src="" alt="">
136 |       </div>
137 |     </div>
138 |   </div>
139 |   <div id="preloader"></div>
140 |         <footer class=" py-5">
141 |             <div class="container">
142 |                 <div class="row justify-content-center">
143 |                     <div class="col-lg-8 text-center">
144 |                         <h2 class="mt-0 text-white">Contact us</h2>
145 |                         <hr class="divider my-4" />
146 |                     </div>
147 |                 </div>
148 |                 <div class="row">
149 |                     <div class="col-lg-4 ml-auto text-center mb-5 mb-lg-0">
150 |                         <i class="fas fa-phone fa-3x mb-3 text-muted"></i>
151 |                         <div class="text-white"><?php echo $_SESSION['system']['contact'] ?></div>
152 |                     </div>
153 |                     <div class="col-lg-4 mr-auto text-center">
154 |                         <i class="fas fa-envelope fa-3x mb-3 text-muted"></i>
155 |                         <!-- Make sure to change the email address in BOTH the anchor text and the link target below!-->
156 |                         <a class="d-block" href="mailto:<?php echo $_SESSION['system']['email'] ?>"><?php echo $_SESSION['system']['email'] ?></a>
157 |                     </div>
158 |                 </div>
159 |             </div>
160 |             <br>
161 |             <div class="container"><div class="small text-center text-muted">Copyright © 2020 - <?php echo $_SESSION['system']['name'] ?> | <a href="https://www.sourcecodester.com/" target="_blank">BATCH NO. 17</a></div></div>
162 |         </footer>
163 |         
164 |        <?php include('footer.php') ?>
165 |     </body>
166 | 
167 |     <?php $conn->close() ?>
168 | 
169 | </html>
170 | 


--------------------------------------------------------------------------------