<?php
debug_backtrace() || die ("Direct access not permitted"); 
?>
<!-- Jquery filer css -->
<link href="<?php echo ADMIN_URL;?>/assets/plugins/jquery.filer/css/jquery.filer.css" rel="stylesheet" />
<link href="<?php echo ADMIN_URL;?>/assets/plugins/jquery.filer/css/themes/jquery.filer-dragdropbox-theme.css" rel="stylesheet" />

<script src="<?php echo ADMIN_URL;?>/assets/plugins/jquery.filer/js/jquery.filer.min.js"></script>

<div class="modal fade custom-modal" tabindex="-1" role="dialog" aria-labelledby="modal_importschool" aria-hidden="true" id="modal_importtea<?=$logged_username;?>">
	<div class="modal-dialog">
    	<div class="modal-content">
        	
			<form action="core/importtea.php?uid=<?=$logged_username;?>" method="post" enctype="multipart/form-data">

							
            <div class="modal-header">
          	<h5 class="modal-title" id="modal_add_tea">Import Data</h5>
			<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>          	
			</div>
				
			<div class="modal-body">                
				                			
				<div class="row">
					<div class="col-lg-12">
				<div class="form-group">
					<label for="file">File: CSV โหลดตัวอย่างไฟล์   &nbsp;<a href="<?php echo ADMIN_URL;?>/Export/teacher.csv" target="_blank"><span class="label radius-circle bg-warning float-right">teacher.csv</span></a></label>
					


<style>
.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 0px;
	left: 10px;
}
.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}
</style>


<div class="row">
<div class="col-md-2">
ไฟล์  
</div>
	<div class="col-sm-10">
		<table width="350" border="0">
			<tr>
				<td align="right" valign="middle"><input id="uploadFile" style="width:250px;" placeholder="ไฟล์ *.csv" disabled="disabled" class="form-control" name="file" ></td>
				<td width="100" align="left" valign="middle">
				<div class="fileUpload btn btn-outline-warning">
				<span>เลือกไฟล์</span>
				<input id="uploadBtn" type="file" class="upload"  accept=".csv" name="file" >
				</div>
				</td>
			</tr>
		</table>						
<script type="text/javascript">  
document.getElementById("uploadBtn").onchange = function () {  
document.getElementById("uploadFile").value = this.value;
};
</script>
								
	</div> 
</div>
					
				</div>

					</div>  
				</div>
				
            </div>             
			
			<div class="modal-footer">
				<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
				<button type="submit"  name="importtea" class="btn btn-primary">นำเข้าข้อมูล</button>
			</div>
				
			</form>	
			
        </div>
	</div>
</div>