ohctech_p8/upload_excel_procurement.php

<?php  include('techsyn_header.php'); ?>
<!-- Main Content Container for side bar and body-->
<div class="main-container ace-save-state" id="main-container">
	<script type="text/javascript">
			try{ace.settings.loadState('main-container')}catch(e){}
		</script>
<?php  include('techsyn_sidebar.php'); ?>    

<!--breadcrumb-->
<?php 

?>

<div class="main-content">
		<div class="main-content-inner">
			<div class="breadcrumbs ace-save-state" id="breadcrumbs">
				<ul class="breadcrumb">
					<li class="active">Item Procurement</li>
					<li class="active">Upload Excel</li>
					
				</ul>



				<!-- End of breadcrumb -->

			</div>
			


		</div>

  <!--  <div class="outer-container">
        <form action="" method="post"
            name="frmExcelImport" id="frmExcelImport" enctype="multipart/form-data">
            <div>
                <label>Choose Excel
                    File</label> <input type="file" name="file"
                    id="file" accept=".xls,.xlsx">
                <button type="submit" id="submit" name="import"
                    class="btn-submit">Import</button>
        
            </div>
        
        </form>-->
			<!--<div class="row">
										<div class="col-sm-4">
											<div class="widget-box">
												<div class="widget-header">
													<h4 class="widget-title">Custom File Input</h4>

													<div class="widget-toolbar">
														<a href="#" data-action="collapse">
															<i class="ace-icon fa fa-chevron-up"></i>
														</a>

														<a href="#" data-action="close">
															<i class="ace-icon fa fa-times"></i>
														</a>
													</div>
												</div>

												<div class="widget-body">
													<div class="widget-main">
														<div class="form-group">
															<div class="col-xs-12">
																<input type="file" id="id-input-file-2" />
															</div>
														</div>

														<div class="form-group">
															<div class="col-xs-12">
																<input multiple="" type="file" id="id-input-file-3" />
															</div>
														</div>

														<label>
															<input type="checkbox" name="file-format" id="id-file-format" class="ace" />
															<span class="lbl"> Allow only images</span>
														</label>
													</div>
												</div>
											</div>
										</div>-->
										<div class="container">
										<form action="" method="post"
            name="frmExcelImport" id="frmExcelImport" enctype="multipart/form-data">	
									 <div class="panel panel-info" style="margin-top:50px">
									
                                      <div class="panel-heading"><b>Upload Excel For Procurement Items</b></div>
                                       <div class="panel-body" style="height:300px">
									   
									    	<div class="form-group">
											<div class="col-xs-3">
											</div>
															<div class="col-xs-6">
																<input type="file" id="id-input-file-2" name="file" accept=".xls,.xlsx" />
															</div>
											</div>
											
									
									   </div>
									      <div class="panel-footer"> <button type="submit" name="import" value="1" id="submit" class="btn btn-xs btn-primary"   >
									 Upload</button></div>
									 
                                      </div>
									  	</form>
                                       </div>
  

<?php  include('techsyn_footer.php'); ?>



<style>    
body {
	font-family: Arial;
	width: 100%;
}
 
.outer-container {
	background: #F0F0F0;
	border: #e0dfdf 1px solid;
	padding: 40px 20px;
	border-radius: 2px;
} 

.btn-submit {
	background: #333;
	border: #1d1d1d 1px solid;
    border-radius: 2px;
	color: #f0f0f0;
	cursor: pointer;
    padding: 5px 20px;
    font-size:0.9em;
}

.tutorial-table {
    margin-top: 40px;
    font-size: 0.8em;
	border-collapse: collapse;
	width: 100%;
}

.tutorial-table th {
    background: #f0f0f0;
    border-bottom: 1px solid #dddddd;
	padding: 8px;
	text-align: left;
}

.tutorial-table td {
    background: #FFF;
	border-bottom: 1px solid #dddddd;
	padding: 8px;
	text-align: left;
}

 #response {
     padding: 10px; 
     margin-top: 10px; 
   border-radius: 2px; 
     display:none;
} 

.success {
    background: #c7efd9;
    border: #bbe2cd 1px solid;
}

.error {
    background: #fbcfcf;
    border: #f3c6c7 1px solid;
}

div#response.display-block {
    display: block;
} 
</style>
<script>

    $('#frmExcelImport').on('submit', function(event){  
           event.preventDefault();  
           $.ajax({  
                url:"upload_excel_procurement_script.php",  
                method:"POST",  
                data:new FormData(this),  
                contentType:false,  
                processData:false,  
                success:function(data){  
                   BootstrapDialog.alert('Upload Excel Saved Successfully ');
                },
                error:function(data){
                  BootstrapDialog.alert('Error In Saving Upload Excel');
				}
           });  
      })
</script>