@extends('layouts.default')
@section('content')
<style type="text/css">
	input[type=file] {
    display: inline-block;
}
</style>
<!-- page content -->
<div class="right_col" role="main">
    <div class="page-title">
      	<div class="title_left">
       	 	<h3>Data Base Import - Export in CSV</h3>
     	</div>
    </div>
    {{ Userdefined::showMessage() }}
 	<div class="row">
        <div class="col-md-12 col-sm-12 col-xs-12">
            <div class="x_panel">
	            <div class="x_content">
                	<div class="x_content">
                		<div class="col-md-12">
							<!-- <a href="{{ URL::to('downloadExcel/xls') }}"><button class="btn btn-success">Download Excel xls</button></a>-->
							<h4 style="color: red;"><b>Note:</b>Upload Only CSV File <small>First Browse file and after that Click Import file</small></h4>
							<a href="{{ URL::to('samplestudentdata.csv') }}"><button class="btn btn-info pull-right"><i class="fa fa-download"></i> Download Sample CSV</button></a>
							<!-- <a href="{{ URL::to('samplestudentexcel.xlsx') }}"><button class="btn btn-success pull-right">Download Excel</button></a> -->
							<!-- <a href="#"><button class="btn btn-success btn-sm" id="add_btn"><i class="fa fa-plus"></i></button></a> -->
							{{ Form::open(['url'=>'/importExcel', 'method'=>'POST', 'files'=>true], ['class'=>'form', 'enctype'=>'multipart/form-data']) }}
								{{ csrf_field() }}
								<!--div class="box">
									<h4>Add Columns Required <button class="add_field_button btn btn-danger btn-sm"><i class="fa fa-plus"></i></button></h4>
									<div class="col-md-12">
									    <div class="col-md-2">
									    	<select name="student_col[]" id="" class="form-control select2 col-md-2">
												<option value="">Select Column</option>
												@foreach($student_cols as $key=>$student_col)
												<option value="{{ $key }}">{{ $student_col }}</option>
												@endforeach
											</select>
									    </div>
										<div class="input_fields_wrap">
										</div>
									</div>
								</div-->
								<!-- <div class="row col-md-12">
									<div  >
										<span class="btn btn-default btn-file" id="filename">
										<input type="file" name="import_file" id="my_file"  />Browse
										</span>
    										
										<button class="btn btn-primary">Import File</button>

										 
									</div> -->
									</div>
									<div class="row files" id="files1">
                                       <span class="btn btn-warning btn-lg btn-file" style='margin-right :50px'>
                                       Browse Csv File  
                                       <input name="import_file" id="filesToUpload" multiple="" type="file" >
                                       </span>
                                       <button class="btn btn-primary btn-sm" >Import File</button>
                                       <br>
                                       <ul id="fileList"></ul>
                                    </div>
									
									
								
							{{ Form::close() }}
						</div>
           	 	 	</div>
          		</div>
            </div>
        </div>
 	</div>
</div>
<script type="text/javascript">
      $("input:file").change(function(){
         //get the input and UL list
         var input = document.getElementById('filesToUpload');
         var list = document.getElementById('fileList');
   
         //empty list for now...
         while (list.hasChildNodes()) {
            list.removeChild(ul.firstChild);
         }
   
         //for every file...
         for (var x = 0; x < input.files.length; x++) {
            //add to list
            var li = document.createElement('li');
            li.innerHTML = 'File ' + (x + 1) + ':  ' + input.files[x].name;
            list.append(li);
         }
      });   
</script>
@stop