@extends('layouts.header')
@section('content')
<br>
<div class="page-header">
	<div class="breadcrumb-four">
		<ol class="breadcrumb">
			<ul class="breadcrumb">
			<li><a href="{{url('dashboard')}}"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
			<li class="active">
				<a href="javascript:void(0);">
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>{{$page['folder']}}</a>
			</li>
			<li >
				<a href="javascript:void(0);" title="{{$page['title']}}">
				<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-list"><line x1="8" y1="6" x2="21" y2="6"></line><line x1="8" y1="12" x2="21" y2="12"></line><line x1="8" y1="18" x2="21" y2="18"></line><line x1="3" y1="6" x2="3.01" y2="6"></line><line x1="3" y1="12" x2="3.01" y2="12"></line><line x1="3" y1="18" x2="3.01" y2="18"></line></svg>{{$page['title']}}</a>
			</li>
		</ul>
		</ol>
	</div>
</div>


<form  action="{{ url('importExcel') }}"  method="post" enctype="multipart/form-data">
	<div class="row">
		<div class="col-lg-12 col-md-12 layout-spacing">
			<div class="statbox widget box box-shadow">
				<div class="widget-header">
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<strong>Module Names:</strong>
								<select class="form-control customDropdown" name="ModuleNames" id="ModuleNames">
									<option value="">--Select Module--</option>
									@foreach($ModuleNamelists as $fieldtype)
									<option value="{{$fieldtype->ModuleId}}"> {{$fieldtype->ModuleName}} </option>
									@endforeach
								</select>
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								{{ csrf_field() }}
								<div class="custom-file mb-4">
									<input type="hidden" name="uniqueId" id="uniqueId"class="form-control" value="{{$uniqueId}}">
									<input type="file" class="" name="import_file" id="customFile" onchange="showName(this.files[0].name)">
									<!-- <label class="custom-file-label" id="fileNameDisplay" for="customFile">Choose file</label> -->
								</div>

							</div>
						</div>
					</div>	
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">
								<strong>What would you like to do with the imported data?</strong>
								<div class="n-chk">
									<label class="new-control new-radio radio-primary">
										<input type="radio" class="new-control-input" name="ImportType" value="1" checked>
										<span class="new-control-indicator"></span>Create new records only
									</label>
								</div>
								<div class="n-chk">
									<label class="new-control new-radio radio-primary">
										<input type="radio" class="new-control-input" name="ImportType" value="2">
										<span class="new-control-indicator"></span>Create new records and update existing records 
									</label>
								</div>
								
							</div>
						</div>
					</div>
					<div class="row">
						<div class="col-md-6">
							<div class="form-group">


								<button class="btn btn-primary" >Import File</button>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</form>

<script type="text/javascript">
	showName=(file)=>
	{
		$('#fileNameDisplay').html(file);
	}
</script>
@endsection