@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("create").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">CREATE</span>
		</div>
		<div class="justify-content-center mt-2">
			<ol class="breadcrumb breadcrumb-style3">
				<li class="breadcrumb-item tx-15"><a href="{{ _route('client.students.index') }}"><i class="feather icon-home"></i></a></li>
				<li class="breadcrumb-item active">Create</li>
			</ol>
		</div>
	</div>
	<!-- [ breadcrumb ] end -->
	<!-- [ Main Content ] start -->
	<div class="row">
		<div class="col-sm-12">
			<div class="card">
				<div class="card-header d-md-flex justify-content-between">
					<h5>Create New Student</h5>
					<div class="">
						<a class="btn btn-secondary bt" data-bs-target="#dangerModal" data-bs-toggle="modal" href="javascript:void(0)">Help Desk</a>
							
					</div>
				</div>
				<div class="card-body">
                    @include('common.alert')
                        <form method="POST" action="{{ _route('client.students.store') }}" id="student-form"> 
						@csrf
						@include('client.students.form')		
				<div class="col-md-12">
					<button type="submit" class="btn btn-primary">Submit</button>
				</div>
					</form>
			

			<div class="modal fade" id="dangerModal" tabindex="-1" aria-hidden="true">
				<div class="modal-dialog modal-dialog-centered modal-lg">
					<div class="modal-content">
						<div class="modal-header">
							<h4>Add Student</h4><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						</div>
						<div style="position: relative; padding-top: 48.43423799582464%;"><iframe src="https://iframe.mediadelivery.net/embed/102326/ef0793ca-e0db-4a3a-867c-07835981c5de?autoplay=true&muted=true" loading="lazy" style="border: none; position: absolute; top: 0; height: 100%; width: 100%;" allow="accelerometer; gyroscope; autoplay; encrypted-media; picture-in-picture;" allowfullscreen="true"></iframe></div>
					</div>
				</div>
			</div>

				</div>
			</div>
		</div>
	</div>
	<!-- [ Main Content ] end -->
</div>
@endsection
@section('script')
    @include('client.students.script')
@endsection