@include('admin.header')
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">
	@include('admin.topbar')
	@include('admin.leftbar')
<!-- ============================================================== -->
<!-- Page wrapper  -->
<!-- ============================================================== -->
<div class="page-wrapper">
	@include('admin.breadcrumb')
	<!-- ============================================================== -->
	<!-- Container fluid  -->
	<!-- ============================================================== -->
	<div class="container-fluid">
		<!-- ============================================================== -->
		<!-- Start Page Content -->
		<!-- ============================================================== -->
		<div class="row">
			<div class="col-md-12">
				<div class="card">
					<form class="form-horizontal" method="POST" name="import-doctor-form" id="import-doctor-form" enctype="multipart/form-data">
						{{ csrf_field() }}
						<div class="card-body">
							<h4 class="card-title"> Import doctor </h4>
							<div class="form-group row">
								<label for="lname" class="col-sm-3 control-label col-form-label">Upload doctor in excel</label>
								<div class="col-sm-4">
									<input type="file" class="form-control is-valid" name="import_excel" id="import_excel" placeholder="Upload CSV File"/>
								</div>
								<div class="col-sm-2">
									<button type="button" onclick="downloadsamplecsv();" id="downloadsample" class="btn btn-mute" style="border-color: #28b779 !important;" title="Download Flash Sale Sample"> Download Sample Excel </button>
								
								</div>
							</div>
						</div>
						<div class="border-top">
							<div class="card-body">
								<button type="submit" id="submitbtn" class="btn btn-primary">Import</button>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<!-- End PAge Content -->
		
	</div>
	<!-- ============================================================== -->
	<!-- End Container fluid  -->
	<!-- ============================================================== -->
	<!-- ============================================================== -->
	@include('admin.footer')
	<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Page wrapper  -->
<!-- ============================================================== -->
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
@include('admin.scripts')
<script type="text/javascript">
	
$(document).ready(function(){
	$(document).on('submit','#import-doctor-form',function(e){
		var start_from = $('#start_from').val();
		var end_to = $('#end_to').val();
		if(start_from !== "" && end_to !== ""){
			e.preventDefault();
			var confirm = true;	
			$('#submitbtn').attr('disabled');
			if(confirm){
            $.ajax({
				url: _BaseURL+"upload-doctor",
				type: 'POST',
				data: new FormData(this),
				cache: false,
				contentType: false,
				processData: false,
				headers: {
					'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
				},
				success: function(res){
					setTimeout('enableButton()',2000);
					var response = $.parseJSON(res);
					if(response.success==1){
						toastr.success(response.message);
						document.getElementById('import-doctor-form').reset();
						setTimeout(function(){location.reload();},2000);
					}else{
						toastr.error(response.message);
					}
				}
			});
		}else{
			return true;
		}
		}else{
			toastr.error("Please select start date and end date !");
		}
		
	});
});

function enableButton(){
	$('#submitbtn').removeAttr('disabled');
}

	function downloadsamplecsv()
	{			
		$.ajax({
			type: 'POST',
			url: _BaseURL+"download-sample-import-doctor",
			data: {
            		_token: '{{csrf_token()}}'
        		},
			xhrFields: {
				responseType: 'blob',
			},
			success: function(result, status, xhr) {
				var disposition = xhr.getResponseHeader('content-disposition');
				var matches = /"([^"]*)"/.exec(disposition);
				var filename = (matches != null && matches[1] ? matches[1] : 'doctorSampleImport.xlsx');
				// The actual download
				var blob = new Blob([result], {
					type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet'
				});
				var link = document.createElement('a');
				link.href = window.URL.createObjectURL(blob);
				link.download = filename;
				document.body.appendChild(link);
				link.click();
				document.body.removeChild(link);
			}
		});
	}

</script>
</body>

</html>