@php
    $name = isset($data->fullname) ? explode(' ',$data->fullname) : null;
@endphp

<div class="row">
    <!-- <div class="col-md-6">
        <div class="form-group">
            <label for="">First Name *</label>
            <input type="text" class="form-control" name="firstname" id="fullname" value="{{ old('firstname', $name[0] ?? null) }}" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Last Name *</label>
            <input type="text" class="form-control" name="lastname" id="lastname" value="{{ old('lastname', $name[1] ?? null) }}" required>
        </div>
    </div> -->

    <div class="col-md-6">
        <div class="form-group">
            <label for="">Full Name *</label>
            <input type="text" class="form-control" name="fullname" id="fullname" value="{{ old('fullname', $data->fullname ?? null) }}" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Email *</label>
            <input type="email" class="form-control" name="email" value="{{ old('email', $data->email ?? null) }}" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Alternate Email</label>
            <input type="email" class="form-control" name="alternate_email" value="{{ old('alternate_email', $data->alternate_email ?? null) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Date of birth *</label>
            <input type="text" class="form-control input-date-dob" name="dob" id="weeknum" value="{{ old('dob', isset($data->dob) ? Carbon::parse($data->dob)->format('Y-m-d'):'' ?? null) }}" placeholder="DD-MM-YYYY" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Registration Number *</label>
            <input type="text" class="form-control" name="registration_number" value="{{ old('registration_number', $data->registration_number ?? null) }}" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Phone Number *</label>
            <input type="tel" class="form-control" name="phone_number" value="{{ old('phone_number', $data->phone_number ?? null) }}" placeholder="eg:9876543210" pattern="[1-9]{3}[0-9]{3}[0-9]{4}" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Alternate Phone Number</label>
            <input type="tel" class="form-control" name="alternate_mobile" value="{{ old('alternate_mobile', $data->alternate_mobile ?? null) }}" placeholder="eg:9876543210" pattern="[1-9]{3}[0-9]{3}[0-9]{4}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Gender*</label>
            <select class="form-control" name="gender" required>
            <option value="">-- Select Gender --</option>
                @foreach (\App\Models\Students::getOptionGender() as $gender)
                    <option value="{{$gender}}" @if(($data->gender ?? null) == $gender) selected @endif>{{$gender}}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Semester*</label>
            <select class="form-control" name="semester" >
                <option value="">-- Select Semester --</option>
                @foreach ($semester as $key => $value)
                    <option value="{{$key}}"
                            @if(old('semester',$data->semester ?? null) == $key) selected @endif>{{$value}}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Date of Admission*</label>
            <input type="text" class="form-control input-admission-date"  id="weeknum" name="year_of_admission" value="{{ old('year_of_admission', isset($data->year_of_admission) ? Carbon::parse($data->year_of_admission)->format('Y-m-d'):'' ?? null) }}" placeholder="DD-MM-YYYY" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Current Year of studying</label>
            <input type="tel" class="form-control" name="current_year" value="{{ old('current_year', $data->current_year ?? null) }}" placeholder="eg:2023" pattern="[1-9]{3}[0-9]{3}[0-9]{4}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Graduation Year *</label>
            <input type="tel" class="form-control" name="graduation_year" value="{{ old('graduation_year', $data->graduation_year ?? null) }}" placeholder="eg:2025" pattern="[1-9]{3}[0-9]{3}[0-9]{4}" required>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Select Campus <span class="text-red">*</span></label>
            <select  name="campus_id" id="campus_id" class="form-control" required>
                <option value="">-- Select Campus --</option>
                @foreach ($dataMap['campuses'] as $campus)
                    <option value="{{$campus->id}}"
                            @if(($data->campus_id ?? null) == $campus->id) selected @endif>{{$campus->campus_title}} -- {{$campus->campus_location}}</option>
                @endforeach
            </select>
                       <button type="button" class="btn btn-primary btn-sm mt-2" data-toggle="modal" data-target="#exampleModal" height="400px" width="400px">Add Campus</button>
                    </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Select Degree <span class="text-red">*</span></label>
            <select class="form-control"  name="degree_specialization_id" id="degree_specialization_id" required>
                @if(!empty($data) && $data->degree_specialization_id && isset($dataMap['degreesMap'][$data->campus_id]))
                    @foreach ($dataMap['degreesMap'][$data->campus_id] as $degree)
                        <option value="{{$degree['id']}}"
                                @if(($data->degree_specialization_id ?? null) == $degree['id']) selected @endif>{{$degree['title']}}</option>
                    @endforeach
                @else
                    <option value="">-- Select Degree --</option>
                @endif
            </select>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Select Department <span class="text-red">*</span></label>
            <select class="form-control" name="department_mng_id" id="department_mng_id" required>
                @if(!empty($data) && $data->department_mng_id && isset($dataMap['departmentsMap'][$data->degree_specialization_id]))
                    @foreach ($dataMap['departmentsMap'][$data->degree_specialization_id] as $department)
                        <option value="{{$department['id']}}"
                                @if(($data->department_mng_id ?? null) == $department['id']) selected @endif>{{$department['title']}}</option>
                    @endforeach
                @else
                    <option value="">-- Select Department --</option>
                @endif
            </select>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Select Batch <span class="text-red">*</span></label>
            <select class="form-control" name="batch_id" id="batch_id" required>
                @if(!empty($data) && $data->batch_id && isset($dataMap['batchesMap'][$data->department_mng_id]))
                    @foreach ($dataMap['batchesMap'][$data->department_mng_id] as $batch)
                        <option value="{{$batch['id']}}"
                                @if(($data->batch_id ?? null) == $batch['id']) selected @endif>{{$batch['title']}}</option>
                    @endforeach
                @else
                    <option value="">-- Select Batch --</option>
                @endif
            </select>
        </div>
  
      
    </div>
    <div class="col-md-6">
    <div class="form-group">
            <label for="">Select Section <span class="text-red">*</span></label>
            <select class="form-control" name="section_id" id="section_id" required>
                @if(!empty($data) && $data->section_id && isset($dataMap['sectionsMap'][$data->batch_id]))
                    @foreach ($dataMap['sectionsMap'][$data->batch_id] as $section)
                        <option value="{{$section['id']}}"
                                @if(($data->section_id ?? null) == $section['id']) selected @endif>{{$section['title']}}</option>
                    @endforeach
                @else
                    <option value="">-- Select Section --</option>
                @endif
            </select>
    </div>
