<?php include 'header.php'; ?>

<!-- Content Header (Page header) -->
<div class="content-header">
    <div class="container-fluid1">
        <div class="row mb-2 align-center">
            <div class="col-sm-6">
               <h1 class="my-3 h1">Work experience assessment</h1>
            </div><!-- /.col -->
            <div class="col-sm-6">
                <ol class="breadcrumb float-sm-right">
                    <li class="breadcrumb-item"><a href="index.php">Home</a></li>
                    <li class="breadcrumb-item active">Work experience assessment</li>
                </ol>
            </div><!-- /.col -->
        </div><!-- /.row -->
    </div><!-- /.container-fluid -->
</div>
<hr class="mb-3">
<!-- /.content-header -->

<!-- Main content -->
<section class="content">
    <div class="container-fluid1"> 
	   <div class="card-body">
		   <div class="card card-cascade narrower z-depth-0">
				<!-- Grid column -->
				<div class="col-lg-12 col-md-12 col-sm-12 table-outer">					
					
						<div class="intro-info-content mb-3 mt-3">	
							
							<div class="text-right">								
								<button type="button" class="btn btn-primary btn-excel">Download Sample</button>
							</div>
							
							<div class="mt-3 mb-2">	
								<div class="mb-3">Please follow the follow steps.</div>
								<ol>
									<li>Download sample file.</li>
									<li>Open file. Keep heading as it is. Start adding sentences from second row. Add 100 Sentences of past translation work completed by yourself.</li>
									<li>Upload your sample work using the template file where English is column one (A) and <span id="language_name"><?php echo $_SESSION['tm_language_name']; ?></span> is column two (B).</li>
								</ol>								
								<div class="mb-3"><img src="/images/work-experience-assessment-excel-format.PNG" /></div>	
								<div class="mb-3">This will be used to continue your assessment level on our platform.</div>
							</div>
						
							<form class="submit-form">
								<input type="file" class="upload-excel" name="upload-excel" accept=".xls,.xlsx" style="display: inline-block;"/>
								<input type="submit" class="btn btn-primary btn-md btn-import" style="display: inline-block;" value="Upload Data" />
							</form> 
							
							<div id="upload_result" class="mt-2 mb-2">
								
							</div>
						
						</div>
					
				</div>
				<!-- Grid column -->
			</div>              
		</div>
        <!-- /.row (main row) -->   
	</div><!-- /.container-fluid -->
</section>
<!-- /.content -->
</div>
<!-- /.content-wrapper -->
<?php include 'footer.php'; ?>

<script type="text/javascript">

$(".submit-form").submit(function (e) {
	
	if ( $('.upload-excel').val() != '' ) {				
		
		$('.loader').show();
		$(".submit-form").prop('disabled', true);
		
		var fd = new FormData(this);

		$.ajax({
			url: 'controllers/import_excel_self_assessment_test_sentences.php',		
			type: 'post',
			data: fd,
			processData: false,
			contentType: false,
			dataType: 'JSON',
			success: function (output) {				
				if (output.status == 200) {					
					toastr.success('File processed succesfully');	
					$("#upload_result").html("");
					window.location.href = "test-voting.php";
				} else {									
					//toastr.error("Error in processing. Please upload correct file.")										
					toastr.error( output.msg );
					if( output.error_count >= 1 ) {
						$("#upload_result").html( output.error_table );
					}				
				}
				
				$('.upload-excel').val('');
				$(".submit-form").prop('disabled', false);
			}
		});		
		
	} else {		
		
		toastr.error('Please select file');
		
	}
	e.preventDefault();
}); 	


$("body").on('click', '.btn-excel', function () {	
	window.location = "controllers/print_self_assessment_test_sample.php";
});

$("body").on('click', "#close_error_table", function() {
	$("#upload_result").html("");
});

</script>