@extends('layouts.app')
@section('title', 'Import User')
@section('content')
<div class="container page-content">
	<div class="row justify-content-xl-center page-col">
	    <div class="col-xl-10 col-12">
	        <h1 class="font-weight-bold typography-4 mb-0">Import User</h1>
	    </div>
	</div><!-- Header -->
	<div class="row justify-content-xl-center page-col">
		<div class="col-xl-10 col-12">
			<div class="card">
				<div class="card-body">
					<form action="{{ route('file-import') }}" method="POST" enctype="multipart/form-data" autocomplete="off">
			            @csrf
			            <div class="row mb-3">
			            	<div class="col-md">
			            		<div class="row mb-3">
									<label for="file" class="col-xl-4 col-form-label">{{ __('Import User Excel') }}</label>
									<div class="col-xl-8">
										<input class="form-control @error('file') is-invalid @enderror" type="file" id="file" name="file" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel">
										@error('file')
											<span class="invalid-feedback" role="alert">
												<strong>{{ $message }}</strong>
											</span>
										@enderror
									</div>
								</div><!-- Supporting Document -->
								<div class="row">				
									<div class="col-12 text-end pt-3 d-flex">
										<a class="btn btn-black btn-custom" href="{{ route('department-index') }}">Back</a>
										<button type="submit" class="ms-3 btn btn-purple btn-submit">Import data</button>
									</div>
								</div>
							</div>
			            </div>
			        </form>
				</div>
			</div>
		</div>
	</div>
</div>
@endsection