@extends('adminlayout.admin')

@section('content')
<div class="nk-content nk-content-fluid">
    <div class="container-xl wide-lg">
        <div class="nk-content-body">
            <div class="nk-block-head nk-block-head-sm">
                <div class="nk-block-between g-3">
                    <div class="nk-block-head-content">
                        <h3 class="nk-block-title page-title">Admission</h3>
                        @if(Session::has('message'))
                            <p class="text-info">
                                {{ Session::get('message') }}
                            </p>
                        @endif
                        @if($errors->any())
                        <p class="text-danger">
                            {{ implode('', $errors->all(':message')) }}
                        </p>
                        @endif
                    </div>
                    <div class="nk-block-head-content">
                        <a href="{{ route('dashboard') }}" class="btn btn-outline-light bg-white d-none d-sm-inline-flex"><em class="icon ni ni-arrow-left"></em><span>Back</span></a>
                        <a href="{{ route('dashboard') }}" class="btn btn-icon btn-outline-light bg-white d-inline-flex d-sm-none"><em class="icon ni ni-arrow-left"></em></a>
                    </div>
                </div>
            </div><!-- .nk-block-head -->
            <div class="nk-block">
                <div class="card card-bordered">
                    <div class="card-aside-wrap">
                        <div class="card-content">
                            <div class="card-inner">
                                <div class="nk-block">
                                   <!-- <div class="nk-block-head">
                                        <h5 class="title">{{ $data->loan_category->name ?? '' }}</h5>
										 <label>Details :</label>
                                        <p>{!! $data->details ?? '' !!}</p>
										<div class="">
										   <label>Documents :</label>
													<p>{!! $data->documents ?? '' !!}</p>
										</div>
                                    </div>--><!-- .nk-block-head -->
                                    <form action="{{ route('apply_admission') }}" method="post" enctype="multipart/form-data">
                                        @csrf
                                        <input type="hidden" name="id" id="insid" value="">
                                        <div class="row gy-4">
										<div class="col-sm-4">
                                                <div class="form-group">
                                                    <label class="form-label" for="university">University</label>
                                                    <div class="form-control-wrap">
                                                       <select class="form-control" name="university" id="university"  data-msg="Required" required onchange="getCollege(this.value)">
													    <option value="">Select</option>
													   @foreach($universities as $university)
                                                            <option value="{{$university->id}}">{{$university->name}}</option>
														@endforeach	
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
											 <div class="col-sm-4">
                                                <div class="form-group">
                                                    <label class="form-label" for="phone">College</label>
                                                    <div class="form-control-wrap">
                                                         <select class="form-control" name="college" id="college"  data-msg="Required" onchange="getCourse(this.value)" required>
													    <option value="">Select</option>
													 
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-4">
                                                <div class="form-group">
                                                    <label class="form-label" for="phone">Course</label>
                                                    <div class="form-control-wrap">
                                                         <select class="form-control" name="course" id="course"  data-msg="Required" onchange="getCourseDetail(this.value)" required>
													    <option value="">Select</option>
													 
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
										 <div class="col-sm-12">
										  <div class="form-group" style="display: flex;">
										    <label class="form-label">Fees:</label>
											<div class="form-control-wrap fees" style="margin-left: 20px;"></div>
										  </div>
										 </div>	
										  <div class="col-sm-12">
										  <div class="form-group" style="display: flex;">
										    <label class="form-label">Total Seat:</label>
											<div class="form-control-wrap totalseat" style="margin-left: 20px;"></div>
										  </div>
										 </div>	
										  
										 <div class="col-sm-12">
										  <div class="form-group" >
										    <label class="form-label">Details:</label>
											<div class="form-control-wrap detail" ></div>
										  </div>
										 </div>
										 
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="name">Name</label>
                                                    <div class="form-control-wrap">
                                                        <input type="text" name="name" class="form-control @error('name') error @enderror" value="{{ old('name') }}">
                                                        @error('name')
                                                        <p class="text-danger">{{ $message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="mobile">Mobile</label>
                                                    <div class="form-control-wrap">
                                                        <input type="text" name="mobile" class="form-control @error('mobile') error @enderror" value="{{ old('mobile') }}">
                                                        @error('mobile')
                                                        <p class="text-danger">{{ $message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="email">Email</label>
                                                    <div class="form-control-wrap">
                                                        <input type="text" name="email" class="form-control @error('email') error @enderror" value="{{ old('email') }}">
                                                        @error('email')
                                                        <p class="text-danger">{{ $message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-sm-6">
                                                <div class="form-group">
                                                    <label class="form-label" for="address">Address</label>
                                                    <div class="form-control-wrap">
                                                  <textarea  name="address" class="form-control @error('address') error @enderror">{{ old('address') }}</textarea>
                                                        @error('address')
                                                        <p class="text-danger">{{ $message }}</p>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
											<div class="col-sm-5"></div>
                                            
                                            <div class="col-12">
                                                <ul class="align-center flex-wrap flex-sm-nowrap gx-4 gy-2">
                                                    <li>
                                                        <button type="submit" class="btn btn-lg btn-primary">Apply</button>
                                                    </li>
                                                    <li>
                                                        <a href="#" data-dismiss="modal" class="link link-light">Cancel</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </form>
                                </div><!-- .nk-block -->
                                <div class="nk-divider divider md"></div>
                            </div><!-- .card-inner -->
                        </div><!-- .card-content -->
                    </div><!-- .card-aside-wrap -->
                </div><!-- .card -->
            </div><!-- .nk-block -->
        </div>
    </div>
</div>



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>  
 
function getCollege(id) {
      if(!id)
	  {
		    let html='<option value="">Select</option>';
			  $('#college').html(html);
	  }
        $.ajax({
            url: "admin/get-colleges/"+id,
            dataType: 'json',
            success: function(response) {
                console.log(response);
                let html='<option value="">Select</option>';
                $.each(response.colleges, function(key, value) {
                    html += '<option value="'+value.id+'">'+value.name+'</option>'; 					
                });
                $('#college').html(html);
				
            }
        });
    }
		
function getCourse(id)
{
	$.ajax({
            type: "GET",
            url: "{{URL('admin/course-list-by-university-id')}}" +'/'+ id,
            dataType: 'json',
            success: function(response) {
                //console.log(response);
                var option = '';
                if (response.status == "success") {
                    var courses = response.courses;
                    var len = courses.length;
                    option += '<option value="" selected disabled> -- Select Option -- </option>';
                    for (let index = 0; index < courses.length; index++) {
                        option += "<option value='" + courses[index].id + "'>" + courses[index].name + "</option>";
                    }
                  
                    $('#course').html(option);

                } 
            }
        });
}	
function getCourseDetail(id)
{
	$.ajax({
            type: "GET",
            url: "{{URL('admin/get-course-detail')}}" +'/'+ id,
            dataType: 'json',
            success: function(response) {
              
                if (response.status == "success") {
                   if(response.course)
				   {
				   
					$('.fees').html(response.course.price);
					$('.totalseat').html(response.course.total_seat);					
					$('.detail').html(response.course.description);
					
					
				   }
                } 
            }
        });
}	
</script>

@endsection