</div>
      
    <div class="col-md-12">
        <hr/>
    </div>
    {{--<div class="col-md-6">
        <div class="form-group">
            <label for="">Select Badge</label>
            <select class="form-control" name="badge_id">
                <option value="">-- Select Badge --</option>
                @foreach (\App\Badge::clientLogin()->get() as $badge)
                    <option value="{{$badge->id}}" @if(($data->badge_id ?? null) == $badge->id) selected @endif>{{$badge->badge_title}}</option>
                @endforeach
            </select>
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Select Super Badge</label>
            <select class="form-control" name="super_badge_id">
                <option value="">-- Select Super Badge --</option>
                @foreach (\App\SuperBadge::clientLogin()->get() as $badge)
                    <option value="{{$badge->id}}" @if(($data->super_badge_id ?? null) == $badge->id) selected @endif>{{$badge->super_badge_title}}</option>
                @endforeach
            </select>
        </div>
    </div> --}}
    <div class="col-md-12">
        <hr/>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Tenth Marks(%)</label>
            <input type="number" step="any" class="form-control" min="0" name="tenth_marks" value="{{ old('tenth_marks', $data->tenth_marks ?? 0) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Twelfth Marks(%)</label>
            <input type="number" step="any" class="form-control" min="0" name="twelth_marks" value="{{ old('twelth_marks', $data->twelth_marks ?? 0) }}" >
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Diploma Marks(%)</label>
            <input type="number" step="any" class="form-control" min="0" name="diploma_marks" value="{{ old('diploma_marks', $data->diploma_marks ?? 0) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">UG Marks(%)</label>
            <input type="number" step="any" class="form-control" min="0" name="ug_marks" value="{{ old('ug_marks', $data->ug_marks ?? 0) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">PG Marks(%)</label>
            <input type="number" step="any" class="form-control" min="0" name="pg_marks" value="{{ old('pg_marks', $data->pg_marks ?? 0) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Current Backlogs </label>
            <input type="number" class="form-control" min="0" name="current_backlogs" value="{{ old('current_backlogs', $data->current_backlogs ?? 0) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Backlog History</label>
            <input type="number" class="form-control" min="0" name="backlog_history" value="{{ old('backlog_history', $data->backlog_history ?? 0) }}">
        </div>
    </div>
    <div class="col-m d-6">
        <div class="form-group">
            <label for="">Interested In Placements</label>
            <select name="interested_in_placements" id="interested_in_placements" class="form-control">
                 <option {{ old('interested_in_placements', $data->interested_in_placements ?? 0) == 1 ? 'selected' : '' }} value="1">Yes</option>
                <option {{ old('interested_in_placements', $data->interested_in_placements ?? 0) == 0 ? 'selected' : '' }} value="0">No</option>
            </select>
        </div>
    </div>
    <div class="col-md-12">
        <div class="form-group">
            <label for="">Additional Info</label>
            <textarea class="form-control ck_editor" name="additional_info" id="additional_info">{!! old('additional_info', $data->additional_info ?? null) !!}</textarea>
        </div>
    </div>
