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

<div class="row">
<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="">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="">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" value="{{ old('dob', encode_date(isset($data->dob) ? Carbon::parse($data->dob)->format('d-m-Y'):'' ?? null)) }}" 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) }}" >
        </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) }}" >
        </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) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Gender</label>
            <select class="form-control" name="gender" required>
                @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="">Year of Admission</label>
            <input type="text" class="form-control input-admission-date" name="year_of_admission" value="{{ old('year_of_admission', isset($data->year_of_admission) ? Carbon::parse($data->year_of_admission)->format('d-m-Y'):'' ?? null) }}" >
        </div>
    </div>
    
    
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Status</label>
            <select class="form-control" name="status" required>
                @foreach (\App\Models\Students::getOptionStatus() as $status)
                    <option value="{{$status}}" @if(($data->status ?? null) == $status) selected @endif>{{$status}}</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" max="100" name="tenth_marks" value="{{ old('tenth_marks', $data->tenth_marks ?? 0) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Twelth Marks</label>
            <input type="number" step="any" class="form-control" min="0" max="100" 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" max="100" 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" max="100" 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" max="100" 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" max="10" name="current_backlogs" value="{{ old('current_backlogs', $data->current_backlogs ?? 0) }}">
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label for="">Backlogs History</label>
            <input type="number" class="form-control" min="0" max="20" name="backlog_history" value="{{ old('backlog_history', $data->backlog_history ?? 0) }}">
        </div>
    </div>
    <div class="col-md-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) == 0 ? 'selected' : '' }} value="0">No</option>
                <option {{ old('interested_in_placements', $data->interested_in_placements ?? 0) == 1 ? 'selected' : '' }} value="1">Yes</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 class="col-md-12">
        <button type="submit" class="btn btn-primary">Submit</button>
    </div>
</div>
@push('script')
{{-- <script src="{{ asset('assets/plugins/select2/js/select2.full.min.js') }}"></script> --}}

<script type="text/javascript">
    $(document).ready(function() {
        $(function() {
            // [ Add phone validator ] start
            $.validator.addMethod(
                'phone_format',
                function(value, element) {
                    return this.optional(element) || /^[0-9]{10}$/.test(value);
                },
                'Invalid phone number.'
            );

            $.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 only.");

            // [ 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
                    },
                    'fullname': {
                        required: true,
                        minlength: 2,
                        validation_fullname:true
                    },
                    // 'lastname': {
                    //     required: true,
                    //     minlength: 1,
                    //     validation_fullname:true
                    // },
                    'dob': {
                        required: true,
                    },
                    'registration_number': {
                        required: false,
                        minlength: 3
                    },
                    'campus_id': {
                        required: true,
                    },

                    'alternate_email': {
                        validation_email:true
                    },

                    'alternate_mobile': {
                        phone_format: true
                    },

                    'year_of_admission': {
                        required: false,
                    },
                    // 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>
@endpush