<?php 
require_once 'connect.php';
require_once 'validate.php';
	require 'name.php';
include('header.php');


?>
<?php 
include('sidebar.php');
?>
<!--app content-->
				<div class="app-content">
					<div class="side-app">
						<div class="page-header">
							<h4 class="page-title">Upload</h4>
							<ol class="breadcrumb">
								<li class="breadcrumb-item"><a href="#"><i class="fe   fe-home mr-1"></i> Admin</a></li>
								<li class="breadcrumb-item active" aria-current="page">Latest News</li>
							</ol>
						</div>	
<!--Add posts-section-->
		<section class="sptb">
			<div class="container">
				<div class="row">
				
					<div class="col-xl-8">
						<!--row open-->
						<div class="row">
							<div class="col-12">
								<div class="card">
									<div class="card-header">
										<h3 class="card-title">Upload Latest News</h3>
									</div>
									<div class="card-body">
										<div id="smartwizard-3">
											
											<div>
												<div id="step-10" class="">
												<form method="POST" action="add_query_news.php" enctype="multipart/form-data">
												<div class="row">
													<div class="col-md-6">
													<div class="control-group form-group">
														<label class="form-label">Heading</label>
														<input type = "text" class = "form-control" name = "head" required = "required" placeholder="Enter Heading"/>
													</div>
													<div class="control-group form-group">
														<label class="form-label">News</label>
														<input type = "text" class = "form-control" name = "news" required = "required"  placeholder="Enter News"/>
													</div>
													<div class="control-group form-group">
														<label class="form-label">News Date</label>
														<input type = "date" class = "form-control" name = "date" required = "required" />
													</div>
													
													</div>
													
													
													<div class="col-md-6">
													
													
                                                    
													<div class="control-group form-group">
														<label class="form-label">Upload Your Photo</label>
														<input type="file" class="form-control" id="myFile" name="uploadedfile1" required = "required" >
                                                        
														 <!--<input type="file" class="fancyuploader" accept=".jpg, .png, image/jpeg, image/png" id="myFile" name="uploadedfile1" required = "required" >--> 
													</div>
													
                                                    
											<div class = "form-group">
							<button class = "btn btn-info form-control" name = "add_news"><i class = "glyphicon glyphicon-save"></i> Submit</button>
						</div>
													</div>
													</div>
													
					</form>
											
											
												</div>
												
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
						<!--row closed-->
					</div>
					
					<div class="col-xl-4">
					<?php 

include('../latest-news.php');

?>
					</div>
				
				</div> <!-- end row -->
			</div>
			
		</section>
		<!--/Add posts-section-->
						
				<!--app content-->
				<script src = "../js/jquery.js"></script>
<script src = "../js/bootstrap.js"></script>
<script src = "../js/jquery.dataTables.js"></script>
<script src = "../js/dataTables.bootstrap.js"></script>	
<script type = "text/javascript">
	$(document).ready(function(){
		$("#table").DataTable();
	});
</script>
<script type = "text/javascript">
	function confirmationDelete(anchor){
		var conf = confirm("Are you sure you want to delete this record?");
		if(conf){
			window.location = anchor.attr("href");
		}
	} 
</script>













        <script src = "../js/jquery.js"></script>

				<script type = "text/javascript">
	$(document).ready(function(){
		$pic = $('<img id = "image" width = "100%" height = "100%"/>');
		$lbl = $('<center id = "lbl">[uploadedfile1]</center>');
		
		$("uploadedfile1").change(function(){
			$("#lbl").remove();
			var files = !!this.files ? this.files : [];
			if(!files.length || !window.FileReader){
				$("#image").remove();
				$lbl.appendTo("#preview");
			}
			if(/^image/.test(files[0].type)){
				var reader = new FileReader();
				reader.readAsDataURL(files[0]);
				reader.onloadend = function(){
					$pic.appendTo("#preview");
					$("#image").attr("src", this.result);
				}
			}
		});
	});
</script>
        <script type="text/javascript">
  document.getElementById('date').value = Date();
</script>
		<script src = "js/jquery.js"></script>
<script src = "js/bootstrap.js"></script>	
	<?php 

include('footer.php');

?>