@extends('auth_api.layouts.index')
@section('title')
    {{ __('onboarding') }}
@endsection
@section('content')
    <div id="entire_onboard" class="container">
        <div class="top">
            <a id="1" href="javascript:;" aria-label="back" class="back back_btn" style="display: none"><img
                    src="{{ asset('frontend') }}/student-panel/images/arrow.svg" alt="arrow"></a>
            <p id="section_head" class="head">Personal Information</p>
        </div>

        <div class="common-space">
            <ul id="heading_list" class="list-type">
                <li id="personal_head" class="single-list active " data-key="user-details"><span
                        class="line"></span>Personal
                    Information</li>
                {{-- filled --}}
                <li id="education_head" class="single-list " data-key="education-detail"><span
                        class="line"></span>Education
                    Details
                </li>
                <li id="study_head" class="single-list" data-key="study-preferences"><span class="line"></span>Study
                    Abroad
                    Preferences</li>
                <li id="budget_head" class="single-list" data-key="budget-preferences"><span class="line"></span>Budget
                    Preferences</li>
                <li id="test_head" class="single-list" data-key="test-status">Test Status</li>
                {{-- <span class="line"></span> --}}
                {{-- <li id="document_head" class="single-list" data-key="document-status">Documents</li> --}}
            </ul>
            <div id="main_spinner" class=""></div>

            <input type="hidden" name="token" id="token" value="{{ $token }}">
            {{-- <input type="hidden" name="web_token" id="web_token" value="{{ $web_token }}"> --}}
            <!-- Personal Information -->

            <div id="personal_section" class="user-details" style="display:none;">
                {{-- <p class="form-head">Personal Information</p> --}}
                <div class="top">
                    <!-- <a id="1" href="javascript:;" aria-label="back" class="back back_btn"><img
                                src="{{ asset('frontend') }}/student-panel/images/arrow1.svg" alt="arrow1"></a> -->
                    <p id="section_head" class="head">Personal Information</p>
                </div>
                <input type="hidden" name="" id="state_save" value="">
                <input type="hidden" name="" id="city_save" value="">

                <form id="personal_form" class="user-form">
                    @csrf
                    <div id="fullname_input" class="single-input field-not-empty">
                        <label for="Name" class="field-label">Full Name (As Per the Passport)</label>
                        <img src="{{ asset('frontend') }}/student-panel/images/edit.svg" id="edit-btn" class="edit-btn"
                            alt="edit-icon">
                        <input type="text" class="input-field" id="fullname" name="fullname"
                            placeholder="Full Name (As Per Passport Name)" value="" maxlength="100" readonly>
                    </div>
                    <input type="hidden" name="category_id" id="category_id" value="1">
                    <div id="name_edit" class="name">
                        <div id="first_name_input" class="single-input">
                            <label for="name" class="field-label">Enter First Name</label>
                            <input type="text" name="name" id="name" class="input-field"
                                placeholder="Enter First Name" value="" maxlength="50" oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '');">
                        </div>
                        <div id="last_name_input" class="single-input">
                            <label for="last_name" class="field-label">Enter Last Name</label>
                            <input type="text" name="last_name" id="last_name" class="input-field" value=""
                                placeholder="Enter Last Name" maxlength="50" oninput="this.value = this.value.replace(/[^a-zA-Z\s]/g, '');">
                        </div>
                    </div>

                    <div id="dob_input_desktop" class="single-input dob-desktop">
                        <label for="DOB" class="field-label">Date of Birth</label>
                        <input type="text" class="input-field date_input birth_date_dup" name="birth_date"
                            id="birth_date" value="" placeholder="Date of Birth" autocomplete="off" readonly>
                    </div>

                    <div class="single-input number field-not-empty">
                        <label for="Mobile number" class="field-label">Mobile Number</label>
                        <input type="text" class="input-field" name="phone" id="phone"
                            placeholder="Mobile number" value=""
                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');" readonly>
                        <a href="javascript:;" id="alt_phone_add" class="add-btn add-num">+ ADD Number</a>
                    </div>

                    <div id="alternate_phone_input" class="number alt-num single-input">
                        <label for="Alternate Mobile Number" class="field-label">Alternate Mobile Number</label>
                        <input type="tel" name="alternate_phone" id="alternate_phone" class="input-field"
                            value=""
                            oninput="this.value = this.value.replace(/[^0-9]/g, '').replace(/(\..*)\./g, '$1');"
                            placeholder="Enter Mobile Number" maxlength="15">
                        <img src="{{ asset('frontend') }}/student-panel/images/cross.svg" alt="cross" id="remove-num"
                            class="remove-alt">
                    </div>

                    <div id="email_input" class="single-input field-not-empty">
                        <label for="Email" class="field-label">Email</label>
                        <input type="email" class="input-field" name="email" id="email" placeholder="Email"
                            value="" readonly>
                        <a href="javascript:;" id="alt_email_add" class="add-btn add-email">+ ADD Email</a>
                    </div>

                    <div id="secondary_email_input" class="single-input alt-email">
                        <label for="Alternate Email Id" class="field-label">Alternate Email Id</label>
                        <input type="text" class="input-field" name="secondary_email" id="secondary_email"
                            placeholder="Alternate Email Id" value="" maxlength="50">
                        <img src="{{ asset('frontend') }}/student-panel/images/cross.svg" id="remove-email"
                            alt="cross" class="remove-alt">
                    </div>

                    <div class="single-row">
                        <div class="gender">
                            <div id="gender_input" class="single-option">
                                <input type="radio" class="input-field"  name="gender" value="male" aria-label="gender">
                                <svg width="17" height="36" viewBox="0 0 17 36" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M8.5 7C10.433 7 12 5.433 12 3.5C12 1.567 10.433 0 8.5 0C6.567 0 5 1.567 5 3.5C5 5.433 6.567 7 8.5 7ZM13.6486 14C13.6984 14.3524 13.7424 14.7287 13.7806 15.1216C13.9992 17.3666 14 19.8009 14 20.4998C14 21.3282 14.6716 21.9998 15.5 21.9998C16.3284 21.9998 17 21.3282 17 20.4998V20.493C17 19.7857 17 17.2288 16.7665 14.8308C16.6507 13.6418 16.4698 12.4015 16.1696 11.4252C16.0223 10.9462 15.8147 10.4227 15.499 9.9892C15.1824 9.5547 14.59 9 13.6886 9H3.3114C2.41 9 1.8176 9.5547 1.501 9.9892C1.1853 10.4227 0.9777 10.9462 0.8304 11.4252C0.5302 12.4015 0.3492 13.6418 0.2335 14.8308C-4.76837e-07 17.2288 0 19.7857 0 20.493V20.4998C0 21.3282 0.6716 21.9998 1.5 21.9998C2.3284 21.9998 3 21.3282 3 20.4998C3 19.8009 3.0008 17.3666 3.2194 15.1216C3.2576 14.7287 3.3016 14.3524 3.3514 14H4V34.4999C4 35.305 4.6356 35.9666 5.4401 35.9987C6.2446 36.0308 6.931 35.4221 6.9952 34.6195L7.8448 24H9.1552L10.0048 34.6196C10.069 35.4222 10.7554 36.0309 11.5599 35.9988C12.3644 35.9667 13 35.3051 13 34.5V14H13.6486Z"
                                        fill="#747579" />
                                </svg>

                                Male
                            </div>
                            <div class="single-option">
                                <input type="radio" class="input-field" id="gender" name="gender" value="female" aria-label="gender">
                                <svg width="17" height="36" viewBox="0 0 17 36" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path fill-rule="evenodd" clip-rule="evenodd"
                                        d="M12.0002 3.5C12.0002 5.433 10.4332 7 8.50024 7C6.56724 7 5.00024 5.433 5.00024 3.5C5.00024 1.567 6.56724 0 8.50024 0C10.4332 0 12.0002 1.567 12.0002 3.5ZM12.8667 9.046C12.7469 9.0158 12.6238 9.0005 12.5002 9.0005H7.00044C6.98714 9.0005 6.97354 9.0007 6.96034 9.001L6.43794 9.0009C5.62614 9.0008 4.74954 9.0008 4.49814 9.0012C4.37524 9.0014 4.25284 9.0166 4.13374 9.0467C3.01999 9.3273 2.27178 10.0056 1.80087 10.9324C1.38866 11.7436 1.18768 12.7524 1.02064 13.7546L0.0206426 19.7546C-0.115548 20.5718 0.436482 21.3446 1.25363 21.4808C2.07079 21.617 2.84363 21.065 2.97982 20.2478L3.97982 14.2478C4.07264 13.6907 4.15814 13.2663 4.24504 12.9388L4.50024 16.0002C4.50014 17.8697 2.80628 26.4085 2.20715 29.3703C2.09448 29.9273 2.46826 30.4634 3.03035 30.5471C7.15194 31.1615 9.84864 31.1418 13.9691 30.5426C14.5316 30.4608 14.9083 29.9272 14.7981 29.3696C14.2033 26.3609 12.5002 17.6064 12.5002 16L12.7554 12.9382C12.8423 13.2657 12.9278 13.6901 13.0206 14.2471L14.0206 20.2471C14.1568 21.0642 14.9296 21.6163 15.7468 21.4801C16.564 21.3439 17.116 20.5711 16.9798 19.7539L15.9798 13.7539C15.8128 12.7517 15.6118 11.7429 15.1996 10.9317C14.7287 10.0049 13.9804 9.3266 12.8667 9.046ZM5.00794 35.1241L4.63134 32.1115C5.69074 32.2418 6.69834 32.3256 7.69014 32.3637L6.97034 35.2426C6.85364 35.7097 6.42054 36.0273 5.93994 35.9982C5.45934 35.9692 5.06764 35.6018 5.00794 35.1241ZM10.0301 35.2421L9.31584 32.3853C10.3131 32.3733 11.3143 32.3149 12.3566 32.2111L11.9925 35.1236C11.9328 35.6014 11.5411 35.9687 11.0605 35.9977C10.5799 36.0268 10.1468 35.7092 10.0301 35.2421Z"
                                        fill="#747579" />
                                </svg>

                                Female
                            </div>
                        </div>

                        <div class="pass-detail">
                            <div class="select-tab">
                                <p class="phead">Do you have passport ?</p>
                                <div class="switch">
                                    <span id="passport_status" class="option">Yes</span>
                                    <span id="passport_status2" class="option active">No</span>
                                </div>
                            </div>
                        </div>

                        <div class="details">
                            <div id="pass_number_input" class="single-input">
                                <label for="Passport Number" class="field-label">Passport Number</label>
                                <input type="text" class="input-field" name="passport_number" id="passport_number"
                                    value="" placeholder="Enter Your Passport Number" maxlength="20">
                            </div>
                            <div id="pass_expiry_input" class="single-input">
                                {{-- <label for="Date of Expiration" class="field-label">Date of Expiration</label>
                        <input type="text" class="input-field" name="passport_expiry" id="passport_expiry" value=""
                            onfocus="this.type='month'" placeholder="Enter your Date of Expiration"> --}}

                                <label for="Date of Expiration" class="field-label">Date of Expiration</label>
                                <input type="text" class="input-field date_input_expiry" name="passport_expiry"
                                    id="passport_expiry" value="" placeholder="Enter the Date of Expiration"
                                    autocomplete="off" readonly>
                            </div>
                        </div>
                    </div>

                    <div class="single-input select-list">
                        <label for="visa-refusal" class="field-label">Have You Faced Visa Refusal</label>
                        <select class="default-select input-field" name="visa_refusal" id="visa_refusal">
                            <option disabled selected>Have You Faced Visa Refusal</option>
                            <option value="1">Yes</option>
                            <option value="0">No</option>
                        </select>
                    </div>

                    <div id="dob_input_mobile" class="single-input dob-mobile">
                        <label for="DOB" class="field-label">Date of Birth</label>
                        <input type="text" class="input-field date_input birth_date_dup" name="birth_date"
                            id="birth_date2" value="" placeholder="Date of Birth" autocomplete="off" readonly>
                    </div>

                    <div id="country_input" class="single-input select-list">
                        <label for="Country" class="field-label">Select Your Country of Residence</label>
                        <select class="default-select input-field" name="country_id" id="country_select">
                            <option value="" selected disabled>Select Your Country of Residence</option>

                        </select>
                    </div>

                    <div id="state_input" class="single-input select-list">
                        <label for="State" class="field-label">Select Your State</label>
                        <select class="default-select input-field" name="state_id" id="state_select">
                            <option value="" selected disabled>Select Your State</option>

                        </select>
                    </div>

                    <div id="city_input" class="single-input select-list">
                        <label for="City" class="field-label">Select Your City</label>
                        <select class="default-select input-field" name="city_id" id="cities">
                            <option value="" selected disabled>Select Your City</option>
                        </select>
                    </div>
                    <div class="form-btns">
                        <button value="1" class="skip-btn" type="button">Skip</button>
                        <button type="submit" id="personal_proceed" class="proceed-btn">
                            <i class="proceed_spin">Proceed</i>
                        </button>
                    </div>
                </form>
            </div>

            <!-- Education Preferences -->
            <div id="education_section" class="ed-detail" style="display:none;">
                <div class="top">
                    <a id="1" href="javascript:;" aria-label="back" class="back back_btn"><img
                            src="{{ asset('frontend') }}/student-panel/images/arrow1.svg" alt="arrow1"></a>
                    <p id="section_head" class="head">Education Details</p>
                </div>
                <div id="ed_add_section">
                    <input type="hidden" name="passing_year_save" id="passing_year_save">
                    <form id="education_form" class="user-form">
                        @csrf
                        <input type="hidden" name="category_id" id="category_id" value="2">
                        <input type="hidden" name="education_id" id="education_id" value="">

                        <div id="qualification_input" class="single-input select-list">
                            <label for="Education pursuing" class="field-label">Select Your Qualification</label>
                            <select class="default-select input-field" name="qualification" id="qualification">
                                <option value="" selected disabled>Select Your Qualification</option>
                                <option value="Certification">Certification</option>
                                <option value="10th">Class 10th</option>
                                <option value="12th" disabled>Class 12th</option>
                                <option value="Diploma" disabled>Diploma</option>
                                <option value="Bachelors" disabled>Bachelors</option>
                                <option value="Masters" disabled>Masters</option>
                                <option value="PhD" disabled>PhD</option>
                            </select>
                        </div>

                        <div id="admission_year_input" class="single-input select-list">
                            <label for="Year" class="field-label">Start year (yyyy)</label>
                            <select name="admission_year" class="default-select input-field" id="admission_year">
                                <option value="" class="input-field" disabled selected>Start year (yyyy)</option>

                            </select>
                        </div>

                        <div class="single-input select-list end-year">
                            <label for="Year" class="field-label">End year (yyyy)</label>
                            <select name="passing_year" id="passing_year" class="default-select input-field">
                                <option value="" class="input-field" disabled selected>End year (yyyy)</option>

                            </select>
                        </div>

                        <div id="stream_input" class="single-input select-list">
                            <label for="Streams" id="stream_label" class="field-label">Stream in 12th</label>
                            <select class="default-select input-field" id="stream" name="stream">
                                <option value="" selected disabled id="default_stream">Stream in 12th</option>
                                <option value="Science">Science</option>
                                <option value="Commerce">Commerce</option>
                                <option value="Arts">Arts</option>
                                <option value="Vocational">Vocational</option>
                            </select>
                        </div>

                        <div id="board_input" class="single-input select-list">
                            <label for="Board" id="board_label" class="field-label">Select Your Board</label>
                            <select class="default-select input-field" name="education_board" id="education_board">
                                <option value="" selected disabled>Select Your Board</option>
                                <option value="CBSE">CBSE</option>
                                <option value="RBSE">RBSE</option>
                            </select>
                        </div>
                        <div id="board_other_input" class="single-input" style="display: none">
                            <label for="board_other" class="field-label">Board Name</label>
                            <input type="text" class="input-field" name="board_other" id="board_other" placeholder="Board Name"
                                value="" maxlength="20">
                        </div>


                        {{-- <div id="degree_input" class="single-input select-list">
                        <label for="Degrees" class="field-label">Degree</label>
                        <select class="default-select input-field" id="degree" name="degree">
                            <option value="" selected disabled>Select Your Degree</option>
                            <option value="commerce with math">B.Tech</option>
                            <option value="science with math">B.A.</option>
                        </select>
                    </div> --}}
                        <div id="degree_input" class="single-input">
                            <label for="Degrees" id="degree_label" class="field-label">Degree</label>
                            <input type="text" class="input-field" name="degree" id="degree"
                                placeholder="Enter Your Degree" value="" maxlength="50">
                        </div>

                        <div id="institute_input" class="single-input">
                            <label for="Institute" class="field-label">Institution Name</label>
                            <input type="text" class="input-field" name="institute_name" id="institute_name"
                                placeholder="Enter Your Institution Name" value="" maxlength="50">
                        </div>
                        <div id="uni_board_input" class="single-input select-list">
                            <label for="Uni_Board" class="field-label">Select Your University</label>
                            <select class="default-select input-field" name="uni_board" id="uni_board">
                                <option value="" selected disabled>Select Your University</option>
                                <option value="CBSE">CBSE</option>
                                <option value="RBSE">RBSE</option>
                            </select>
                        </div>
                        <div id="uni_other_input" class="single-input" style="display: none">
                            <label for="uni_other" class="field-label">University Name</label>
                            <input type="text" class="input-field" name="uni_other" id="uni_other" placeholder="University Name"
                                value="" maxlength="20">
                        </div>
                        

                        <div id="grade_input" class="number">
                            <div class="select-code">
                                <div class="country-code">
                                    <select class="list" name="grade_type" id="grade_type">
                                        <option value="Percentage">Percentage</option>
                                        <option value="CGPA (10)">CGPA (10)</option>
                                        <option value="CGPA (4)">CGPA (4)</option>
                                    </select>
                                </div>
                            </div>

                            <div class="single-input">
                                <label for="Marks Obtained" id="mark_label" class="field-label">Marks Obtained</label>
                                <input type="text" name="grade_percentage" id="grade_percentage" class="input-field"
                                    value="" placeholder="Marks Obtained" maxlength="5">
                            </div>
                        </div>

                        <div id="medium_input" class="single-input select-list">
                            <label for="Medium of instruction" class="field-label">Medium of instruction</label>
                            <select class="default-select input-field" name="medium" id="medium">
                                <option value="" selected disabled>Medium of instruction</option>
                                <option value="English">English</option>
                                <option value="Hindi">Hindi</option>
                                <option value="other">Other</option>
                            </select>
                        </div>
                        <div id="medium_other_input" class="single-input" style="display: none">
                            <label for="medium_other" class="field-label">Medium Name</label>
                            <input type="text" class="input-field" name="medium_other" id="medium_other" placeholder="Medium Name"
                                value="" maxlength="20">
                        </div>

                        <div class="single-input">
                            <label for="backlog" class="field-label">Backlog</label>
                            <input type="text" class="input-field" name="backlog" id="backlog"
                                placeholder="Enter Backlog" value="">
                        </div>

                        <div class="single-input">
                            <label for="Gaps" class="field-label">Gap</label>
                            <input type="text" class="input-field" name="gap" id="gap"
                                placeholder="Enter Gap" value="">
                        </div>

                        <div class="form-btns">
                            <button value="2" id="skip_education_btn" class="skip-btn" type="button">Skip</button>
                            <button type="submit" class="proceed-btn">
                                <i id="add_new_btn" class="proceed_spin">Proceed</i>
                            </button>
                        </div>
                    </form>
                </div>
                <!-- view education details -->
                <img src="{{ asset('frontend') }}/student-panel/images/edit.svg" alt="edit-icon" id="edit_education_img"
                    style="display: none">
                <img src="{{ asset('frontend') }}/student-panel/images/delete.svg" alt="delete-icon"
                    id="del_education_img" style="display: none">
                <div id="edu_spinner" class=""></div>
                <div id="ed_view_section" class="view-ed-detail">
                    <div id="education_cards">
                        <div class="details">
                            <p class="ed-head">Class 12 (10+2)
                                <a href="javascript:;"><img src="{{ asset('frontend') }}/student-panel/images/edit.svg"
                                        alt="edit-icon"></a>
                            </p>
                            <ul class="list-type2">
                                <li class="ed-list"><span class="ed-value">End year</span>2020</li>
                                <li class="ed-list"><span class="ed-value">Stream</span>Commerce with Math</li>
                                <li class="ed-list"><span class="ed-value">Board</span>CBSE</li>
                                <li class="ed-list"><span class="ed-value">Marks</span>95 Percentage</li>
                                <li class="ed-list"><span class="ed-value">Medium</span>English</li>
                            </ul>
                        </div>

                        <div class="details">
                            <p class="ed-head">Bachelor
                                <a href="javascript:;"><img src="{{ asset('frontend') }}/student-panel/images/edit.svg"
                                        alt="edit-icon"></a>
                            </p>
                            <ul class="list-type2">
                                <li class="ed-list m-year">
                                    <p class="syear"><span class="ed-value">Start Year</span>2017</p>
                                    <p class="syear"><span class="ed-value">End year</span>2020</p>
                                </li>
                                <li class="ed-list"><span class="ed-value">Stream</span>Commerce with Math</li>
                                <li class="ed-list"><span class="ed-value">Board</span>CBSE</li>
                                <li class="ed-list"><span class="ed-value">Marks</span>95 Percentage</li>
                                <li class="ed-list"><span class="ed-value">Medium</span>English</li>
                            </ul>
                        </div>
                    </div>
                    <a href="javascript:;" id="add_more_btn" class="add-more">+ Add</a>
                    <div class="form-btns">
                        <!-- <button value="2" class="skip-btn" type="button">Skip</button> -->
                        <button type="submit" id="proceed_education_btn" class="proceed-btn">
                            <i class="proceed_spin">Proceed</i>
                        </button>
                    </div>
                </div>
            </div>

            <!-- Study Abroad Preferences -->
            <div id="study_section" class="study-preferences" style="display:none;">
                <div class="top">
                    <a id="1" href="javascript:;" aria-label="back" class="back back_btn"><img
                            src="{{ asset('frontend') }}/student-panel/images/arrow1.svg" alt="arrow1"></a>
                    <p id="section_head" class="head">Study Abroad Preferences</p>
                </div>
                <form id="study_form" class="user-form">
                    @csrf
                    <input type="hidden" name="category_id" id="category_id" value="3">
                    <div class="options">
                        <p class="head">Pick the Countries You Want to Study Abroad?</p>
                        <ul class="list" id="preferred_country_input" >
                            <li class="single-list"><input type="checkbox" class="input-field" name="preferred_country"
                                    value="79"><img src="{{ asset('frontend') }}/student-panel/images/UK.svg"
                                    alt="Uk">UK
                            </li>
                            <li class="single-list"><input type="checkbox" class="input-field" name="preferred_country"
                                    value="39"><img src="{{ asset('frontend') }}/student-panel/images/canada.svg"
                                    alt="canada">Canada</li>
                            <li class="single-list"><input type="checkbox" class="input-field" name="preferred_country"
                                    value="233"><img src="{{ asset('frontend') }}/student-panel/images/USA.svg"
                                    alt="USA">USA</li>
                            <li class="single-list"><input type="checkbox" class="input-field" name="preferred_country"
                                    value="15"><img src="{{ asset('frontend') }}/student-panel/images/australia.svg"
                                    alt="australia" >Australia
                            </li>
                        </ul>
                    </div>

                    <div id="preferred_course_input" class="single-input select-list w-100 selectized_select">
                        <label for="preferred_course" class="field-label">Preferred Courses</label>

                        <select class="" name="preferred_course" id="preferred_course">
                            <option value="" disabled selected>Preferred Courses</option>
                            <option value="Commerce with Math">Commerce with Math</option>
                            <option value="Science with Math">Science with Math</option>
                        </select>
                    </div>
                    {{-- <div class="single-input select-list">
                    <label for="Preferred Course" class="field-label">Preferred Course</label>
                    <input class="default-select input-field" placeholder="Preferred Course" name="preferred_course"
                        id="preferred_course" value="" readonly>
                    <ul id="preferred_courses" class="dropdown">
                        <li class="dropdown-item"><input class="select-btn" type="radio" name="preferred_course"><span
                                class="checkmark"></span>Commerce with Math</li>
                        <li class="dropdown-item"><input class="select-btn" type="radio" name="preferred_course"><span
                                class="checkmark"></span>Science with Math</li>
                    </ul>
                </div> --}}

                    <div class="single-input select-list">
                        <label for="applied_university_status" class="field-label">Applied to Any University Yet?</label>
                        <select class="default-select input-field" name="applied_university_status"
                            id="applied_university_status">
                            <option value="" selected disabled>Applied to Any University Yet?</option>
                            <option value="1">Yes</option>
                            <option value="0">No</option>
                        </select>
                    </div>

                    <div class="single-input hide">
                        <label for="university Name" class="field-label">Name of the University</label>
                        <input type="text" class="input-field" name="applied_university_name"
                            id="applied_university_name" placeholder="Name of the University" value="" maxlength="50">
                    </div>

                    <div class="single-input select-list">
                        <label for="consultant_status" class="field-label">Connected to Any Other Consultant
                            Before?</label>
                        <select class="default-select input-field" name="consultant_status" id="consultant_status">
                            <option value="" selected disabled>Connected to Any Other Consultant Before?</option>
                            <option value="1">Yes</option>
                            <option value="0">No</option>
                        </select>
                    </div>

                    <div class="single-input hide">
                        <label for="Consultant Name" class="field-label">Name of the Consultant </label>
                        <input type="text" class="input-field" name="consultant_name" id="consultant_name"
                            placeholder="Name of the Consultant" value="" maxlength="20">
                    </div>

                    <div class="options year">
                        <p class="head">In Which Year Do You Plan to Study Abroad?</p>
                        <ul class="list"  id="intake_years_input">
                            <li class="single-list"><input type="checkbox" class="input-field" name="intake_years"
                                    value="2023">2023</li>
                            <li class="single-list suggested"><input type="checkbox" class="input-field"
                                    name="intake_years" value="2024">2024
                            </li>
                            <li class="single-list"><input type="checkbox" class="input-field" id="intake_year" name="intake_years"
                                    value="2025">2025</li>
                    </div>

                    <div class="options session">
                        <p class="head">Which Intake Season Do You Plan to Apply For?</p>
                        <ul class="list" id="intake_sessions_input">
                            <li class="single-list"><input type="checkbox" class="input-field" name="intake_sessions"
                                    value="Sept-Nov">
                                <svg width="19" height="18" viewBox="0 0 19 18" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M1 6C1.19778 6 1.39112 5.94135 1.55557 5.83147C1.72002 5.72159 1.84819 5.56541 1.92388 5.38268C1.99957 5.19996 2.01937 4.99889 1.98079 4.80491C1.9422 4.61093 1.84696 4.43275 1.70711 4.29289C1.56725 4.15304 1.38907 4.0578 1.19509 4.01921C1.00111 3.98063 0.800043 4.00043 0.617316 4.07612C0.43459 4.15181 0.278412 4.27998 0.16853 4.44443C0.0586491 4.60888 0 4.80222 0 5C0 5.26522 0.105357 5.51957 0.292893 5.70711C0.48043 5.89464 0.734784 6 1 6ZM5 6H12C12.7956 6 13.5587 5.68393 14.1213 5.12132C14.6839 4.55871 15 3.79565 15 3C15 2.20435 14.6839 1.44129 14.1213 0.87868C13.5587 0.316071 12.7956 0 12 0C11.4739 0.00217645 10.9573 0.139943 10.5 0.4C10.3854 0.46533 10.2849 0.552684 10.2042 0.657031C10.1235 0.761378 10.0643 0.880656 10.0299 1.008C9.99549 1.13534 9.98663 1.26822 10.0038 1.399C10.021 1.52978 10.0639 1.65587 10.13 1.77C10.1962 1.88375 10.2841 1.98333 10.3889 2.06302C10.4936 2.14271 10.613 2.20094 10.7403 2.23439C10.8675 2.26783 11.0002 2.27583 11.1305 2.25791C11.2609 2.24 11.3865 2.19653 11.5 2.13C11.6538 2.04722 11.8253 2.00264 12 2C12.2652 2 12.5196 2.10536 12.7071 2.29289C12.8946 2.48043 13 2.73478 13 3C13 3.26522 12.8946 3.51957 12.7071 3.70711C12.5196 3.89464 12.2652 4 12 4H5C4.73478 4 4.48043 4.10536 4.29289 4.29289C4.10536 4.48043 4 4.73478 4 5C4 5.26522 4.10536 5.51957 4.29289 5.70711C4.48043 5.89464 4.73478 6 5 6ZM1 10H8C8.26522 10 8.51957 9.89464 8.70711 9.70711C8.89464 9.51957 9 9.26522 9 9C9 8.73478 8.89464 8.48043 8.70711 8.29289C8.51957 8.10536 8.26522 8 8 8H1C0.734784 8 0.48043 8.10536 0.292893 8.29289C0.105357 8.48043 0 8.73478 0 9C0 9.26522 0.105357 9.51957 0.292893 9.70711C0.48043 9.89464 0.734784 10 1 10ZM18 6C18.1978 6 18.3911 5.94135 18.5556 5.83147C18.72 5.72159 18.8482 5.56541 18.9239 5.38268C18.9996 5.19996 19.0194 4.99889 18.9808 4.80491C18.9422 4.61093 18.847 4.43275 18.7071 4.29289C18.5673 4.15304 18.3891 4.0578 18.1951 4.01921C18.0011 3.98063 17.8 4.00043 17.6173 4.07612C17.4346 4.15181 17.2784 4.27998 17.1685 4.44443C17.0586 4.60888 17 4.80222 17 5C17 5.26522 17.1054 5.51957 17.2929 5.70711C17.4804 5.89464 17.7348 6 18 6ZM16 8H12C11.7348 8 11.4804 8.10536 11.2929 8.29289C11.1054 8.48043 11 8.73478 11 9C11 9.26522 11.1054 9.51957 11.2929 9.70711C11.4804 9.89464 11.7348 10 12 10H16C16.2652 10 16.5196 10.1054 16.7071 10.2929C16.8946 10.4804 17 10.7348 17 11C17 11.2652 16.8946 11.5196 16.7071 11.7071C16.5196 11.8946 16.2652 12 16 12C15.7348 12 15.4804 12.1054 15.2929 12.2929C15.1054 12.4804 15 12.7348 15 13C15 13.2652 15.1054 13.5196 15.2929 13.7071C15.4804 13.8946 15.7348 14 16 14C16.7956 14 17.5587 13.6839 18.1213 13.1213C18.6839 12.5587 19 11.7956 19 11C19 10.2044 18.6839 9.44129 18.1213 8.87868C17.5587 8.31607 16.7956 8 16 8ZM10 12H6C5.73478 12 5.48043 12.1054 5.29289 12.2929C5.10536 12.4804 5 12.7348 5 13C5 13.2652 5.10536 13.5196 5.29289 13.7071C5.48043 13.8946 5.73478 14 6 14H10C10.2652 14 10.5196 14.1054 10.7071 14.2929C10.8946 14.4804 11 14.7348 11 15C11 15.2652 10.8946 15.5196 10.7071 15.7071C10.5196 15.8946 10.2652 16 10 16C9.82532 15.9974 9.65384 15.9528 9.5 15.87C9.38618 15.7976 9.2589 15.7491 9.12582 15.7272C8.99274 15.7053 8.85661 15.7105 8.72561 15.7426C8.59462 15.7747 8.47147 15.833 8.36357 15.9139C8.25567 15.9948 8.16525 16.0967 8.09776 16.2135C8.03026 16.3302 7.98708 16.4594 7.97082 16.5933C7.95456 16.7272 7.96555 16.863 8.00312 16.9925C8.0407 17.1221 8.10409 17.2427 8.18948 17.347C8.27487 17.4514 8.3805 17.5375 8.5 17.6C8.9573 17.8601 9.47393 17.9978 10 18C10.7956 18 11.5587 17.6839 12.1213 17.1213C12.6839 16.5587 13 15.7956 13 15C13 14.2044 12.6839 13.4413 12.1213 12.8787C11.5587 12.3161 10.7956 12 10 12ZM2 12H1C0.734784 12 0.48043 12.1054 0.292893 12.2929C0.105357 12.4804 0 12.7348 0 13C0 13.2652 0.105357 13.5196 0.292893 13.7071C0.48043 13.8946 0.734784 14 1 14H2C2.26522 14 2.51957 13.8946 2.70711 13.7071C2.89464 13.5196 3 13.2652 3 13C3 12.7348 2.89464 12.4804 2.70711 12.2929C2.51957 12.1054 2.26522 12 2 12Z"
                                        fill="#24292D" />
                                </svg>
                                <p class="duration">Sep - Nov
                                    <span class="s-name">Fall</span>
                                </p>

                            </li>

                            <li class="single-list"><input type="checkbox" class="input-field" name="intake_sessions"
                                    value="Mar-May">
                                <svg width="17" height="20" viewBox="0 0 17 20" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M1 12.0216C1 13.2058 1.461 14.3224 2.30263 15.1598C2.71377 15.5734 3.20276 15.9015 3.74139 16.125C4.28002 16.3486 4.8576 16.4633 5.44078 16.4624C6.41353 16.4624 7.33129 16.1494 8.0968 15.5743V18.3656C8.0968 18.7166 8.38016 19 8.73119 19C9.08223 19 9.36559 18.7166 9.36559 18.3656V15.5743C11.1038 16.8727 13.5822 16.7415 15.1598 15.1598C15.5734 14.7486 15.9014 14.2596 16.125 13.721C16.3486 13.1824 16.4633 12.6048 16.4624 12.0216C16.4624 10.8332 16.0014 9.72088 15.1598 8.88347C15.109 8.83272 15.0583 8.78197 15.0033 8.73545C15.0583 8.68469 15.109 8.63817 15.1598 8.58742C15.5734 8.17628 15.9014 7.68728 16.125 7.14866C16.3486 6.61003 16.4633 6.03245 16.4624 5.44926C16.4624 4.26506 16.0014 3.14851 15.1598 2.31111C13.43 0.581319 10.609 0.581319 8.87922 2.31111C8.82847 2.3534 8.78195 2.40415 8.73119 2.45914C8.68044 2.40415 8.63392 2.3534 8.58317 2.30265C8.17203 1.88904 7.68304 1.56097 7.14441 1.33739C6.60578 1.11381 6.0282 0.999146 5.44501 1.00002C4.86169 0.99821 4.28383 1.11245 3.74508 1.33608C3.20632 1.55972 2.71743 1.88828 2.30686 2.30265C1.89325 2.71379 1.56518 3.20279 1.3416 3.74141C1.11802 4.28004 1.00335 4.85762 1.00423 5.44081C1.00423 6.62924 1.46523 7.74155 2.30686 8.58319C2.35761 8.63394 2.40836 8.68469 2.46334 8.73122C2.40836 8.78197 2.35761 8.82849 2.30686 8.87924C1.461 9.72088 1 10.8332 1 12.0216ZM3.84633 8.20255C3.58834 8.03338 3.37265 7.85998 3.19925 7.68657C1.96428 6.45161 1.96428 4.43846 3.19925 3.19927C3.49347 2.90487 3.84295 2.6715 4.22762 2.51255C4.61229 2.35361 5.02457 2.27221 5.44078 2.27305C6.25281 2.27305 7.06484 2.58179 7.68232 3.19927C7.85573 3.37267 8.02913 3.59259 8.1983 3.85058C8.43091 4.20584 9.02302 4.20584 9.25563 3.85058C9.4248 3.59259 9.5982 3.37267 9.77161 3.2035C11.0066 1.96854 13.0197 1.96854 14.2589 3.2035C15.4939 4.43846 15.4939 6.45161 14.2589 7.6908C14.0855 7.86421 13.8656 8.03761 13.6076 8.20678C13.5206 8.26485 13.4493 8.34347 13.4 8.43569C13.3507 8.52791 13.3249 8.63087 13.3249 8.73545C13.3249 8.84002 13.3507 8.94298 13.4 9.0352C13.4493 9.12741 13.5206 9.20604 13.6076 9.26411C13.8656 9.43328 14.0813 9.60668 14.2589 9.78009C15.4939 11.015 15.4939 13.0282 14.2589 14.2674C13.024 15.5024 11.0108 15.5024 9.77161 14.2674C9.5982 14.094 9.4248 13.8741 9.25563 13.6161L9.24294 13.6034C9.21789 13.5671 9.18801 13.5344 9.15413 13.5061L9.14567 13.4977C9.03148 13.3962 8.88768 13.3369 8.72697 13.3369C8.56625 13.3369 8.41823 13.4004 8.30826 13.4977L8.2998 13.5061C8.26597 13.5357 8.23636 13.5696 8.21099 13.6076C8.20676 13.6118 8.20253 13.6161 8.20253 13.6203C8.03336 13.8783 7.85996 14.094 7.68655 14.2674C6.45159 15.5024 4.43844 15.5024 3.19925 14.2674C1.96428 13.0324 1.96428 11.0193 3.19925 9.78009C3.37265 9.60668 3.59257 9.43328 3.85056 9.26411C4.02819 9.14569 4.13393 8.94691 4.13393 8.73545C4.13393 8.52398 4.02396 8.32097 3.84633 8.20255Z"
                                        fill="#24292D" stroke="#24292D" stroke-width="0.5" />
                                    <path
                                        d="M5.16161 9.1497C5.17429 9.2512 5.18698 9.3527 5.20813 9.45421C5.20813 9.45844 5.21236 9.46267 5.21236 9.46689C5.35209 10.1523 5.6921 10.7808 6.18933 11.2728C6.68255 11.7684 7.31054 12.1081 7.99525 12.2498C7.99948 12.2498 8.00371 12.254 8.00794 12.254C8.10944 12.2752 8.20672 12.2879 8.31245 12.3005C8.32937 12.3048 8.35051 12.309 8.36743 12.309C8.48585 12.3217 8.6085 12.3259 8.73115 12.3259C8.8538 12.3259 8.97645 12.3175 9.09487 12.309C9.11179 12.309 9.13294 12.3048 9.14985 12.3005C9.25136 12.2879 9.35286 12.2752 9.45436 12.254C9.45859 12.254 9.45859 12.254 9.46282 12.2498C10.3809 12.0614 11.1877 11.519 11.7086 10.7399C11.7593 10.6638 11.8101 10.5834 11.8524 10.4988C11.8651 10.4777 11.8778 10.4566 11.8905 10.4312C11.9243 10.3635 11.9581 10.2958 11.9877 10.2324C12.0089 10.1901 12.0258 10.152 12.0469 10.1098C12.0681 10.059 12.085 10.004 12.1061 9.95327C12.1273 9.89406 12.1527 9.83485 12.1696 9.77141C12.1823 9.73334 12.1865 9.69951 12.1992 9.66144C12.2203 9.58109 12.2415 9.50496 12.2584 9.4246C12.2626 9.40768 12.2626 9.39077 12.2669 9.37385C12.3049 9.16661 12.3261 8.95092 12.3261 8.73522C12.3261 8.51953 12.3049 8.30383 12.2669 8.0966C12.2626 8.07968 12.2626 8.06276 12.2584 8.04584C12.2412 7.96629 12.2214 7.88731 12.1992 7.809C12.1907 7.77094 12.1823 7.7371 12.1696 7.69904C12.1527 7.6356 12.1273 7.57639 12.1061 7.51718C12.0883 7.46433 12.0685 7.41214 12.0469 7.36069C12.03 7.3184 12.0089 7.27611 11.9877 7.23804C11.9581 7.17037 11.9243 7.10271 11.8905 7.03927C11.8778 7.01812 11.8651 6.99697 11.8524 6.9716C11.8059 6.89124 11.7593 6.81088 11.7086 6.73053C11.5817 6.54444 11.4379 6.36257 11.273 6.19763C10.7788 5.70109 10.1491 5.36126 9.46282 5.22066C9.45859 5.22066 9.45859 5.22066 9.45436 5.21643C9.35286 5.19528 9.25136 5.18259 9.14985 5.16991C9.13294 5.16568 9.11179 5.16568 9.09487 5.16145C8.97645 5.14876 8.8538 5.14453 8.73115 5.14453C8.6085 5.14453 8.48585 5.15299 8.36743 5.16145C8.35051 5.16145 8.32937 5.16568 8.31245 5.16991C8.21095 5.18259 8.10944 5.19528 8.00794 5.21643C8.00371 5.21643 7.99948 5.22066 7.99525 5.22066C7.30985 5.36039 6.68134 5.7004 6.18933 6.19763C5.69373 6.69086 5.354 7.31884 5.21236 8.00355C5.21236 8.00778 5.20813 8.01201 5.20813 8.01624C5.18698 8.11774 5.17429 8.21502 5.16161 8.32075C5.15738 8.33767 5.15315 8.35881 5.15315 8.37573C5.14046 8.49415 5.13623 8.6168 5.13623 8.73945C5.13623 8.8621 5.14469 8.98475 5.15315 9.10317C5.15738 9.11586 5.16161 9.13278 5.16161 9.1497ZM6.44732 8.29114C6.44732 8.28269 6.45155 8.27423 6.45155 8.26577C6.47692 8.13043 6.51922 7.99932 6.56997 7.87244C6.5742 7.85552 6.58266 7.84284 6.58689 7.82592C6.63764 7.70327 6.70108 7.58485 6.77721 7.47066C6.78566 7.45374 6.79412 7.44105 6.80681 7.42413C6.88294 7.30994 6.97175 7.19998 7.07326 7.10271C7.08172 7.09002 7.09441 7.08156 7.10709 7.06887C7.2086 6.9716 7.31433 6.88278 7.42852 6.80242C7.44544 6.79397 7.45813 6.78128 7.47504 6.77282C7.58924 6.70092 7.70343 6.63748 7.83031 6.5825C7.84722 6.57404 7.85991 6.56981 7.87683 6.56558C8.00371 6.51483 8.13482 6.47254 8.27016 6.44716C8.27861 6.44716 8.28707 6.44293 8.29553 6.44293C8.43933 6.41756 8.58735 6.40064 8.73538 6.40064C8.88341 6.40064 9.03143 6.41756 9.17523 6.44293C9.18369 6.44293 9.19215 6.44716 9.20061 6.44716C9.33594 6.47254 9.46705 6.51483 9.59393 6.56558C9.61085 6.56981 9.62354 6.57404 9.64045 6.5825C9.7631 6.63325 9.88153 6.69669 9.99572 6.77282C10.0126 6.78128 10.0296 6.79397 10.0465 6.80242C10.1607 6.87855 10.2664 6.96737 10.3679 7.06464L10.406 7.10271C10.5075 7.20844 10.6005 7.3184 10.6766 7.43682C10.6851 7.44951 10.6936 7.46643 10.702 7.47912C10.7781 7.59754 10.8416 7.71596 10.8923 7.84284C10.8966 7.85552 10.9008 7.86398 10.905 7.87667C10.9558 8.00778 10.9981 8.14312 11.0234 8.28269V8.29114C11.0784 8.57874 11.0784 8.87902 11.0234 9.16661V9.17507C10.9981 9.31464 10.9558 9.44998 10.905 9.58109C10.9008 9.59377 10.8966 9.60223 10.8923 9.61492C10.8416 9.7418 10.7781 9.86022 10.702 9.97864C10.6936 9.99133 10.6851 10.0082 10.6766 10.0209C10.5963 10.1394 10.5075 10.2493 10.406 10.3551L10.3679 10.3931C10.2664 10.4904 10.1607 10.5792 10.0465 10.6553C10.0296 10.668 10.0126 10.6765 9.99572 10.6849C9.88153 10.7568 9.76733 10.8203 9.64045 10.8753C9.62354 10.8795 9.61085 10.8879 9.59393 10.8922C9.46705 10.9429 9.33594 10.9852 9.20061 11.0106C9.19215 11.0106 9.18369 11.0148 9.17523 11.0148C9.03143 11.0402 8.88341 11.0571 8.73538 11.0571C8.58735 11.0571 8.43933 11.0402 8.29553 11.0148C8.28707 11.0148 8.27861 11.0106 8.27016 11.0106C8.13482 10.9852 8.00371 10.9429 7.87683 10.8922C7.85991 10.8879 7.84722 10.8795 7.83031 10.8753C7.70766 10.8245 7.58924 10.7611 7.47504 10.6849C7.45861 10.6766 7.44303 10.6667 7.42852 10.6553C7.31433 10.5792 7.20437 10.4904 7.10709 10.3889C7.09441 10.3804 7.08595 10.3677 7.07326 10.3551C6.97598 10.2535 6.88717 10.1478 6.80681 10.0336C6.79835 10.0167 6.78566 10.004 6.77721 9.9871C6.70531 9.87291 6.64187 9.75872 6.58689 9.63184C6.5794 9.61707 6.57372 9.60145 6.56997 9.58532C6.51922 9.45844 6.47692 9.32733 6.45155 9.19199C6.45155 9.18353 6.44732 9.17507 6.44732 9.16661C6.42194 9.02282 6.40503 8.87479 6.40503 8.72676C6.40503 8.57874 6.42194 8.43494 6.44732 8.29114Z"
                                        fill="#24292D" stroke="#24292D" stroke-width="0.5" />
                                </svg>

                                <p class="duration">Mar - May
                                    <span class="s-name">Spring</span>
                                </p>

                            </li>

                            <li class="single-list"><input type="checkbox" class="input-field" name="intake_sessions"
                                    value="Jun-Aug">
                                <svg width="18" height="18" viewBox="0 0 18 18" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M2.7 9C2.7 8.7613 2.60518 8.53239 2.4364 8.3636C2.26761 8.19482 2.03869 8.1 1.8 8.1H0.9C0.661305 8.1 0.432387 8.19482 0.263604 8.3636C0.0948211 8.53239 0 8.7613 0 9C0 9.23869 0.0948211 9.46761 0.263604 9.6364C0.432387 9.80518 0.661305 9.9 0.9 9.9H1.8C2.03869 9.9 2.26761 9.80518 2.4364 9.6364C2.60518 9.46761 2.7 9.23869 2.7 9ZM3.276 13.5L2.637 14.139C2.46937 14.3076 2.37529 14.5357 2.37529 14.7735C2.37529 15.0113 2.46937 15.2394 2.637 15.408C2.80563 15.5756 3.03373 15.6697 3.2715 15.6697C3.50927 15.6697 3.73737 15.5756 3.906 15.408L4.545 14.769C4.69244 14.5968 4.76949 14.3754 4.76074 14.1489C4.75199 13.9223 4.65809 13.7075 4.49781 13.5472C4.33752 13.3869 4.12266 13.293 3.89615 13.2843C3.66964 13.2755 3.44817 13.3526 3.276 13.5ZM9 2.7C9.23869 2.7 9.46761 2.60518 9.6364 2.4364C9.80518 2.26761 9.9 2.03869 9.9 1.8V0.9C9.9 0.661305 9.80518 0.432387 9.6364 0.263604C9.46761 0.0948211 9.23869 0 9 0C8.7613 0 8.53239 0.0948211 8.3636 0.263604C8.19482 0.432387 8.1 0.661305 8.1 0.9V1.8C8.1 2.03869 8.19482 2.26761 8.3636 2.4364C8.53239 2.60518 8.7613 2.7 9 2.7ZM14.094 4.806C14.3301 4.80501 14.5564 4.71127 14.724 4.545L15.363 3.906C15.4572 3.82532 15.5337 3.72603 15.5878 3.61437C15.6418 3.50271 15.6721 3.3811 15.6769 3.25715C15.6817 3.1332 15.6608 3.0096 15.6156 2.89411C15.5703 2.77862 15.5017 2.67372 15.414 2.58601C15.3263 2.49831 15.2214 2.42967 15.1059 2.38443C14.9904 2.33918 14.8668 2.31829 14.7429 2.32308C14.6189 2.32787 14.4973 2.35823 14.3856 2.41225C14.274 2.46627 14.1747 2.54279 14.094 2.637L13.5 3.276C13.3324 3.44463 13.2383 3.67273 13.2383 3.9105C13.2383 4.14827 13.3324 4.37637 13.5 4.545C13.6587 4.70283 13.8704 4.79588 14.094 4.806ZM3.294 4.545C3.46163 4.71127 3.68789 4.80501 3.924 4.806C4.04245 4.80668 4.15986 4.78398 4.26952 4.73919C4.37917 4.69441 4.4789 4.62841 4.563 4.545C4.73063 4.37637 4.82471 4.14827 4.82471 3.9105C4.82471 3.67273 4.73063 3.44463 4.563 3.276L3.924 2.637C3.84068 2.55249 3.74152 2.48523 3.6322 2.43904C3.52288 2.39286 3.40554 2.36865 3.28686 2.36782C3.16819 2.36698 3.05051 2.38953 2.94056 2.43417C2.8306 2.47881 2.73051 2.54468 2.646 2.628C2.56149 2.71132 2.49423 2.81048 2.44804 2.9198C2.40185 3.02912 2.37765 3.14646 2.37682 3.26514C2.37513 3.50481 2.46872 3.73533 2.637 3.906L3.294 4.545ZM17.1 8.1H16.2C15.9613 8.1 15.7324 8.19482 15.5636 8.3636C15.3948 8.53239 15.3 8.7613 15.3 9C15.3 9.23869 15.3948 9.46761 15.5636 9.6364C15.7324 9.80518 15.9613 9.9 16.2 9.9H17.1C17.3387 9.9 17.5676 9.80518 17.7364 9.6364C17.9052 9.46761 18 9.23869 18 9C18 8.7613 17.9052 8.53239 17.7364 8.3636C17.5676 8.19482 17.3387 8.1 17.1 8.1ZM14.724 13.5C14.553 13.4049 14.3557 13.3681 14.1619 13.3952C13.9681 13.4223 13.7885 13.5118 13.6501 13.6501C13.5118 13.7885 13.4223 13.9681 13.3952 14.1619C13.3681 14.3557 13.4049 14.553 13.5 14.724L14.139 15.363C14.3076 15.5306 14.5357 15.6247 14.7735 15.6247C15.0113 15.6247 15.2394 15.5306 15.408 15.363C15.5756 15.1944 15.6697 14.9663 15.6697 14.7285C15.6697 14.4907 15.5756 14.2626 15.408 14.094L14.724 13.5ZM9 4.05C8.02098 4.05 7.06395 4.34031 6.24993 4.88423C5.4359 5.42814 4.80145 6.20122 4.4268 7.10572C4.05214 8.01021 3.95412 9.00549 4.14511 9.9657C4.33611 10.9259 4.80755 11.8079 5.49982 12.5002C6.19209 13.1924 7.0741 13.6639 8.0343 13.8549C8.99451 14.0459 9.98979 13.9479 10.8943 13.5732C11.7988 13.1985 12.5719 12.5641 13.1158 11.7501C13.6597 10.936 13.95 9.97902 13.95 9C13.9476 7.68791 13.4253 6.43024 12.4976 5.50245C11.5698 4.57466 10.3121 4.05238 9 4.05ZM9 12.15C8.37699 12.15 7.76797 11.9653 7.24995 11.6191C6.73194 11.273 6.3282 10.781 6.08978 10.2055C5.85136 9.62986 5.78898 8.9965 5.91053 8.38546C6.03207 7.77442 6.33208 7.21315 6.77261 6.77261C7.21315 6.33208 7.77442 6.03207 8.38546 5.91053C8.9965 5.78898 9.62986 5.85136 10.2055 6.08978C10.781 6.3282 11.273 6.73194 11.6191 7.24995C11.9653 7.76797 12.15 8.37699 12.15 9C12.15 9.83543 11.8181 10.6366 11.2274 11.2274C10.6366 11.8181 9.83543 12.15 9 12.15ZM9 15.3C8.7613 15.3 8.53239 15.3948 8.3636 15.5636C8.19482 15.7324 8.1 15.9613 8.1 16.2V17.1C8.1 17.3387 8.19482 17.5676 8.3636 17.7364C8.53239 17.9052 8.7613 18 9 18C9.23869 18 9.46761 17.9052 9.6364 17.7364C9.80518 17.5676 9.9 17.3387 9.9 17.1V16.2C9.9 15.9613 9.80518 15.7324 9.6364 15.5636C9.46761 15.3948 9.23869 15.3 9 15.3Z"
                                        fill="#24292D" />
                                </svg>

                                <p class="duration">Jun - Aug
                                    <span class="s-name">Summer</span>
                                </p>

                            </li>

                            <li class="single-list"><input type="checkbox" class="input-field" name="intake_sessions"
                                    value="Dec-Feb">
                                <svg width="21" height="20" viewBox="0 0 21 20" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path d="M10.0215 3.45459V16.5455" stroke="#24292D" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M7.56689 1L10.0214 3.45455L12.476 1" stroke="#24292D" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M7.56689 19L10.0214 16.5454L12.476 19" stroke="#24292D" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4.35278 6.72705L15.6899 13.2725" stroke="#24292D" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M1 7.6255L4.35291 6.72703L3.45455 3.37402" stroke="#24292D" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M16.5883 16.6255L15.6899 13.2725L19.0429 12.374" stroke="#24292D"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M4.35278 13.2725L15.6899 6.72705" stroke="#24292D" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M3.45455 16.6255L4.35291 13.2725L1 12.374" stroke="#24292D" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                    <path d="M19.0429 7.6255L15.6899 6.72703L16.5883 3.37402" stroke="#24292D"
                                        stroke-width="2" stroke-linecap="round" stroke-linejoin="round" />
                                </svg>

                                <p class="duration">Dec - Feb
                                    <span class="s-name">Winter</span>
                                </p>

                            </li>

                            <li class="single-list"><input type="checkbox" class="input-field" name="intake_sessions"
                                    value="Not Sure">
                                <svg width="16" height="20" viewBox="0 0 16 20" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M9.43263 1C7.88332 1 6.16748 1.27341 4.77568 2.11614C3.38614 2.95999 2.36226 4.44067 2.36226 6.56831C2.36226 7.7092 2.26325 8.04786 2.06973 8.42366C1.87733 8.79833 1.49816 9.28102 1.0436 10.3679C1.00783 10.4534 0.993733 10.5464 1.00256 10.6386C1.01138 10.7309 1.04285 10.8195 1.09417 10.8966C1.14549 10.9738 1.21508 11.0371 1.29675 11.0809C1.37841 11.1246 1.46963 11.1476 1.56229 11.1476H2.71105C2.71105 11.4177 2.7088 11.7574 2.7043 12.1749L2.6998 12.5529C2.69643 12.8241 2.68518 13.1335 2.7043 13.4553C2.73131 13.9368 2.81682 14.4724 3.17911 14.9213C3.53916 15.3703 4.15798 15.629 4.94108 15.629H6.05722V18.4374C6.05722 18.5866 6.11649 18.7297 6.22199 18.8352C6.32749 18.9407 6.47058 19 6.61978 19H13.9028C14.0446 19.0016 14.1822 18.9516 14.2899 18.8593C14.435 18.7356 14.4924 18.5387 14.4958 18.4261C14.5014 18.2011 14.4451 18.1505 14.4147 18.0886C14.354 17.9626 14.2921 17.8714 14.2145 17.7432C14.0021 17.4042 13.822 17.0459 13.6767 16.6732C13.3279 15.7584 13.1051 14.4623 13.8015 12.7521C14.1447 11.9105 14.5734 11.3906 14.9571 10.5896C15.3419 9.7907 15.6209 8.75558 15.6209 7.04762C15.6208 6.97304 15.6059 6.89923 15.577 6.83047C15.5763 6.83046 15.5755 6.83046 15.5748 6.83047C15.4476 3.36054 12.5965 1.0045 9.43263 1.0045V1ZM9.43263 2.12514C12.1161 2.12514 14.4958 4.05137 14.4958 7.04762C14.4958 8.63856 14.2606 9.43854 13.9422 10.1024C13.6238 10.7662 13.1613 11.3423 12.7608 12.3279C11.9529 14.3081 12.2038 15.9621 12.6258 17.0726C12.7608 17.4281 12.8913 17.6318 13.0252 17.8748H7.18348V15.0665C7.18348 14.9173 7.12421 14.7742 7.01871 14.6687C6.9132 14.5632 6.77011 14.5039 6.62091 14.5039H4.94108C4.37626 14.5039 4.18274 14.3734 4.05559 14.2159C3.92845 14.0584 3.85082 13.7714 3.82944 13.3923C3.81482 13.138 3.82157 12.8522 3.82494 12.5653L3.82944 12.1872C3.83394 11.7237 3.83844 11.322 3.83619 11.0317C3.83554 10.9139 3.83254 10.7961 3.82719 10.6784C3.82547 10.6333 3.82172 10.5882 3.81594 10.5434C3.81257 10.5187 3.80919 10.4905 3.79119 10.4298C3.78558 10.4111 3.77919 10.3928 3.77206 10.3747C3.76306 10.3521 3.72705 10.2846 3.72593 10.2846L3.59429 10.1395L3.44802 10.0607L3.24887 10.0225H2.49278C2.68743 9.67594 2.91133 9.24389 3.06885 8.9401C3.33888 8.41578 3.48627 7.78683 3.48627 6.56831C3.48627 4.78046 4.23562 3.75996 5.36075 3.07926C6.48589 2.39742 8.02058 2.12514 9.43263 2.12514ZM8.63491 4.38667C7.93481 4.44952 7.28347 4.77171 6.80866 5.29002C6.33386 5.80833 6.06986 6.48535 6.06847 7.18826C6.06847 7.33746 6.12774 7.48055 6.23324 7.58606C6.33874 7.69156 6.48183 7.75083 6.63104 7.75083C6.78024 7.75083 6.92333 7.69156 7.02883 7.58606C7.13433 7.48055 7.1936 7.33746 7.1936 7.18826C7.1936 6.3084 7.85744 5.58381 8.73392 5.5073C9.15462 5.46921 9.57425 5.59091 9.90929 5.84818C10.2443 6.10545 10.4702 6.47944 10.542 6.89572C10.6171 7.31189 10.5325 7.74106 10.3052 8.09765C10.0779 8.45425 9.72457 8.71207 9.31562 8.81971C9.21919 8.84554 9.13137 8.89657 9.06118 8.96755C8.99098 9.03854 8.94094 9.12692 8.91619 9.22363C8.91619 9.22438 8.91619 9.22513 8.91619 9.22588C8.89209 9.29103 8.88027 9.36008 8.88131 9.42953V11.6798C8.88131 11.829 8.94058 11.9721 9.04609 12.0776C9.15159 12.1831 9.29468 12.2424 9.44388 12.2424C9.59308 12.2424 9.73618 12.1831 9.84168 12.0776C9.94718 11.9721 10.0064 11.829 10.0064 11.6798V9.7592C10.5826 9.50601 11.0574 9.06719 11.3551 8.51273C11.6529 7.95827 11.7564 7.32009 11.6492 6.69995C11.5255 6.00804 11.1478 5.38727 10.5902 4.95934C10.0326 4.53141 9.33527 4.32717 8.63491 4.38667ZM9.39325 13.3675C9.25098 13.3775 9.1178 13.4412 9.02067 13.5456C8.92355 13.65 8.86971 13.7875 8.87006 13.9301C8.87006 14.0793 8.92933 14.2224 9.03483 14.3279C9.14034 14.4334 9.28343 14.4927 9.43263 14.4927C9.58183 14.4927 9.72492 14.4334 9.83043 14.3279C9.93593 14.2224 9.9952 14.0793 9.9952 13.9301C9.9952 13.7809 9.93593 13.6378 9.83043 13.5323C9.72492 13.4268 9.58183 13.3675 9.43263 13.3675C9.41951 13.3671 9.40637 13.3671 9.39325 13.3675Z"
                                        fill="#24292D" stroke="#24292D" stroke-width="0.5" />
                                </svg>

                                <p class="duration">Not Sure
                                </p>

                            </li>
                    </div>
                    <div class="form-btns">
                        <button value="3" class="skip-btn" type="button">Skip</button>
                        <button type="submit" class="proceed-btn">
                            <i class="proceed_spin">Proceed</i>
                        </button>
                    </div>
                </form>
            </div>

            <!-- Budget Preferences -->
            <div id="budget_section" class="budget-preferences" style="display:none;">
                <div class="top">
                    <a id="1" href="javascript:;" aria-label="back" class="back back_btn"><img
                            src="{{ asset('frontend') }}/student-panel/images/arrow1.svg" alt="arrow1"></a>
                    <p id="section_head" class="head">Budget Preferences</p>
                </div>
                <form id="budget_form" class="user-form">
                    @csrf
                    <input type="hidden" name="category_id" id="category_id" value="4">
                    <div class="options">
                        <p class="head">What Is Your Budget to Study Abroad? Average Per Year Tuition Fees and
                            Living Cost for Major Countries Are given Below:</p>
                        <!-- <ul class="budg-list">
                            <li class="single-list"><img src="{{ asset('frontend') }}/student-panel/images/UK.svg"
                                    alt="Uk">UK (25 - 35 lacs) </li>
                            <li class="single-list"><img src="{{ asset('frontend') }}/student-panel/images/canada.svg"
                                    alt="canada">USA (30 - 40 lacs) </li>
                            <li class="single-list"><img src="{{ asset('frontend') }}/student-panel/images/USA.svg"
                                    alt="USA">Canada (16 - 18 lacs) </li>
                            <li class="single-list"><img src="{{ asset('frontend') }}/student-panel/images/australia.svg"
                                    alt="australia">Australia (28 - 35 lacs)
                            </li>
                        </ul> -->
                        <div class="budget-list">
                            <span class="min-value">3L</span>
                            <input type="range" class="range-slider" name="budget-range" id="range" min="3" max="50" value="5">
                            <span class="max-value">50L +</span>
                        </div>

                        <div class="single-input field-not-empty">
                            <label for="Your budget (lacs)" class="field-label">Your budget (lacs)</label>
                            <input type="text" name="budget" id="budget" class="input-field" value="5"
                                placeholder="Your budget (lacs)" readonly >
                        </div>
                    </div>

                    <div class="options">
                        <p class="head">How Do You Plan to Fund Your Education Abroad?</p>
                        <ul class="list fund" id="fund_source_input">
                            <li class="single-list"><input type="checkbox" class="input-field" name="fund_source"
                                    value="Family">Family
                            </li>
                            <li class="single-list"><input type="checkbox" class="input-field" name="fund_source"
                                    value="Self">Self</li>
                            <li class="single-list"><input type="checkbox" class="input-field" name="fund_source"
                                    value="Education Loan">Education
                                Loan
                            </li>
                            <li class="single-list"><input type="checkbox" class="input-field" name="fund_source"
                                    value="Scholarship">Scholarship
                            </li>
                            <!-- <li class="single-list"><input type="checkbox" class="input-field" name="fund_source"
                                                                        value="Sponsored Scholarship">Sponsored
                                                                    Scholarship</li> -->
                        </ul>
                    </div>

                    <div id="loan_type_sec" class="options hide">
                        <p class="head">What Type of Loan Are You Planning?</p>
                        <ul class="list loan" id="loan_type_input">
                            <li class="single-list"><input type="radio" class="input-field" name="loan_type"
                                    value="Collateral Loan">Collateral
                                Loan
                            </li>
                            <li class="single-list"><input type="radio" class="input-field" name="loan_type"
                                    value="Non-Collateral Loan">Non-Collateral
                                Loan
                            </li>
                        </ul>
                    </div>
                    <div class="form-btns">
                        <button value="4" class="skip-btn" type="button">Skip</button>
                        <button type="submit" class="proceed-btn">
                            <i class="proceed_spin">Proceed</i>
                        </button>
                    </div>
                </form>
            </div>

            <!-- Test Status -->
            <div id="test_section" class="test-status" style="display:none;">
                <div class="top">
                    <a id="1" href="javascript:;" aria-label="back" class="back back_btn"><img
                            src="{{ asset('frontend') }}/student-panel/images/arrow1.svg" alt="arrow1"></a>
                    <p id="section_head" class="head">Test Status</p>
                </div>
                <form id="test_form" class="user-form">
                    @csrf
                    <input type="hidden" name="category_id" id="category_id" value="5">
                    <input type="hidden" name="english_test_id" id="english_test_id" value="-1">
                    <p class="test-head">English Proficiency Test</p>
                    <div class="single-input select-list">
                        <label for="Proficiency" class="field-label">Select your English Proficiency Exam</label>
                        <select class="default-select input-field" name="english_test" id="english_test">
                            <option value="" disabled selected>Select your English Proficiency Exam</option>
                            <option value="IELTS">IELTS</option>
                            <option value="TOEFL">TOEFL</option>
                            <option value="ELTT">ELTT</option>
                            <option value="PTE">PTE</option>
                            <option value="other">Other</option>
                            <!-- <option value="Duolingo">Duolingo</option> -->
                            <option value="None">None</option>
                        </select>
                    </div>

                    <div id="english_other_input" class="single-input" style="display: none">
                        <label for="english_other" class="field-label">Test Name</label>
                        <input type="text" class="input-field" name="english_other" id="english_other" placeholder="Test Name"
                            value="" maxlength="20">
                    </div>

                    <div class="single-input result eng-result">
                        <label for="Test Taken Date" class="field-label">Test Taken Date</label>
                        <input type="text" class="input-field date_input" name="english_taken_date"
                            id="english_taken_date" value="" placeholder="Test Taken Date"="" autocomplete="off"
                            readonly>
                    </div>

                    <div class="single-input result eng-result">
                        <label for="Result Date" class="field-label">Result Date</label>
                        <input type="text" class="input-field date_input" name="english_result_date"
                            id="english_result_date" value="" placeholder="Result Date"="" autocomplete="off"
                            readonly>
                    </div>

                    <div class="single-input eng-result">
                        <label for="Overall Score" class="field-label">Overall Score</label>
                        <input type="text" name="english_score" id="english_score" class="input-field"
                            value="" placeholder="Overall Score"=""
                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" maxlength="5">
                    </div>

                    <p class="test-head">Study Abroad Test</p>
                    <input type="hidden" name="aptitude_test_id" id="aptitude_test_id" value="-1">
                    <div class="single-input select-list">
                        <label for="Academic Exam" class="field-label">Select your Study Abroad Academic Exam</label>
                        <select class="default-select input-field" name="aptitude_test" id="aptitude_test">
                            <option value="" disabled selected>Select your Study Abroad Academic Exam</option>
                            <option value="SAT/ACT">SAT/ACT</option>
                            <option value="GRE">GRE</option>
                            <option value="GMAT">GMAT</option>
                            <option value="LSAT">LSAT</option>
                            <option value="other">Other</option>
                            <option value="None">None</option>
                        </select>
                    </div>

                    <div id="aptitude_other_input" class="single-input" style="display: none">
                        <label for="aptitude_other" class="field-label">Test Name</label>
                        <input type="text" class="input-field" name="aptitude_other" id="aptitude_other" placeholder="Test Name"
                            value="" maxlength="20">
                    </div>

                    <div class="single-input result apt-result">
                        <label for="Test Taken Date" class="field-label">Test Taken Date</label>
                        <input type="text" class="input-field date_input" name="aptitude_taken_date"
                            id="aptitude_taken_date" value="" placeholder="Test Taken Date"="" autocomplete="off"
                            readonly>
                    </div>
                    <div class="single-input result apt-result">
                        <label for="Result Date" class="field-label">Result Date</label>
                        <input type="text" class="input-field date_input" name="aptitude_result_date"
                            id="aptitude_result_date" value="" placeholder="Result Date"="" autocomplete="off"
                            readonly>
                    </div>
                    <div class="single-input apt-result">
                        <label for="Overall Score" class="field-label">Overall Score</label>
                        <input type="text" name="aptitude_score" id="aptitude_score" class="input-field"
                            value="" placeholder="Overall Score"=""
                            oninput="this.value = this.value.replace(/[^0-9.]/g, '').replace(/(\..*)\./g, '$1');" maxlength="5">
                    </div>

                    <div class="form-btns">
                        <button value="5" class="skip-btn" type="button">Skip</button>
                        <button type="submit" class="proceed-btn">
                            <i class="proceed_spin">Proceed</i>
                        </button>
                    </div>
                </form>
            </div>

            <!--Documents-->
            <div id="document_section" class="document-section" style="display:none;">
                <div class="top">
                    <a id="1" href="javascript:;" aria-label="back" class="back back_btn"><img
                            src="{{ asset('frontend') }}/student-panel/images/arrow1.svg" alt="arrow1"></a>
                    <p id="section_head" class="head">Documents</p>
                </div>
                <div id="document_spinner" class=""></div>
                <div id="doc_subsection">
                    <form class="documents">
                        <div class="dropdown-list">
                            <p class="drp-head">High School Marksheets</p>
                            <div id="school_dropdown" class="sub-dropbox">
                                <div class="drp-item">Class 10 Marksheet<a href="javascript:;" class="up-link"><img
                                            src="{{ asset('frontend') }}/student-panel/images/up-icon.svg"
                                            alt="icon"></a>
                                </div>
                                <div class="drp-item after-select"><img
                                        src="{{ asset('frontend') }}/student-panel/images/green-tick.svg" alt="icon">
                                    <span class="f-name">
                                        Class 10 Marksheet
                                    </span>
                                    <img src="{{ asset('frontend') }}/student-panel/images/dots.svg" class="dots"
                                        alt="dots">

                                    <p class="dots-box">
                                        <a href="javascript:;" class="download" aria-label="download"><img
                                                src="{{ asset('frontend') }}/student-panel/images/download.svg"
                                                alt="icon"><span>Download</span></a>
                                        <a href="javascript:;" class="view-detail" aria-label="view detail"><img
                                                src="{{ asset('frontend') }}/student-panel/images/detail-icon.svg"
                                                alt="icon"><span>View Details</span></a>
                                        <a href="javascript:;" class="delete" aria-label="delete"><img
                                                src="{{ asset('frontend') }}/student-panel/images/delete.svg"
                                                alt="icon"><span>Delete</span></a>
                                    </p>
                                </div>
                                <div class="drp-item">Class 12 Marksheet<a href="javascript:;" class="up-link">Upload</a>
                                </div>
                            </div>
                        </div>
                        <div class="dropdown-list">
                            <p class="drp-head">Degrees & Transcripts</p>
                            <div id="degree_dropdown" class="sub-dropbox">
                                <div class="drp-item">Bachelor's Degree Transcripts<a href="javascript:;"
                                        class="up-link">Upload</a></div>
                                <div class="drp-item">Master's Degree Transcripts<a href="javascript:;"
                                        class="up-link">Upload</a></div>
                                <div class="drp-item">Bachelor's Degree<a href="javascript:;"
                                        class="up-link">Upload</a>
                                </div>
                                <div class="drp-item">Master's Degree<a href="javascript:;" class="up-link">Upload</a>
                                </div>
                            </div>
                        </div>
                        <div class="dropdown-list">
                            <p class="drp-head">Additional Documents</p>
                            <div id="additional_dropdown" class="sub-dropbox">
                                <div class="drp-item">LOR<a href="javascript:;" class="lor-link">Upload</a></div>
                                <div class="drp-item">LOR1<a href="javascript:;" class="lor-link">Upload</a></div>
                                <div class="drp-item">SOP<a href="javascript:;" class="up-link">Upload</a></div>
                                <div class="drp-item">Resume / CV<a href="javascript:;" class="up-link">Upload</a>
                                </div>
                            </div>
                        </div>

                        <div class="form-btns">
                            <button value="6" class="skip-btn" type="button">Skip</button>
                            <button type="submit" class="proceed-btn">
                                <div class="proceed_spin">Proceed</div>
                            </button>
                        </div>
                    </form>
                </div>
            </div>

            <!--Upload Popup-->
            <div class="upload-popup">
                <div class="top">
                    <a href="javascript:;" aria-label="close" class="close">
                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M8.23286 6.99925L13.7414 1.4989C13.906 1.33424 13.9985 1.11091 13.9985 0.878038C13.9985 0.645168 13.906 0.421835 13.7414 0.257171C13.5767 0.0925073 13.3534 0 13.1206 0C12.8877 0 12.6644 0.0925073 12.4998 0.257171L7 5.76627L1.50024 0.257171C1.33559 0.0925073 1.11228 2.06752e-07 0.879436 2.08487e-07C0.646591 2.10222e-07 0.423282 0.0925073 0.258636 0.257171C0.0939896 0.421835 0.0014924 0.645168 0.0014924 0.878038C0.0014924 1.11091 0.0939896 1.33424 0.258636 1.4989L5.76714 6.99925L0.258636 12.4996C0.176683 12.5809 0.111635 12.6776 0.067245 12.7842C0.0228546 12.8907 0 13.005 0 13.1205C0 13.2359 0.0228546 13.3502 0.067245 13.4568C0.111635 13.5633 0.176683 13.66 0.258636 13.7413C0.33992 13.8233 0.436626 13.8884 0.543175 13.9327C0.649725 13.9771 0.764009 14 0.879436 14C0.994863 14 1.10915 13.9771 1.2157 13.9327C1.32225 13.8884 1.41895 13.8233 1.50024 13.7413L7 8.23224L12.4998 13.7413C12.581 13.8233 12.6778 13.8884 12.7843 13.9327C12.8909 13.9771 13.0051 14 13.1206 14C13.236 14 13.3503 13.9771 13.4568 13.9327C13.5634 13.8884 13.6601 13.8233 13.7414 13.7413C13.8233 13.66 13.8884 13.5633 13.9328 13.4568C13.9771 13.3502 14 13.2359 14 13.1205C14 13.005 13.9771 12.8907 13.9328 12.7842C13.8884 12.6776 13.8233 12.5809 13.7414 12.4996L8.23286 6.99925Z"
                                fill="#066AC9" />
                        </svg>
                    </a>
                    <p class="head">Upload Document</p>
                </div>

                <div class="popup-body">
                    <form id="file_upload_form" class="file_upload_form" enctype="multipart/form-data">
                        @csrf
                        <div id="upload_head">
                            <svg id="upload_icon" class="up-icon" width="36" height="28"
                                viewBox="0 0 36 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <!--after select file add class fill-->
                                <path
                                    d="M29.5992 7.36786C28.4984 4.90883 26.5985 2.86851 24.1906 1.55956C21.7828 0.250613 18.9999 -0.25476 16.2683 0.120887C13.5368 0.496533 11.0073 1.73248 9.06743 3.63932C7.12759 5.54617 5.88442 8.01873 5.52842 10.6781C3.81065 11.078 2.30376 12.0772 1.29394 13.486C0.284109 14.8948 -0.158335 16.6151 0.0506259 18.3201C0.259587 20.0251 1.1054 21.5962 2.42744 22.7349C3.74949 23.8736 5.45569 24.5007 7.22203 24.4971C7.69987 24.4971 8.15814 24.3126 8.49603 23.9841C8.83391 23.6556 9.02373 23.2101 9.02373 22.7456C9.02373 22.2811 8.83391 21.8356 8.49603 21.5072C8.15814 21.1787 7.69987 20.9942 7.22203 20.9942C6.26634 20.9942 5.3498 20.6251 4.67403 19.9682C3.99826 19.3113 3.61861 18.4203 3.61861 17.4913C3.61861 16.5622 3.99826 15.6713 4.67403 15.0143C5.3498 14.3574 6.26634 13.9884 7.22203 13.9884C7.69987 13.9884 8.15814 13.8038 8.49603 13.4754C8.83391 13.1469 9.02373 12.7014 9.02373 12.2369C9.02834 10.1654 9.78817 8.16259 11.1683 6.58423C12.5483 5.00588 14.4593 3.95419 16.5616 3.61603C18.664 3.27786 20.8215 3.67511 22.6511 4.73719C24.4806 5.79928 25.8636 7.45743 26.5543 9.41707C26.6573 9.71804 26.8425 9.98617 27.09 10.1928C27.3375 10.3995 27.6381 10.537 27.9597 10.5905C29.1597 10.811 30.2476 11.42 31.046 12.3184C31.8445 13.2168 32.3064 14.3515 32.3566 15.5378C32.4067 16.724 32.0421 17.8918 31.3222 18.8508C30.6023 19.8098 29.5695 20.5036 28.3921 20.819C27.9286 20.9352 27.5315 21.2255 27.2882 21.6263C27.045 22.027 26.9754 22.5052 27.0949 22.9558C27.2143 23.4064 27.513 23.7924 27.9252 24.0289C28.3375 24.2654 28.8294 24.333 29.2929 24.2169C31.189 23.7298 32.8698 22.6545 34.0801 21.1544C35.2903 19.6542 35.9639 17.8111 35.9986 15.9049C36.0332 13.9987 35.4271 12.1336 34.2721 10.5929C33.1171 9.05206 31.4764 7.91975 29.5992 7.36786ZM19.3115 10.9934C19.1401 10.8339 18.9381 10.7089 18.7169 10.6256C18.2783 10.4504 17.7863 10.4504 17.3476 10.6256C17.1265 10.7089 16.9244 10.8339 16.7531 10.9934L11.3479 16.2477C11.0087 16.5775 10.8181 17.0249 10.8181 17.4913C10.8181 17.9577 11.0087 18.405 11.3479 18.7348C11.6872 19.0646 12.1473 19.2499 12.6271 19.2499C13.1069 19.2499 13.5671 19.0646 13.9064 18.7348L16.2306 16.4579V26.2485C16.2306 26.7131 16.4204 27.1586 16.7583 27.487C17.0962 27.8155 17.5544 28 18.0323 28C18.5101 28 18.9684 27.8155 19.3063 27.487C19.6442 27.1586 19.834 26.7131 19.834 26.2485V16.4579L22.1582 18.7348C22.3257 18.899 22.5249 19.0293 22.7445 19.1182C22.964 19.2071 23.1995 19.2529 23.4374 19.2529C23.6752 19.2529 23.9107 19.2071 24.1303 19.1182C24.3498 19.0293 24.5491 18.899 24.7166 18.7348C24.8855 18.572 25.0195 18.3783 25.111 18.1648C25.2024 17.9514 25.2495 17.7225 25.2495 17.4913C25.2495 17.2601 25.2024 17.0311 25.111 16.8177C25.0195 16.6043 24.8855 16.4106 24.7166 16.2477L19.3115 10.9934Z"
                                    fill="#747579" />
                            </svg>
                            <p class="p-head">Upload file from device</p>
                            <span class="subhead">Supported formats: docx, dox, xlsx, pdf, jpeg, jpg, png, txt</span>
                            <span class="subhead">Size Limit: 10MB</span>
                        </div>
                        <input id="subcategory_name" type="hidden" name="subcategory_name" value="" />
                        <input id="document_subcategory_id" type="hidden" name="document_subcategory_id"
                            value="" />

                        {{-- <a href="javascript:;" class="select-file">
                            <input type="file" class="file" name="file" id="file">
                            <svg width="18" height="20" viewBox="0 0 18 20" fill="none"
                                xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M17 16H16V15C16 14.7348 15.8946 14.4804 15.7071 14.2929C15.5196 14.1054 15.2652 14 15 14C14.7348 14 14.4804 14.1054 14.2929 14.2929C14.1054 14.4804 14 14.7348 14 15V16H13C12.7348 16 12.4804 16.1054 12.2929 16.2929C12.1054 16.4804 12 16.7348 12 17C12 17.2652 12.1054 17.5196 12.2929 17.7071C12.4804 17.8946 12.7348 18 13 18H14V19C14 19.2652 14.1054 19.5196 14.2929 19.7071C14.4804 19.8946 14.7348 20 15 20C15.2652 20 15.5196 19.8946 15.7071 19.7071C15.8946 19.5196 16 19.2652 16 19V18H17C17.2652 18 17.5196 17.8946 17.7071 17.7071C17.8946 17.5196 18 17.2652 18 17C18 16.7348 17.8946 16.4804 17.7071 16.2929C17.5196 16.1054 17.2652 16 17 16ZM10 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H8V5C8 5.79565 8.31607 6.55871 8.87868 7.12132C9.44129 7.68393 10.2044 8 11 8H14V11C14 11.2652 14.1054 11.5196 14.2929 11.7071C14.4804 11.8946 14.7348 12 15 12C15.2652 12 15.5196 11.8946 15.7071 11.7071C15.8946 11.5196 16 11.2652 16 11V7C16 7 16 7 16 6.94C15.9896 6.84813 15.9695 6.75763 15.94 6.67V6.58C15.8919 6.47718 15.8278 6.38267 15.75 6.3L9.75 0.3C9.66734 0.222216 9.57282 0.158081 9.47 0.11C9.43692 0.104209 9.40308 0.104209 9.37 0.11C9.27276 0.058003 9.16826 0.020922 9.06 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H10C10.2652 20 10.5196 19.8946 10.7071 19.7071C10.8946 19.5196 11 19.2652 11 19C11 18.7348 10.8946 18.4804 10.7071 18.2929C10.5196 18.1054 10.2652 18 10 18ZM10 3.41L12.59 6H11C10.7348 6 10.4804 5.89464 10.2929 5.70711C10.1054 5.51957 10 5.26522 10 5V3.41ZM5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8H6C6.26522 8 6.51957 7.89464 6.70711 7.70711C6.89464 7.51957 7 7.26522 7 7C7 6.73478 6.89464 6.48043 6.70711 6.29289C6.51957 6.10536 6.26522 6 6 6H5ZM10 14H5C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16H10C10.2652 16 10.5196 15.8946 10.7071 15.7071C10.8946 15.5196 11 15.2652 11 15C11 14.7348 10.8946 14.4804 10.7071 14.2929C10.5196 14.1054 10.2652 14 10 14ZM11 10H5C4.73478 10 4.48043 10.1054 4.29289 10.2929C4.10536 10.4804 4 10.7348 4 11C4 11.2652 4.10536 11.5196 4.29289 11.7071C4.48043 11.8946 4.73478 12 5 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11C12 10.7348 11.8946 10.4804 11.7071 10.2929C11.5196 10.1054 11.2652 10 11 10Z"
                                    fill="#24292D" />
                            </svg>

                            Select File</a> --}}

                        <div id="adding_section" style="">
                            <div class="file-list">
                                <div id="file_detail" class="files" style="display: none">
                                    <img src="{{ asset('frontend') }}/student-panel/images/document.svg"
                                        alt="document-icon">
                                    <p class="f-name"><span id="file_title" class="">Class10Marksheet.png</span>
                                        <span id="file_size" class="f-size">File size: 3.7MB</span>
                                    </p>
                                    <div class="f-actions">
                                        <a href="javascript:;" id="replace_file" style="display: none" aria-label="replace"><img
                                                src="{{ asset('frontend') }}/student-panel/images/replace.svg"
                                                class="replace" alt="icon"></a>
                                        <a href="javascript:;" id="remove_file" aria-label="remove"><img
                                                src="{{ asset('frontend') }}/student-panel/images/cross.svg" class="remove"
                                                alt="cross"></a>
                                    </div>
                                </div>
                            </div>

                            <a href="javascript:;" class="select-file">
                                <input type="file" class="file" name="file" id="file" aria-label="file">
                                <div id="replace_btn">
                                    <svg width="18" height="20" viewBox="0 0 18 20" fill="none"
                                        xmlns="http://www.w3.org/2000/svg">
                                        <path
                                            d="M17 16H16V15C16 14.7348 15.8946 14.4804 15.7071 14.2929C15.5196 14.1054 15.2652 14 15 14C14.7348 14 14.4804 14.1054 14.2929 14.2929C14.1054 14.4804 14 14.7348 14 15V16H13C12.7348 16 12.4804 16.1054 12.2929 16.2929C12.1054 16.4804 12 16.7348 12 17C12 17.2652 12.1054 17.5196 12.2929 17.7071C12.4804 17.8946 12.7348 18 13 18H14V19C14 19.2652 14.1054 19.5196 14.2929 19.7071C14.4804 19.8946 14.7348 20 15 20C15.2652 20 15.5196 19.8946 15.7071 19.7071C15.8946 19.5196 16 19.2652 16 19V18H17C17.2652 18 17.5196 17.8946 17.7071 17.7071C17.8946 17.5196 18 17.2652 18 17C18 16.7348 17.8946 16.4804 17.7071 16.2929C17.5196 16.1054 17.2652 16 17 16ZM10 18H3C2.73478 18 2.48043 17.8946 2.29289 17.7071C2.10536 17.5196 2 17.2652 2 17V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H8V5C8 5.79565 8.31607 6.55871 8.87868 7.12132C9.44129 7.68393 10.2044 8 11 8H14V11C14 11.2652 14.1054 11.5196 14.2929 11.7071C14.4804 11.8946 14.7348 12 15 12C15.2652 12 15.5196 11.8946 15.7071 11.7071C15.8946 11.5196 16 11.2652 16 11V7C16 7 16 7 16 6.94C15.9896 6.84813 15.9695 6.75763 15.94 6.67V6.58C15.8919 6.47718 15.8278 6.38267 15.75 6.3L9.75 0.3C9.66734 0.222216 9.57282 0.158081 9.47 0.11C9.43692 0.104209 9.40308 0.104209 9.37 0.11C9.27276 0.058003 9.16826 0.020922 9.06 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V17C0 17.7956 0.316071 18.5587 0.87868 19.1213C1.44129 19.6839 2.20435 20 3 20H10C10.2652 20 10.5196 19.8946 10.7071 19.7071C10.8946 19.5196 11 19.2652 11 19C11 18.7348 10.8946 18.4804 10.7071 18.2929C10.5196 18.1054 10.2652 18 10 18ZM10 3.41L12.59 6H11C10.7348 6 10.4804 5.89464 10.2929 5.70711C10.1054 5.51957 10 5.26522 10 5V3.41ZM5 6C4.73478 6 4.48043 6.10536 4.29289 6.29289C4.10536 6.48043 4 6.73478 4 7C4 7.26522 4.10536 7.51957 4.29289 7.70711C4.48043 7.89464 4.73478 8 5 8H6C6.26522 8 6.51957 7.89464 6.70711 7.70711C6.89464 7.51957 7 7.26522 7 7C7 6.73478 6.89464 6.48043 6.70711 6.29289C6.51957 6.10536 6.26522 6 6 6H5ZM10 14H5C4.73478 14 4.48043 14.1054 4.29289 14.2929C4.10536 14.4804 4 14.7348 4 15C4 15.2652 4.10536 15.5196 4.29289 15.7071C4.48043 15.8946 4.73478 16 5 16H10C10.2652 16 10.5196 15.8946 10.7071 15.7071C10.8946 15.5196 11 15.2652 11 15C11 14.7348 10.8946 14.4804 10.7071 14.2929C10.5196 14.1054 10.2652 14 10 14ZM11 10H5C4.73478 10 4.48043 10.1054 4.29289 10.2929C4.10536 10.4804 4 10.7348 4 11C4 11.2652 4.10536 11.5196 4.29289 11.7071C4.48043 11.8946 4.73478 12 5 12H11C11.2652 12 11.5196 11.8946 11.7071 11.7071C11.8946 11.5196 12 11.2652 12 11C12 10.7348 11.8946 10.4804 11.7071 10.2929C11.5196 10.1054 11.2652 10 11 10Z"
                                            fill="#24292D" />
                                    </svg>

                                    Select File
                                </div>
                            </a>

                            {{-- <a href="javascript:;" class="select-file">
                                <input type="file" class="file" name="" id="">
                                <svg width="16" height="17" viewBox="0 0 16 17" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path
                                        d="M8 0.0932617C5.94911 0.0991275 3.97879 0.894588 2.496 2.31535V0.895459C2.496 0.682703 2.41171 0.478661 2.26168 0.32822C2.11166 0.177779 1.90817 0.0932617 1.696 0.0932617C1.48383 0.0932617 1.28034 0.177779 1.13031 0.32822C0.980285 0.478661 0.896 0.682703 0.896 0.895459V4.50535C0.896 4.7181 0.980285 4.92215 1.13031 5.07259C1.28034 5.22303 1.48383 5.30755 1.696 5.30755H5.296C5.50817 5.30755 5.71165 5.22303 5.86168 5.07259C6.01171 4.92215 6.096 4.7181 6.096 4.50535C6.096 4.29259 6.01171 4.08855 5.86168 3.93811C5.71165 3.78767 5.50817 3.70315 5.296 3.70315H3.376C4.40462 2.62529 5.7756 1.94045 7.25323 1.76638C8.73085 1.59232 10.2228 1.9399 11.4725 2.74937C12.7223 3.55885 13.6517 4.77963 14.1011 6.20183C14.5504 7.62403 14.4916 9.15878 13.9347 10.5422C13.3779 11.9256 12.3577 13.0713 11.0497 13.7822C9.74172 14.4931 8.22759 14.7249 6.76764 14.4376C5.3077 14.1504 3.99317 13.362 3.05007 12.2082C2.10697 11.0544 1.59423 9.6071 1.6 8.11524C1.6 7.90248 1.51571 7.69844 1.36569 7.548C1.21566 7.39756 1.01217 7.31304 0.8 7.31304C0.587827 7.31304 0.384344 7.39756 0.234314 7.548C0.0842854 7.69844 0 7.90248 0 8.11524C0 9.70183 0.469192 11.2528 1.34824 12.572C2.22729 13.8912 3.47672 14.9194 4.93853 15.5266C6.40034 16.1337 8.00887 16.2926 9.56072 15.9831C11.1126 15.6735 12.538 14.9095 13.6569 13.7876C14.7757 12.6657 15.5376 11.2364 15.8463 9.68025C16.155 8.12414 15.9965 6.51118 15.391 5.04536C14.7855 3.57954 13.7602 2.32667 12.4446 1.44521C11.129 0.563742 9.58225 0.0932617 8 0.0932617Z"
                                        fill="#24292D" />
                                </svg>
                                Replace File</a> --}}

                            {{-- <a href="javascript:;" class="select-file">
                                <input type="file" class="file" name="" id="">
                                <svg width="16" height="16" viewBox="0 0 16 16" fill="none"
                                    xmlns="http://www.w3.org/2000/svg">
                                    <path d="M8 1V15M1 8H15" stroke="#24292D" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round" />
                                </svg>
                                Add File</a> --}}
                        </div>
                        <div id="added_section" style="display: none;">
                            <p class="p-head">Are you sure you want to upload and send this document for review?</p>
                            <p class="ad-file">
                                <span id="file_subcategory" class="">Class 10 Marksheet</span>
                                <span class="subhead">1 file added</span>
                            </p>
                        </div>
                        <button type="button" id="dumy_upload_btn" class="upload-btn">Upload <i
                                class="loader"></i></button>
                        <button style="display: none" type="submit" id="upload_file_btn" class="upload-btn">UPLOAD
                            & SEND FOR REVIEW <i class="loader"></i></button>
                        <!--Replace text with "UPLOAD & SEND FOR REVIEW"-->
                    </form>
                </div>

                <div class="popup-body" style="display: none;">
                    <p class="p-head">Are you sure you want to upload and send this document for review?</p>
                    <p class="ad-file">
                        Class 10 Marksheet
                        <span class="subhead">1 file added</span>
                    </p>

                    <!--View LOR Details to show-->
                    <div class="view-lor">
                        <p class="p-head">LOR Details</p>
                        <form action="" class="lor-form">
                            <div class="single-input field-not-empty">
                                <label for="Name" class="field-label">Recommender's Name</label>
                                <input type="text" class="input-field" name="name"
                                    placeholder="Recommender's Name" value="xyz" required>
                            </div>

                            <div class="single-input field-not-empty">
                                <label for="Designation" class="field-label">Recommender's Designation</label>
                                <input type="text" class="input-field" name="designation"
                                    placeholder="Recommender's Designation" value="pqrs" required>
                            </div>

                            <div class="single-input field-not-empty">
                                <label for="email" class="field-label">Official Email Id</label>
                                <input type="email" class="input-field" name="of-email"
                                    placeholder="Official Email Id" value="xyz@gmail.com" required>
                            </div>

                            <div class="single-input field-not-empty">
                                <label for="Relation" class="field-label">Relation with the Student</label>
                                <input type="text" class="input-field" name="relation"
                                    placeholder="Relation with the Student" value="father" required>
                            </div>
                            {{-- <button type="submit" class="upload-btn up-link">Next <i class="loader"></i></button> --}}
                        </form>
                    </div>
                </div>


                {{-- <button type="submit" class="upload-btn">Upload <i class="loader"></i></button>
                <!--Replace text with "UPLOAD & SEND FOR REVIEW"--> --}}
            </div>

            <!--LOR Popup fillable-->
            <div class="lor-popup">
                <div class="top">
                    <a href="javascript:;" aria-label="close" class="close">
                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M8.23286 6.99925L13.7414 1.4989C13.906 1.33424 13.9985 1.11091 13.9985 0.878038C13.9985 0.645168 13.906 0.421835 13.7414 0.257171C13.5767 0.0925073 13.3534 0 13.1206 0C12.8877 0 12.6644 0.0925073 12.4998 0.257171L7 5.76627L1.50024 0.257171C1.33559 0.0925073 1.11228 2.06752e-07 0.879436 2.08487e-07C0.646591 2.10222e-07 0.423282 0.0925073 0.258636 0.257171C0.0939896 0.421835 0.0014924 0.645168 0.0014924 0.878038C0.0014924 1.11091 0.0939896 1.33424 0.258636 1.4989L5.76714 6.99925L0.258636 12.4996C0.176683 12.5809 0.111635 12.6776 0.067245 12.7842C0.0228546 12.8907 0 13.005 0 13.1205C0 13.2359 0.0228546 13.3502 0.067245 13.4568C0.111635 13.5633 0.176683 13.66 0.258636 13.7413C0.33992 13.8233 0.436626 13.8884 0.543175 13.9327C0.649725 13.9771 0.764009 14 0.879436 14C0.994863 14 1.10915 13.9771 1.2157 13.9327C1.32225 13.8884 1.41895 13.8233 1.50024 13.7413L7 8.23224L12.4998 13.7413C12.581 13.8233 12.6778 13.8884 12.7843 13.9327C12.8909 13.9771 13.0051 14 13.1206 14C13.236 14 13.3503 13.9771 13.4568 13.9327C13.5634 13.8884 13.6601 13.8233 13.7414 13.7413C13.8233 13.66 13.8884 13.5633 13.9328 13.4568C13.9771 13.3502 14 13.2359 14 13.1205C14 13.005 13.9771 12.8907 13.9328 12.7842C13.8884 12.6776 13.8233 12.5809 13.7414 12.4996L8.23286 6.99925Z"
                                fill="#066AC9" />
                        </svg>
                    </a>
                    <p class="head">LOR Details</p>
                </div>
                <div class="popup-body">
                    <form action="" class="lor-form">
                        <div class="single-input">
                            <label for="Name" class="field-label">Recommender's Name</label>
                            <input type="text" class="input-field" name="name"
                                placeholder="Recommender's Name" value="" required>
                        </div>

                        <div class="single-input">
                            <label for="Designation" class="field-label">Recommender's Designation</label>
                            <input type="text" class="input-field" name="designation"
                                placeholder="Recommender's Designation" value="" required>
                        </div>

                        <div class="single-input">
                            <label for="email" class="field-label">Official Email Id</label>
                            <input type="email" class="input-field" name="of-email"
                                placeholder="Official Email Id" value="" required>
                        </div>

                        <div class="single-input">
                            <label for="Relation" class="field-label">Relation with the Student</label>
                            <input type="text" class="input-field" name="relation"
                                placeholder="Relation with the Student" value="" required>
                        </div>
                        <button type="submit" class="upload-btn up-link">Next <i class="loader"></i></button>
                    </form>
                </div>

            </div>

            <!--Delete Popup-->
            <div class="delete-popup">
                <div class="top">
                    <a href="javascript:;" aria-label="close" class="close-del">
                        <svg width="14" height="14" viewBox="0 0 14 14" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M8.23286 6.99925L13.7414 1.4989C13.906 1.33424 13.9985 1.11091 13.9985 0.878038C13.9985 0.645168 13.906 0.421835 13.7414 0.257171C13.5767 0.0925073 13.3534 0 13.1206 0C12.8877 0 12.6644 0.0925073 12.4998 0.257171L7 5.76627L1.50024 0.257171C1.33559 0.0925073 1.11228 2.06752e-07 0.879436 2.08487e-07C0.646591 2.10222e-07 0.423282 0.0925073 0.258636 0.257171C0.0939896 0.421835 0.0014924 0.645168 0.0014924 0.878038C0.0014924 1.11091 0.0939896 1.33424 0.258636 1.4989L5.76714 6.99925L0.258636 12.4996C0.176683 12.5809 0.111635 12.6776 0.067245 12.7842C0.0228546 12.8907 0 13.005 0 13.1205C0 13.2359 0.0228546 13.3502 0.067245 13.4568C0.111635 13.5633 0.176683 13.66 0.258636 13.7413C0.33992 13.8233 0.436626 13.8884 0.543175 13.9327C0.649725 13.9771 0.764009 14 0.879436 14C0.994863 14 1.10915 13.9771 1.2157 13.9327C1.32225 13.8884 1.41895 13.8233 1.50024 13.7413L7 8.23224L12.4998 13.7413C12.581 13.8233 12.6778 13.8884 12.7843 13.9327C12.8909 13.9771 13.0051 14 13.1206 14C13.236 14 13.3503 13.9771 13.4568 13.9327C13.5634 13.8884 13.6601 13.8233 13.7414 13.7413C13.8233 13.66 13.8884 13.5633 13.9328 13.4568C13.9771 13.3502 14 13.2359 14 13.1205C14 13.005 13.9771 12.8907 13.9328 12.7842C13.8884 12.6776 13.8233 12.5809 13.7414 12.4996L8.23286 6.99925Z"
                                fill="#066AC9" />
                        </svg></a>
                    <p class="head">Delete Document</p>
                </div>

                <div class="popup-body">
                    <img src="{{ asset('frontend') }}/student-panel/images/delete.svg" alt="icon">
                    <p class="p-head">Are you sure you want to delete “<span>Class 10 Marksheet</span>”</p>
                    <span class="subhead">All of your data will be permanently removed.This action can not be
                        undone.</span>
                </div>

                <button type="submit" class="btn delete-btn">Delete</button>
            </div>

            <!--Success Message-->
            <p id="success_flash" class="success-msg" style="display: none;"><img
                    src="{{ asset('frontend') }}/student-panel/images/green-tick.svg" alt="green-tick">Perfect!
                Your Class 10 Marksheet is Uploaded</p>
        </div>
    </div>
