@extends('layouts.app')
@section('titlePage', 'Manage Page')
@section('content')
<script>
    document.getElementById("kts-2").classList.add("is-expanded");
    document.getElementById("ktss-2").classList.add("active","is-expanded");
    document.getElementById("bulk-1").classList.add("active");
</script>
<div class="page-wrapper">
	 <!-- [ breadcrumb ] start -->
	 <div class="breadcrumb-header justify-content-between">
        <div class="left-content">
		<h5 class="main-content-title mg-b-0 mg-b-lg-1">Bulk Upload</h5>

        </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"></a></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 ($totalStaff > 0)
					<div class="row">
						<div class="col-md-12">
							<h3>There are currently {{$totalStaff}} staffs you have not sent a welcome email</h3>
							<a href="{{_route('client.manage-staff.send-welcome')}}" class="btn btn-info">Send now</a>
							<hr>
						</div>
					</div>
					@endif

					<form method="POST" action="{{ _route('client.manage-staff.import-parse') }}" enctype="multipart/form-data">
						@csrf
						<div class="row">
                            <div class="col-md-6">
                                <div class="mb-3">
                                    <label for="formFile" class="form-label">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 mb-2 justify-content-end">
											<div class="checkbox">
												<div class="custom-checkbox custom-control">
													<input type="checkbox" data-checkboxes="mygroup" class="custom-control-input" id="chekOut">
													<label for="chekOut" class="custom-control-label mt-1">File contains header row?</label>
												</div>
											</div>
										</div>
								<div class="form-group">
								<a href="{{asset('file/sample_staff.csv')}}" class="btn btn-secondary">Download Sample CSV</a>
									<!-- <a href="{{asset('file/sample_staff.csv')}}">Download Sample CSV</a> -->
								</div>
                            </div>
                            <div class="col-md-12">
                                <hr/>										
                                <button type="submit" class="btn btn-primary">Parse CSV</button>
                            </div>
						</div>
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
</div>
@endsection