</div>
@push('script')
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">Manage Campus Data</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            </div>
            <div class="modal-body">
                <form >
                    <div class="form-group">
                    <strong for="recipient-name" class="col-form-label">Campus:</strong>
                        <input type="text" name="campus_name" class="form-control" placeholder="Enter Campus" onkeypress="return (event.charCode > 64 && event.charCode < 91) || (event.charCode > 96 && event.charCode < 123) || (event.charCode==32)"  required>
                    </div>
                    <div class="form-group">
                    <strong for="recipient-name" class="col-form-label">Location:</strong>
                        <input type="text" name="location" class="form-control" placeholder="Enter Campus" >
                    </div>
                    <br>

                    <div class="form-group">
                    <strong>Degree and Specialization:</strong>
                        <input type="text" name="degreespecial" class="form-control" placeholder="enter Degree and specialization" >
                    </div>

                    <div class="form-group">
                    <strong>Department:</strong>
                        <input type="text" name="department" class="form-control" placeholder="department" >
                    </div>


                    <div class="form-group">
                    <strong>Batch:</strong>
                        <input type="text" name="batch" class="form-control" placeholder="batch" >
                    </div>

                    <div class="input-daterange" >
                        <div class="row col-md-12">
                            <div class="col-md-6">
                                <div class="form-group">
                                    <strong for="">Start Date</strong>
                                    <input type="text" class="form-control start-date" name="batch_start" id="weeknum" value="">
                                </div>
                            </div>

                            <div class="col-md-6">
                                <div class="form-group">
                                    <strong for="">End Date</strong>
                                    <input type="text" class="form-control end-date" name="batch_end" id="weeknum" value="">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="form-group">
                        <strong>Section:</strong>
                        <input type="text" name="section" class="form-control" placeholder="Section" >
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary" id="campus_submit">Submit</button>
            </div>
        </div>
    </div>
</div>


