@extends('layouts.app')
@section('titlePage', 'Manage Page')
@section('content')
<script>
    document.getElementById("kts-1").classList.add("is-expanded");
    document.getElementById("ktss-1").classList.add("active","is-expanded");
    document.getElementById("bulk").classList.add("active");
</script>
<div class="page-wrapper">
	<!-- [ breadcrumb ] start -->
	<div class="breadcrumb-header justify-content-between">
		<div class="left-content">
			<span class="main-content-title mg-b-0 mg-b-lg-1">BULK UPLOAD</span>
		</div>
		<div class="justify-content-center mt-2">
			<ol class="breadcrumb breadcrumb-style3">
				<li class="breadcrumb-item tx-15"><a href=""><i class="feather icon-home"></i></a></li>
				<li class="breadcrumb-item active">Bulk Upload Students</li>
			</ol>
		</div>
	</div>
	<!-- [ breadcrumb ] end -->
	<!-- [ Main Content ] start -->
	<div class="row">
		<div class="col-sm-12">
			<div class="card">
				<div class="card-body">
                    @include('common.alert')
					@if ($totalStudents > 0)
					<div class="row">
						<div class="col-md-12">
							<h3 class="breadcrumb-item active">There are currently {{$totalStudents}} students you have not sent a welcome email</h3>
							<a href="{{_route('client.students.send-welcome')}}" class="btn btn-primary">Send now</a>
							<hr>
						</div>
					</div>
					@endif
					<form method="POST" action="{{ _route('client.students.import-parse') }}" enctype="multipart/form-data">
						@csrf
						<div class="row">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <label for="">CSV file to import*</label>
									<br>
									<input  class="form-control" type="file" id="formFile" name="file" value="" required accept=".csv">
									
                                </div>
								
                                <!-- <div class="form-group">
                                    <label>
										<input type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="chekOut">
                                        <input type="checkbox" name="header" checked> File contains header row?
                                    </label>
								</div> -->
								<div class="form-group mb-2 justify-content-end">
											<div class="checkbox">
												<div class="custom-checkbox custom-control">
													<input type="checkbox" name="header" class="custom-control-input" checked>
													<label for="chekOut" class="custom-control-label mt-1">File contains header row?</label>
												</div>
											</div>
								</div>
								<div>
								<div class="form-group">
								<a href="{{asset('file/sample.csv')}}" class="btn btn-secondary">Download Sample CSV</a>
									<!-- <button class="btn btn-success" ><a href="{{asset('file/sample.csv')}}">Download Sample CSV</a></button> -->
								</div>
                            </div>
                            <div class="">
                                <hr/>
                                <button type="submit" class="btn btn-primary">Parse CSV</button>
                            </div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
</div>
@endsection