@extends('layouts.whatsapp')

@section('content')
<div class="container mt-6">
    <div class="row justify-content-center">
      <div class="col-md-8">
		@include('auth.partials.form-error')
		<div class="card">
			<div class="card-body">
				<form enctype="multipart/form-data" method="POST"
					action="{{route('studentWhatsappGroup')}}" class="form-horizontal" id="create_form">
					@csrf
					<input type="hidden" value="{{$group->coffid}}" name='course'>
					<input type="hidden" value="{{$group->gid}}" name='group'>
					<div class="form-group">
						<label for="student" class=" mt-3 mb-sm-1"> Student Email: <i
								class="text-danger">(required)</i></label>
						<input type="email" name="email" class="form-control" required/>
					</div>

					<div class="form-group">
						<label for="student" class=" mt-3 mb-sm-1"> last four digits of the student phone number: <i
								class="text-danger">(required)</i> </label>
						<input type="phone" class="form-control" min="1" maxlength="4" name="phone"  required />
						<span class="text-danger">*Make sure to enter the last 4 numbers, not the whole number</span>
					</div>
  
					<div class="form-group mb-0 row justify-content-center">
						<div class="col-md-3">
							<button type="submit" class="btn btn-primary waves-effect waves-light ">Submit</button>
						</div>
					</div>
				</form>
			</div>
		</div>
	  </div>
	</div>
</div>

@if ($message = Session::get('error'))
<script src="{{env('SECURE_ASSETS').'/js/jquery-3.2.1.min.js'}}"></script>
<!-- Sweet alert Plugin -->
<script src="{{env('SECURE_ASSETS').'/plugins/sweet-alert/sweet-alert2.js'}}"></script>

	<script type="text/javascript">
		Swal.fire({
		title: "Error",
		text: "{{$message}}",
		icon: "error",
		confirmButtonText: "Ok!"
		})
	</script>
@endif 
@endsection