@extends('dashboard_connect.dash_master')
@section('pagescontents')
	<!-- PAGE-HEADER -->
	<div class="page-header">
		<div>
			<h1 class="page-title">Admin Master</h1>
		</div>
		<div class="ms-auto pageheader-btn">
			<ol class="breadcrumb">
				<li class="breadcrumb-item"><a href="javascript:void(0);">Dashboard</a></li>
				<li class="breadcrumb-item active" aria-current="page">Add More Students</li>
			</ol>
		</div>
	</div>
	<!-- PAGE-HEADER END -->
    <div class="row">
        <div class="col-md-12">
            <div class="card">
                <div class="card-header border-bottom">
                    <h3 class="card-title">Add More Students</h3>
                </div>
                <div class="card-body">
                @if(Session::has('status'))
                    <div class="row">
                        <div class="col-12">
                            <div class="alert alert-success" role="alert">
                                <span class="alert-inner--icon me-2"><i class="fe fe-user-check"></i></span>
                                <span class="alert-inner--text" style="font-weight: bold;">{{ session('status') }}</span>
                            </div>
                        </div>
                    </div>
                @endif
                @if(Session::has('wrong'))
                    <div class="row">
                        <div class="col-12">
                            <div class="alert alert-danger" role="alert">
                                <span class="alert-inner--icon me-2"><i class="fe fe-user-x"></i></span>
                                <span class="alert-inner--text" style="font-weight: bold;">{{ session('wrong') }}</span>
                            </div>
                        </div>
                    </div>
                @endif                    
                <form class="needs-validation" novalidate method="post" action="{{ route('admin.students.postmore') }}">
                @csrf
                    <div class="row p-5">
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="sessionid" class="form-label text-muted">Select Session: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" id="sessionid" name="sessionid" data-placeholder="Choose Session..." required>
                                    <option value="">Select Session</option>
                                    @foreach($actsession as $sessnm)
                                        <option value="{{ $sessnm->id }}" {{ $sessnm->id == $sessionid ? 'selected' : '' }}>{{ $sessnm->sessionid }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select session.</div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="semesterid" class="form-label text-muted">Select Semester: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Semester" id="semesterid" name="semesterid" required>
                                    <option value="">Select Semester</option>
                                    @foreach($semestermaster as $semesternm)
                                        <option value="{{ $semesternm->courseyear }}" {{ $semesternm->courseyear == $semesterid ? 'selected' : '' }}>{{ $semesternm->courseyear }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select semester name.</div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-4">
                            <div class="form-group">
                                <label for="coutypeid" class="form-label text-muted">Select Paper Type: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Paper Type" id="coutypeid" name="coutypeid" required>
                                    <option value="">Select Paper Type</option>
                                    @foreach($coutypemaster as $ctypenm)
                                        <option value="{{ $ctypenm->papertype }}" {{ $ctypenm->papertype == $coutypeid ? 'selected' : '' }}>{{ $ctypenm->papertype }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select course type.</div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="subjectid" class="form-label text-muted">Select Subject Name: <font style="font-weight: bold; color: red;">**</font></label>
                                <select class="form-control select2-show-search form-select" data-placeholder="Select Subject Name" id="subjectid" name="subjectid" required>
                                    <option value="">Select Paper Name</option>
                                    @foreach($subjectmaster as $subjectnm)
                                        <option value={{ $subjectnm->id }} {{ $subjectnm->id == $subjectid ? 'selected' : '' }}>{{ $subjectnm->papername }} - {{ $subjectnm->papertype }} [{{ $subjectnm->course_name }}]</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select subject name.</div>
                            </div>
                        </div>
                        <div class="col-sm-12 col-md-12 col-xl-12">
                            <div class="form-group">
                                <label for="studentid" class="form-label text-muted">Select Student(s): <font style="font-weight: bold; color: red;">**</font></label>
                                <select multiple class="form-control select2-show-search form-select" data-placeholder="Select Student(s)" id="studentid" name="studentid[]" required>
                                    <option value="">Select Student(s)</option>
                                    @foreach($studentsdata as $studentnm)
                                        <option value="{{ $studentnm->studentid }}" {{ $studentnm->studentid == $studentid ? 'selected' : '' }}>{{ $studentnm->collrollno }} - {{ $studentnm->examrollno }} - {{ $studentnm->stuname }} - {{ $studentnm->coursename }} {{ $studentnm->courseyear }}</option>
                                    @endforeach
                                </select>
                                <div class="invalid-feedback">Please select student(s) name.</div>
                                <p style="font-weight: bold; color: red;">Hi User! This is multiple selection dropdown, you may search and select more than one student also.</p>
                            </div>
                        </div>
                    </div>
                    <div class="row p-5">
                        <div class="btn-list">
                            <button class="btn btn-info-gradient" type="submit"><i class="fe fe-list me-2"></i> Click to Add Student(s)</button>
                        </div>
                    </div>                                                        
                </form>
                </div>
            </div>
        </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script>
        function isNumberKey(evt, obj) {
            var charCode = (evt.which) ? evt.which : event.keyCode
            var value = obj.value;
            var dotcontains = value.indexOf(".") != -1;
            if (dotcontains)
                if (charCode == 46) return false;
            if (charCode == 46) return true;
            if (charCode > 31 && (charCode < 48 || charCode > 57))
                return false;
            return true;
        }
    </script>   

<script>
        $(document).ready(function () {
            $('#semesterid').on('change', function () {
                var idSemester = this.value;
                var idCouType = $("#coutypeid").val();
                $("#subjectid").html('');
                $.ajax({
                    url: "{{url('api/fetchadminsubject')}}",
                    type: "POST",
                    data: {
                        semester_id: idSemester,
                        coutype_id: idCouType,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {
                        $('#subjectid').html('<option value="">-- Select Paper Name --</option>');
                        $.each(result.subjectsdata, function (key, value) {
                            $("#subjectid").append('<option value="' + value
                                .id + '">' + value.papercode + ' - ' + value.papername + ' - ' + value.papertype + ' - ' + value.coursename + '</option>');
                        });
                    }
                });
            });

            $('#coutypeid').on('change', function () {
                var idCouType = this.value;
                var idSemester = $("#semesterid").val();
                $("#subjectid").html('');
                $.ajax({
                    url: "{{url('api/fetchadminsubject')}}",
                    type: "POST",
                    data: {
                        semester_id: idSemester,
                        coutype_id: idCouType,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {
                        $('#subjectid').html('<option value="">-- Select Paper Name --</option>');
                        $.each(result.subjectsdata, function (key, value) {
                            $("#subjectid").append('<option value="' + value
                                .id + '">' + value.papercode + ' - ' + value.papername + ' - ' + value.papertype + ' - ' + value.coursename + '</option>');
                        });
                    }
                });
            });
            
            $('#semesterid').on('change', function () {
                var idSemester = this.value;
                var idSession = $("#sessionid").val();
                $("#studentid").html('');
                $.ajax({
                    url: "{{url('api/fetchadminstudents')}}",
                    type: "POST",
                    data: {
                        semester_id: idSemester,
                        session_id: idSession,
                        _token: '{{csrf_token()}}'
                    },
                    dataType: 'json',
                    success: function (result) {
                        $('#studentid').html('<option value="">-- Select Student(s) Name --</option>');
                        $.each(result.studentsdata, function (key, value) {
                            $("#studentid").append('<option value="' + value
                                .studentid + '">' + value.collrollno + ' - ' + value.examrollno + ' - ' + value.stuname + ' - ' + value.coursename + '</option>');
                        });
                    }
                });
            });            
  
        });
    </script>

@endsection