{{-- <script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script> --}}
<script src="{{ asset('assets/vidiyal/js/jquery.copy-to-clipboard.js') }}"></script>
<script src="{{ asset('assets/vidiyal/vendor.js') }}"></script>
<script type="text/javascript">
    $(document).ready(function() {
        function validateEmail(email) {
            //const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
           
            return re.test(String(email).toLowerCase());
        }
        $(function() {
            // [ Add phone validator ] start
            $.validator.addMethod(
                'phone_format',
                function(value, element) {
                    return this.optional(element) || /^[6-9][0-9]{9}$/.test(value);
                },
                'Invalid phone number.'
            );

            // $.validator.addMethod("validation_email", function(value, element) {
            //     return this.optional(element) || validateEmail(value);
            // }, "Email Address is invalid: Please enter a valid email address.");
            $.validator.addMethod("validation_email", function(value, element) {
                return this.optional(element) || /^[a-zA-Z0-9._-]+@[a-zA-Z0-9-]+\.[a-zA-Z.]{2,5}$/i.test(value);
            }, "Email Address is invalid: Please enter a valid email address.");


            $.validator.addMethod("validation_fullname", function(value, element) {
                return this.optional(element) || /^[a-zA-Z .]+$/i.test(value);
            }, "Please enter alphabets space and dot(.) only.");

            $.validator.addMethod("current_year_format", function(value, element) {
                return this.optional(element) || /^(19|20)\d{2}$/.test(value);
            }, "Please enter numeric with maximum 4 characters");

            // [ Initialize validation ] start
            $('#student-form').validate({
                ignore: '.ignore, .select2-input',
                focusInvalid: false,
                rules: {
                    'email': {
                        required: true,
                        email: true,
                        validation_email:true
                    },
                    // 'password': {
                    //     required: true,
                    //     minlength: 6,
                    //     maxlength: 20
                    // },
                    // 'password-confirmation': {
                    //     required: true,
                    //     minlength: 6,
                    //     equalTo: 'input[name="password"]'
                    // },
                    // 'validation-required': {
                    //     required: true
                    // },
                    'phone_number': {
                        required: true,
                        phone_format: true
                    },
                    'graduation_year': {
                        required: true,
                        current_year_format: true
                    },
                    'current_year': {
                        required: false,
                        current_year_format: true
                    },
                    // 'firstname': {
                    //     required: true,
                    //     minlength: 2,
                    //     validation_fullname:true
                    // },
                    // 'lastname': {
                    //     required: true,
                    //     minlength: 1,
                    //     validation_fullname:true
                    // },
                    'fullname': {
                        required: true,
                        minlength: 2,
                        validation_fullname:true
                    },
                    'dob': {
                        required: true,
                    },
                    'registration_number': {
                        required: true,
                        minlength: 3
                    },
                    'campus_id': {
                        required: true,
                    },

                    'alternate_email': {
                        validation_email:false
                    },

                    'alternate_mobile': {
                        phone_format: true,
                        required: false,
                    },

                    'year_of_admission': {
                        required: true,
                    },
                    'semester':{
                      required: true,  
                    }
                    // Checkbox groups  //
                },

                // Errors //

                errorPlacement: function errorPlacement(error, element) {
                    var $parent = $(element).parents('.form-group');

                    // Do not duplicate errors
                    if ($parent.find('.jquery-validation-error').length) {
                        return;
                    }
                    $parent.append(
                        error.addClass('jquery-validation-error small form-text invalid-feedback')
                    );
                },
                highlight: function(element) {
                    var $el = $(element);
                    var $parent = $el.parents('.form-group');

                    $el.addClass('is-invalid');

                    // Select2 and Tagsinput
                    if ($el.hasClass('select2-hidden-accessible') || $el.attr('data-role') === 'tagsinput') {
                        $el.parent().addClass('is-invalid');
                    }
                },
                unhighlight: function(element) {
                    $(element).parents('.form-group').find('.is-invalid').removeClass('is-invalid');
                }
            });

        });

    });
        </script>

{{-- <script>
	$('#exampleModal').on('show.bs.modal', function(event) {
		var button = $(event.relatedTarget)
		var modal = $(this);
	})
</script> --}}
<script>
       $("#campus_submit").click(function(e){
           
            e.preventDefault();
            var campus_name   = $("input[name=campus_name]").val();
            var degreespecial = $("input[name=degreespecial]").val();
            var department    = $("input[name=department]").val();
            var batch         = $("input[name=batch]").val();
            var section       = $("input[name=section]").val();
            var batch_start   = $("input[name=batch_start]").val();
            var batch_end     = $("input[name=batch_end]").val();
            var location      = $("input[name=location]").val();

            if(campus_name == ''){
                alert("please enter campus");
            }

            return $.ajax({
                type: "POST",
                url:'{{_route('client.campus.instantCampusStore')}}',
                data: {
                    _token : '{{csrf_token()}}',
                    data:{campus_name:campus_name, degreespecial:degreespecial, department:department, batch:batch,section:section, 
                        batch_start:batch_start,batch_end:batch_end,location:location},
                },
                success: function(response) {
                    if(response.success == true){
                        setTimeout(function(){ $('#exampleModal').modal('hide');},1000);
                        $('#campus_id').append(new Option(response.data.campus_name, response.data.campus_id, true, true));
                        $('#degree_specialization_id').append(new Option(response.data.degree_name,response.data.degree_id, true, true));
                        $('#department_mng_id').append(new Option(response.data.department_name, response.data.department_id, true, true));
                        $('#batch_id').append(new Option(response.data.batch_name, response.data.batch_id, true, true));
                        $('#section_id').append(new Option(response.data.section_name, response.data.section_id, true, true));
                    }
                },

                beforeSend: function() {},
                complete: function() {}
            });
        })
    </script>
@endpush