@endsection
@section('css')
    <style>
        select {
            /* for Firefox */
            -moz-appearance: none;
            /* for Chrome */
            -webkit-appearance: none;
        }

        /* For IE10 */
        select::-ms-expand {
            display: none;
        }
    </style>
@endsection
@section('frontend_links')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/css/intlTelInput.css"
        integrity="sha512-s51TDsIcMqlh1YdQbF3Vj4StcU/5s97VyLEEpkPWwP0CJfjZ/C5zAaHnG+DZroGDn1UagQezDEy61jP4yoi4vQ=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
    <link rel="stylesheet" href="{{ asset('frontend') }}/student-panel/css/login.css?v={{ now()->format('his')}}">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/themes/base/jquery-ui.min.css"
        integrity="sha512-ELV+xyi8IhEApPS/pSj66+Jiw+sOT1Mqkzlh8ExXihe4zfqbWkxPRi8wptXIO9g73FSlhmquFlUOuMSoXz5IRw=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/css/selectize.legacy.css"
        integrity="sha512-FHowp6g4GOX1lS2S6wUTY1QVSsLtPDRIO5B4rMbGWZm0rltluis4dc7lF2W7svRPLg+WXq6qBsHqHfX7e7ib1Q=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />
@endsection
@section('script')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/18.2.1/js/intlTelInput.min.js"
        integrity="sha512-uZZS8rsETXJQX6Jy57Zdc7PAmP83GCjC1F/LX0xUj12wY5SlfUX+CVnYFEX89doutQPeFbI9FjUCkpuTWqlBwg=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="{{ asset('frontend') }}/student-panel/js/input-field.js?v={{ now()->format('his')}}"></script>
    <script src="{{ asset('frontend') }}/student-panel/js/onboarding.js?v={{ now()->format('his')}}"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.13.2/jquery-ui.min.js"
        integrity="sha512-57oZ/vW8ANMjR/KQ6Be9v/+/h6bq9/l3f0Oc7vn6qMqyhvPd1cvKBRWWpzu0QoneImqr2SkmO4MSqU+RpHom3Q=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.15.2/js/selectize.js"
        integrity="sha512-TCP0r/hsoR3XYFxxMqmxeCZSmHWkjdBiAGy+0xcQ+JU0hOBZMHho7O0x/bXZUf3DH6kcbGhuZFxONYXxMzd7EA=="
        crossorigin="anonymous" referrerpolicy="no-referrer"></script>
    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/js/select2.min.js" integrity="sha512-2ImtlRlf2VVmiGZsjm9bEyhjGW4dU7B6TNwh/hx/iSByxNENtj3WVE6o/9Lj4TJeVXPi4bnOIMXFIJJAeufa0A==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> --}}

    {{--
<script>
    $(".alert-success").on('click', function () {
        hideAlert();
    });
    function hideAlert() {
        $(".alert-success").fadeTo(2000, 500).slideUp(500, function () {
            $(".alert-success").slideUp(500);
        });
    }
    hideAlert();
</script> --}}
@endsection
