| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  | <!DOCTYPE html> | 
					
						
							|  |  |  | <html> | 
					
						
							|  |  |  | <head> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     <meta charset="utf-8"> | 
					
						
							|  |  |  |     <meta http-equiv="X-UA-Compatible" content="IE=edge"> | 
					
						
							| 
									
										
										
										
											2019-12-06 12:24:44 +01:00
										 |  |  |     <title>WasteInformation Server</title> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     <!-- Tell the browser to be responsive to screen width --> | 
					
						
							|  |  |  |     <meta name="viewport" content="width=device-width, initial-scale=1"> | 
					
						
							| 
									
										
										
										
											2020-03-27 17:36:32 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-03-27 17:49:49 +01:00
										 |  |  |     <!-- AdminLTE Libs --> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     <!-- Font Awesome --> | 
					
						
							|  |  |  |     <link rel="stylesheet" href="lib/AdminLTE/plugins/fontawesome-free/css/all.min.css"> | 
					
						
							|  |  |  |     <!-- Ionicons --> | 
					
						
							|  |  |  |     <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"> | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  |     <!-- DataTables --> | 
					
						
							|  |  |  |     <link rel="stylesheet" href="lib/AdminLTE/plugins/datatables-bs4/css/dataTables.bootstrap4.css"> | 
					
						
							| 
									
										
										
										
											2020-03-27 17:36:32 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  |     <!-- !Theme style --> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     <link rel="stylesheet" href="lib/AdminLTE/dist/css/adminlte.min.css"> | 
					
						
							| 
									
										
										
										
											2020-03-27 17:36:32 +01:00
										 |  |  |     <!-- !overlayScrollbars --> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     <link rel="stylesheet" href="lib/AdminLTE/plugins/overlayScrollbars/css/OverlayScrollbars.min.css"> | 
					
						
							|  |  |  |     <!-- Google Font: Source Sans Pro --> | 
					
						
							|  |  |  |     <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700" rel="stylesheet"> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-03-27 17:36:32 +01:00
										 |  |  |     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/css/bootstrap-datepicker3.css"/> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-03-27 17:41:12 +01:00
										 |  |  |     <!-- custom stylesheets --> | 
					
						
							| 
									
										
										
										
											2019-11-11 18:51:16 +01:00
										 |  |  |     <link rel="stylesheet" type="text/css" href="css/dashboard.css"> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     <link rel="stylesheet" type="text/css" href="css/general.css"> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-12-13 16:26:53 +01:00
										 |  |  |     <link rel="icon" type="image/png" href="/favicon.png"> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  | </head> | 
					
						
							|  |  |  | <body class="hold-transition sidebar-mini layout-fixed"> | 
					
						
							|  |  |  | <div class="wrapper"> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     <!-- Main Sidebar Container --> | 
					
						
							|  |  |  |     <aside class="main-sidebar sidebar-dark-primary elevation-4"> | 
					
						
							|  |  |  |         <!-- Brand Logo --> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:56:01 +01:00
										 |  |  |         <a href="dashboard.html" class="brand-link"> | 
					
						
							| 
									
										
										
										
											2020-01-12 11:23:47 +01:00
										 |  |  |             <img src="/favicon.png" alt="AdminLTE Logo" | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                  class="brand-image img-circle elevation-3" | 
					
						
							|  |  |  |                  style="opacity: .8"> | 
					
						
							|  |  |  |             <span class="brand-text font-weight-light">Waste Control</span> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |         </a> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  |         <!-- Sidebar --> | 
					
						
							|  |  |  |         <div class="sidebar"> | 
					
						
							|  |  |  |             <!-- Sidebar user panel (optional) --> | 
					
						
							|  |  |  |             <div class="user-panel mt-3 pb-3 mb-3 d-flex"> | 
					
						
							|  |  |  |                 <div class="image"> | 
					
						
							|  |  |  |                     <!-- <img src="lib/AdminLTE/dist/img/user2-160x160.jpg" class="img-circle elevation-2" alt="User Image"> --> | 
					
						
							|  |  |  |                     <i class="nav-icon fas fa-user img-circle elevation-2" style="color:white"></i> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                 </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                 <!-- <i class="nav-icon fas fa-tachometer-alt"></i> --> | 
					
						
							|  |  |  |                 <div class="info"> | 
					
						
							| 
									
										
										
										
											2019-12-05 09:14:37 +01:00
										 |  |  |                     <a href="user.html" class="d-block" id="userlabel">Username to set!</a> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                 </div> | 
					
						
							|  |  |  |             </div> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |             <!-- Sidebar Menu --> | 
					
						
							|  |  |  |             <nav class="mt-2"> | 
					
						
							|  |  |  |                 <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" | 
					
						
							|  |  |  |                     data-accordion="false"> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                     <li class="nav-item"> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                         <a href="dashboard.html" class="nav-link"> | 
					
						
							|  |  |  |                             <i class="nav-icon fas fa-columns"></i> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             <p> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                                 Dashboard | 
					
						
							|  |  |  |                             </p> | 
					
						
							|  |  |  |                         </a> | 
					
						
							|  |  |  |                     </li> | 
					
						
							| 
									
										
										
										
											2020-02-28 11:55:30 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                     <li id="devicepanel" class="nav-item"> | 
					
						
							|  |  |  |                         <a href="device.html" class="nav-link"> | 
					
						
							|  |  |  |                             <i class="nav-icon fas fa-desktop"></i> | 
					
						
							|  |  |  |                             <p> | 
					
						
							|  |  |  |                                 Devices | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </p> | 
					
						
							|  |  |  |                         </a> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                     </li> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-02-28 11:48:41 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-12-06 12:24:44 +01:00
										 |  |  |                     <li id="adminpanel" class="nav-item hideit"> | 
					
						
							|  |  |  |                         <a href="adminpanel.html" class="nav-link"> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             <i class="nav-icon fas fa-plus-circle"></i> | 
					
						
							|  |  |  |                             <p> | 
					
						
							| 
									
										
										
										
											2019-12-06 12:24:44 +01:00
										 |  |  |                                 Admin panel | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </p> | 
					
						
							|  |  |  |                         </a> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                     </li> | 
					
						
							| 
									
										
										
										
											2020-01-10 16:38:18 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  |                     <li class="nav-item"> | 
					
						
							|  |  |  |                         <a href="index.html" class="nav-link" id="logoutbtn"> | 
					
						
							|  |  |  |                             <i class="nav-icon fas fa-sign-out-alt"></i> | 
					
						
							| 
									
										
										
										
											2020-01-10 16:38:18 +01:00
										 |  |  |                             <p> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                                 Logout | 
					
						
							| 
									
										
										
										
											2020-01-10 16:38:18 +01:00
										 |  |  |                             </p> | 
					
						
							|  |  |  |                         </a> | 
					
						
							|  |  |  |                     </li> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                 </ul> | 
					
						
							|  |  |  |             </nav> | 
					
						
							|  |  |  |             <!-- /.sidebar-menu --> | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  |         <!-- /.sidebar --> | 
					
						
							|  |  |  |     </aside> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     <!-- Content Wrapper. Contains page content --> | 
					
						
							|  |  |  |     <div class="content-wrapper"> | 
					
						
							|  |  |  |         <!-- Content Header (Page header) --> | 
					
						
							|  |  |  |         <div class="content-header"> | 
					
						
							|  |  |  |             <div class="container-fluid"> | 
					
						
							|  |  |  |                 <div class="row mb-2"> | 
					
						
							|  |  |  |                     <div class="col-sm-6"> | 
					
						
							|  |  |  |                         <h1 class="m-0 text-dark">Dashboard</h1> | 
					
						
							|  |  |  |                     </div><!-- /.col --> | 
					
						
							|  |  |  |                     <div class="col-sm-6"> | 
					
						
							|  |  |  |                         <ol class="breadcrumb float-sm-right"> | 
					
						
							|  |  |  |                             <li class="breadcrumb-item"><a href="#">Home</a></li> | 
					
						
							| 
									
										
										
										
											2019-12-05 09:14:37 +01:00
										 |  |  |                             <li class="breadcrumb-item active">Dashboard</li> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                         </ol> | 
					
						
							|  |  |  |                     </div><!-- /.col --> | 
					
						
							|  |  |  |                 </div><!-- /.row --> | 
					
						
							|  |  |  |             </div><!-- /.container-fluid --> | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  |         <!-- /.content-header --> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |         <!-- Main content --> | 
					
						
							|  |  |  |         <section class="content"> | 
					
						
							|  |  |  |             <div class="container-fluid"> | 
					
						
							|  |  |  |                 <!-- Small boxes (Stat box) --> | 
					
						
							|  |  |  |                 <div class="row"> | 
					
						
							|  |  |  |                     <div class="col-lg-3 col-6"> | 
					
						
							|  |  |  |                         <!-- small box --> | 
					
						
							|  |  |  |                         <div class="small-box bg-info"> | 
					
						
							|  |  |  |                             <div class="inner"> | 
					
						
							| 
									
										
										
										
											2019-12-09 14:18:27 +01:00
										 |  |  |                                 <h3 id="total-connection-labels">42</h3> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-12-09 14:18:27 +01:00
										 |  |  |                                 <p>Total collections</p> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </div> | 
					
						
							|  |  |  |                             <div class="icon"> | 
					
						
							|  |  |  |                                 <i class="ion ion-bag"></i> | 
					
						
							|  |  |  |                             </div> | 
					
						
							|  |  |  |                             <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                         </div> | 
					
						
							|  |  |  |                     </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                     <!-- ./col --> | 
					
						
							|  |  |  |                     <div class="col-lg-3 col-6"> | 
					
						
							|  |  |  |                         <!-- small box --> | 
					
						
							| 
									
										
										
										
											2019-12-13 14:57:59 +01:00
										 |  |  |                         <div class="small-box bg-gray"> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             <div class="inner"> | 
					
						
							| 
									
										
										
										
											2019-12-13 14:57:59 +01:00
										 |  |  |                                 <h3 id="total-city-number-label">42</h3> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-12-13 14:57:59 +01:00
										 |  |  |                                 <p>total collect zones</p> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </div> | 
					
						
							|  |  |  |                             <div class="icon"> | 
					
						
							| 
									
										
										
										
											2019-12-13 14:57:59 +01:00
										 |  |  |                                 <i class="ion ion-android-globe" style="color: lightgrey"></i> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </div> | 
					
						
							|  |  |  |                             <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> | 
					
						
							|  |  |  |                         </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                     </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                     <!-- ./col --> | 
					
						
							|  |  |  |                     <div class="col-lg-3 col-6"> | 
					
						
							|  |  |  |                         <!-- small box --> | 
					
						
							|  |  |  |                         <div class="small-box bg-warning"> | 
					
						
							|  |  |  |                             <div class="inner"> | 
					
						
							| 
									
										
										
										
											2019-12-09 14:18:27 +01:00
										 |  |  |                                 <h3 id="planed-collection-label">44</h3> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-12-09 14:18:27 +01:00
										 |  |  |                                 <p>Planned Collections</p> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </div> | 
					
						
							|  |  |  |                             <div class="icon"> | 
					
						
							| 
									
										
										
										
											2019-12-13 14:57:59 +01:00
										 |  |  |                                 <i class="ion ion-calendar"></i> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </div> | 
					
						
							|  |  |  |                             <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> | 
					
						
							|  |  |  |                         </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                     </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                     <!-- ./col --> | 
					
						
							|  |  |  |                     <div class="col-lg-3 col-6"> | 
					
						
							|  |  |  |                         <!-- small box --> | 
					
						
							| 
									
										
										
										
											2019-12-13 14:57:59 +01:00
										 |  |  |                         <div class="small-box bg-success"> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             <div class="inner"> | 
					
						
							| 
									
										
										
										
											2019-12-09 14:18:27 +01:00
										 |  |  |                                 <h3 id="finished-collection-label">65</h3> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-12-09 14:18:27 +01:00
										 |  |  |                                 <p>Finished Collections</p> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </div> | 
					
						
							|  |  |  |                             <div class="icon"> | 
					
						
							| 
									
										
										
										
											2019-12-13 14:57:59 +01:00
										 |  |  |                                 <i class="ion ion-android-checkmark-circle"></i> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </div> | 
					
						
							|  |  |  |                             <a href="#" class="small-box-footer">More info <i class="fas fa-arrow-circle-right"></i></a> | 
					
						
							|  |  |  |                         </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                     </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                     <!-- ./col --> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                 </div> | 
					
						
							|  |  |  |                 <!-- /.row --> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                 <!-- Main row --> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                 <div class="row"> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                     <!-- Left col --> | 
					
						
							|  |  |  |                     <section class="col-lg-7 connectedSortable"> | 
					
						
							|  |  |  |                         <!-- Custom tabs (Charts with tabs)--> | 
					
						
							|  |  |  |                         <div class="card"> | 
					
						
							|  |  |  |                             <div class="card-header"> | 
					
						
							|  |  |  |                                 <h3 class="card-title"> | 
					
						
							|  |  |  |                                     <i class="fas fa-chart-pie mr-1"></i> | 
					
						
							| 
									
										
										
										
											2020-01-18 08:42:08 +01:00
										 |  |  |                                     All pickupdats | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                                 </h3> | 
					
						
							|  |  |  |                             </div><!-- /.card-header --> | 
					
						
							|  |  |  |                             <div class="card-body"> | 
					
						
							| 
									
										
										
										
											2019-12-06 16:45:25 +01:00
										 |  |  |                                 <table id="table-pickupdates" class="table table-bordered table-hover"> | 
					
						
							|  |  |  |                                     <thead> | 
					
						
							|  |  |  |                                     <tr> | 
					
						
							| 
									
										
										
										
											2020-02-28 08:53:57 +01:00
										 |  |  |                                         <th><i class="fas fa-city"></i>City</th> | 
					
						
							|  |  |  |                                         <th><i class="fas fa-search-location"></i>Zone</th> | 
					
						
							|  |  |  |                                         <th><i class="fas fa-recycle"></i>Waste Type</th> | 
					
						
							|  |  |  |                                         <th><i class="fas fa-calendar-alt"></i>Date</th> | 
					
						
							|  |  |  |                                         <th><i class="fas fa-trash-alt"></i></th> | 
					
						
							| 
									
										
										
										
											2019-12-06 16:45:25 +01:00
										 |  |  |                                     </tr> | 
					
						
							|  |  |  |                                     </thead> | 
					
						
							|  |  |  |                                     <tbody id="picupdates-tablebody"> | 
					
						
							|  |  |  |                                     </tbody> | 
					
						
							|  |  |  |                                     <tfoot> | 
					
						
							|  |  |  |                                     <tr> | 
					
						
							| 
									
										
										
										
											2020-02-28 08:43:17 +01:00
										 |  |  |                                         <th><i class="fas fa-city"></i>City</th> | 
					
						
							|  |  |  |                                         <th><i class="fas fa-search-location"></i>Zone</th> | 
					
						
							|  |  |  |                                         <th><i class="fas fa-recycle"></i>Waste Type</th> | 
					
						
							|  |  |  |                                         <th><i class="fas fa-calendar-alt"></i>Date</th> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                                         <th><i class="fas fa-trash-alt"></i> | 
					
						
							|  |  |  |                                         </th> | 
					
						
							| 
									
										
										
										
											2019-12-06 16:45:25 +01:00
										 |  |  |                                     </tr> | 
					
						
							|  |  |  |                                     </tfoot> | 
					
						
							|  |  |  |                                 </table> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                             </div><!-- /.card-body --> | 
					
						
							|  |  |  |                         </div> | 
					
						
							|  |  |  |                         <!-- /.card --> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  |                         <div class="card"> | 
					
						
							|  |  |  |                             <div class="card-header"> | 
					
						
							|  |  |  |                                 <h3 class="card-title"> | 
					
						
							|  |  |  |                                     <i class="fas fa-chart-pie mr-1"></i> | 
					
						
							|  |  |  |                                     New City | 
					
						
							|  |  |  |                                 </h3> | 
					
						
							|  |  |  |                                 <button id="btn-savecity" type="button" class="btn btn-success" | 
					
						
							|  |  |  |                                         style="float:right;">Save | 
					
						
							|  |  |  |                                 </button> | 
					
						
							|  |  |  |                             </div><!-- /.card-header --> | 
					
						
							|  |  |  |                             <div class="card-body"> | 
					
						
							|  |  |  |                                 <div class="form-group" style="margin-top: 15px; width: 10cm;"> | 
					
						
							|  |  |  |                                     <label for="new_city_cityname">City/Village name</label> | 
					
						
							|  |  |  |                                     <input type="email" class="form-control" id="new_city_cityname" | 
					
						
							|  |  |  |                                            aria-describedby="emailHelp" placeholder="Enter city name here"> | 
					
						
							|  |  |  |                                     <small class="form-text text-muted">Please try to use no special | 
					
						
							|  |  |  |                                         characters</small> | 
					
						
							|  |  |  |                                 </div> | 
					
						
							|  |  |  |                                 <div class="form-group" style="width: 10cm;"> | 
					
						
							|  |  |  |                                     <label for="new_city_zonename">Zone Name</label> | 
					
						
							|  |  |  |                                     <input type="email" class="form-control" id="new_city_zonename" | 
					
						
							|  |  |  |                                            aria-describedby="emailHelp" placeholder="Enter Zone name here"> | 
					
						
							|  |  |  |                                     <small class="form-text text-muted">Please try to use no special | 
					
						
							|  |  |  |                                         characters</small> | 
					
						
							|  |  |  |                                 </div> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |                                 <div class="input-group-prepend"> | 
					
						
							|  |  |  |                                     <button id="dropdown-wastetype" type="button" | 
					
						
							|  |  |  |                                             class="btn btn-outline-dark dropdown-toggle" | 
					
						
							|  |  |  |                                             data-toggle="dropdown"> | 
					
						
							|  |  |  |                                         Select waste type | 
					
						
							|  |  |  |                                     </button> | 
					
						
							|  |  |  |                                     <div class="dropdown-menu"> | 
					
						
							| 
									
										
										
										
											2019-12-06 16:45:25 +01:00
										 |  |  |                                         <a class="wastetype-citynew-item dropdown-item" href="#">Plastic</a> | 
					
						
							|  |  |  |                                         <a class="wastetype-citynew-item dropdown-item" href="#">Metal</a> | 
					
						
							|  |  |  |                                         <a class="wastetype-citynew-item dropdown-item" href="#">Residual waste</a> | 
					
						
							|  |  |  |                                         <a class="wastetype-citynew-item dropdown-item" href="#">Biowaste</a> | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  |                                     </div> | 
					
						
							|  |  |  |                                 </div> | 
					
						
							|  |  |  |                             </div><!-- /.card-body --> | 
					
						
							|  |  |  |                         </div> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  |                         <!-- Custom tabs (Charts with tabs)--> | 
					
						
							|  |  |  |                         <div class="card"> | 
					
						
							|  |  |  |                             <div class="card-header"> | 
					
						
							|  |  |  |                                 <h3 class="card-title"> | 
					
						
							|  |  |  |                                     <i class="fas fa-chart-pie mr-1"></i> | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  |                                     New Pick up date | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                                 </h3> | 
					
						
							|  |  |  |                             </div><!-- /.card-header --> | 
					
						
							|  |  |  |                             <div class="card-body"> | 
					
						
							|  |  |  |                                 <form> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |                                     <h4>Add Data:</h4> | 
					
						
							|  |  |  |                                     <div class="input-group mt-3 mb-3" style="width: 100%;"> | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-12-06 12:24:44 +01:00
										 |  |  |                                         <div class="input-group-prepend"> | 
					
						
							|  |  |  |                                             <button id="dropdown-city" type="button" | 
					
						
							|  |  |  |                                                     class="btn btn-outline-dark dropdown-toggle" | 
					
						
							|  |  |  |                                                     data-toggle="dropdown"> | 
					
						
							|  |  |  |                                                 Select city | 
					
						
							|  |  |  |                                             </button> | 
					
						
							|  |  |  |                                             <div id="dropdown-city-data" class="dropdown-menu"> | 
					
						
							|  |  |  |                                             </div> | 
					
						
							|  |  |  |                                         </div> | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                                         <div class="input-group-prepend"> | 
					
						
							| 
									
										
										
										
											2019-12-06 12:24:44 +01:00
										 |  |  |                                             <button id="dropdown-zone" type="button" | 
					
						
							|  |  |  |                                                     class="btn btn-outline-dark dropdown-toggle" | 
					
						
							|  |  |  |                                                     data-toggle="dropdown"> | 
					
						
							|  |  |  |                                                 Select Zone | 
					
						
							|  |  |  |                                             </button> | 
					
						
							|  |  |  |                                             <div id="dropdown-zone-data" class="dropdown-menu"> | 
					
						
							|  |  |  |                                             </div> | 
					
						
							|  |  |  |                                         </div> | 
					
						
							|  |  |  |                                         <div class="input-group-prepend"> | 
					
						
							| 
									
										
										
										
											2019-12-06 16:45:25 +01:00
										 |  |  |                                             <button id="dropdown-type-data" type="button" | 
					
						
							| 
									
										
										
										
											2019-11-11 16:56:01 +01:00
										 |  |  |                                                     class="btn btn-outline-dark dropdown-toggle" | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                                                     data-toggle="dropdown"> | 
					
						
							|  |  |  |                                                 Select waste type | 
					
						
							|  |  |  |                                             </button> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-12-13 11:12:21 +01:00
										 |  |  |                                             <div id="dropdown-type-drops" class="dropdown-menu"> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                                             </div> | 
					
						
							|  |  |  |                                         </div> | 
					
						
							|  |  |  |                                         <input id="input-wastetime" style="width: 50px;" class="form-control" id="date" | 
					
						
							|  |  |  |                                                name="date" placeholder="MM/DD/YYY" type="text"/> | 
					
						
							| 
									
										
										
										
											2019-12-06 16:45:25 +01:00
										 |  |  |                                         <button type="button" class="btn-savelist btn btn-success" | 
					
						
							| 
									
										
										
										
											2019-12-06 12:24:44 +01:00
										 |  |  |                                                 style="float:right;">Save | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                                         </button> | 
					
						
							|  |  |  |                                     </div> | 
					
						
							|  |  |  |                                 </form> | 
					
						
							|  |  |  |                             </div><!-- /.card-body --> | 
					
						
							|  |  |  |                         </div> | 
					
						
							|  |  |  |                     </section> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |                     <!-- /.Left col --> | 
					
						
							|  |  |  |                     <!-- right col (We are only adding the ID to make the widgets sortable)--> | 
					
						
							|  |  |  |                     <section class="col-lg-5 connectedSortable"> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  |                         <div class="card"> | 
					
						
							|  |  |  |                             <div class="card-header"> | 
					
						
							|  |  |  |                                 <h3 class="card-title"> | 
					
						
							|  |  |  |                                     <i class="fas fa-chart-pie mr-1"></i> | 
					
						
							|  |  |  |                                     Pick up locations | 
					
						
							|  |  |  |                                 </h3> | 
					
						
							|  |  |  |                             </div><!-- /.card-header --> | 
					
						
							|  |  |  |                             <!-- /.card-header --> | 
					
						
							|  |  |  |                             <div class="card-body"> | 
					
						
							|  |  |  |                                 <table id="example2" class="table table-bordered table-hover"> | 
					
						
							|  |  |  |                                     <thead> | 
					
						
							|  |  |  |                                     <tr> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                                         <th> | 
					
						
							|  |  |  |                                             <i class="fas fa-city"></i> | 
					
						
							| 
									
										
										
										
											2020-02-28 11:55:30 +01:00
										 |  |  |                                             City | 
					
						
							|  |  |  |                                         </th> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                                         <th><i class="fas fa-search-location"></i> | 
					
						
							| 
									
										
										
										
											2020-02-28 11:55:30 +01:00
										 |  |  |                                             Zone | 
					
						
							|  |  |  |                                         </th> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                                         <th><i class="fas fa-recycle"></i> | 
					
						
							| 
									
										
										
										
											2020-02-28 11:55:30 +01:00
										 |  |  |                                             Waste Type | 
					
						
							|  |  |  |                                         </th> | 
					
						
							| 
									
										
										
										
											2020-02-07 16:48:05 +01:00
										 |  |  |                                         <th><i class="fas fa-trash-alt"></i> | 
					
						
							|  |  |  |                                         </th> | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  |                                     </tr> | 
					
						
							|  |  |  |                                     </thead> | 
					
						
							|  |  |  |                                     <tbody id="location-table-data"> | 
					
						
							|  |  |  |                                     </tbody> | 
					
						
							|  |  |  |                                     <tfoot> | 
					
						
							|  |  |  |                                     <tr> | 
					
						
							| 
									
										
										
										
											2020-02-28 08:53:57 +01:00
										 |  |  |                                         <th><i class="fas fa-city"></i>City</th> | 
					
						
							| 
									
										
										
										
											2020-02-28 08:43:17 +01:00
										 |  |  |                                         <th><i class="fas fa-search-location"></i>Zone</th> | 
					
						
							|  |  |  |                                         <th><i class="fas fa-recycle"></i>Waste Type</th> | 
					
						
							| 
									
										
										
										
											2020-02-28 08:53:57 +01:00
										 |  |  |                                         <th><i class="fas fa-trash-alt"></i></th> | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  |                                     </tr> | 
					
						
							|  |  |  |                                     </tfoot> | 
					
						
							|  |  |  |                                 </table> | 
					
						
							|  |  |  |                             </div> | 
					
						
							|  |  |  |                             <!-- /.card-body --> | 
					
						
							|  |  |  |                         </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							|  |  |  |                         <!-- /.card --> | 
					
						
							|  |  |  |                     </section> | 
					
						
							|  |  |  |                     <!-- right col --> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |                 </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |                 <!-- /.row (main row) --> | 
					
						
							|  |  |  |             </div><!-- /.container-fluid --> | 
					
						
							|  |  |  |         </section> | 
					
						
							|  |  |  |         <!-- /.content --> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  |     </div> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     <!-- /.content-wrapper --> | 
					
						
							|  |  |  |     <footer class="main-footer"> | 
					
						
							|  |  |  |         <strong>By Gregor Dutzler & Lukas Heiligenbrunner & Emil Meindl</strong> | 
					
						
							| 
									
										
										
										
											2019-12-10 16:43:42 +01:00
										 |  |  |         <div id="version-footer-label" class="float-right d-none d-sm-inline-block"> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |             <b>Version</b> 3.0.0 | 
					
						
							|  |  |  |             <b>Build</b> 2019-8-8 9:30 | 
					
						
							|  |  |  |         </div> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     </footer> | 
					
						
							|  |  |  | 
 | 
					
						
							|  |  |  |     <!-- Control Sidebar --> | 
					
						
							|  |  |  |     <aside class="control-sidebar control-sidebar-dark"> | 
					
						
							|  |  |  |         <!-- Control sidebar content goes here --> | 
					
						
							|  |  |  |     </aside> | 
					
						
							|  |  |  |     <!-- /.control-sidebar --> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  | </div> | 
					
						
							|  |  |  | <!-- ./wrapper --> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-03-27 17:41:12 +01:00
										 |  |  | <!-- AdminLTE Libs --> | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  | <!-- jQuery --> | 
					
						
							|  |  |  | <script src="lib/AdminLTE/plugins/jquery/jquery.min.js"></script> | 
					
						
							|  |  |  | <!-- jQuery UI 1.11.4 --> | 
					
						
							|  |  |  | <script src="lib/AdminLTE/plugins/jquery-ui/jquery-ui.min.js"></script> | 
					
						
							|  |  |  | <!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> | 
					
						
							|  |  |  | <script> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  |     $.widget.bridge('uibutton', $.ui.button) | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  | </script> | 
					
						
							|  |  |  | <!-- Bootstrap 4 --> | 
					
						
							|  |  |  | <script src="lib/AdminLTE/plugins/bootstrap/js/bootstrap.bundle.min.js"></script> | 
					
						
							|  |  |  | <!-- AdminLTE App --> | 
					
						
							|  |  |  | <script src="lib/AdminLTE/dist/js/adminlte.js"></script> | 
					
						
							| 
									
										
										
										
											2020-03-27 17:36:32 +01:00
										 |  |  | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script> | 
					
						
							| 
									
										
										
										
											2019-11-11 16:33:05 +01:00
										 |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  | <!-- DataTables --> | 
					
						
							| 
									
										
										
										
											2020-03-27 19:27:07 +01:00
										 |  |  | <script src="lib/AdminLTE/plugins/datatables/jquery.dataTables.js"></script> | 
					
						
							| 
									
										
										
										
											2019-11-15 11:23:51 +01:00
										 |  |  | <script src="lib/AdminLTE/plugins/datatables-bs4/js/dataTables.bootstrap4.js"></script> | 
					
						
							| 
									
										
										
										
											2019-11-29 16:55:57 +01:00
										 |  |  | <script src="lib/AdminLTE/plugins/sweetalert2/sweetalert2.all.js"></script> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2020-03-27 17:41:12 +01:00
										 |  |  | <!-- custom js --> | 
					
						
							| 
									
										
										
										
											2020-01-12 11:23:47 +01:00
										 |  |  | <script type="text/javascript" src="js/dashboard.js"></script> | 
					
						
							|  |  |  | <script src="js/userManager.js"></script> | 
					
						
							|  |  |  | 
 | 
					
						
							| 
									
										
										
										
											2019-11-11 14:28:21 +01:00
										 |  |  | </body> | 
					
						
							|  |  |  | </html> |