@extends('user_dashboard.layouts.app')
@section('content')
    <div class="rbt-dashboard-area mt--30 mb--50">
        <div class="container-fluid">
            <div class="row g-5">
                <div class="col-lg-3">
                    @include('user_dashboard.layouts.sidebar')
                </div>
                <div class="col-lg-9">
                    <div class="rbt-dashboard-content bg-color-white rbt-shadow-box mb--10">
                        <div class="content">
                            <div class="row">
                                <div class="col-lg-12">
                                    <div class="section-title">
                                        <h4 class="rbt-title-style-3">Resume Maker</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="row gy-5">
                                <div class="col-lg-12">
                                    <div class="rbt-dashboard-table table-responsive">
                                        <div class="rbt-default-tab">
                                            <ul class="nav nav-tabs tab-button" role="tablist">
                                                <li class="nav-item tabs__tab " role="presentation">
                                                    <button class="nav-link active" id="basic_form" data-bs-toggle="tab" data-bs-target="#home5" type="button" role="tab" aria-controls="home5" aria-selected="true">Basic Details</button>
                                                </li>
                                                <li class="nav-item tabs__tab " role="presentation">
                                                    <button class="nav-link" id="education_form" data-bs-toggle="tab" data-bs-target="#profile5" type="button" role="tab" aria-controls="profile5" aria-selected="false">Educational Details</button>
                                                </li>
                                                <li class="nav-item tabs__tab " role="presentation">
                                                    <button class="nav-link" id="skill_form" data-bs-toggle="tab" data-bs-target="#contact5" type="button" role="tab" aria-controls="contact5" aria-selected="false">Skills</button>
                                                </li>
                                                <li class="nav-item tabs__tab " role="presentation">
                                                    <button class="nav-link" id="experience_form" data-bs-toggle="tab" data-bs-target="#contact7" type="button" role="tab" aria-controls="contact7" aria-selected="false">Experience</button>
                                                </li>
                                                <li class="nav-item tabs__tab " role="presentation">
                                                    <button class="nav-link" id="achievement_form" data-bs-toggle="tab" data-bs-target="#contact9" type="button" role="tab" aria-controls="contact9" aria-selected="false">Achievement</button>
                                                </li>
                                            </ul>
                                            <div class="alert alert-danger d-none" id="error_div">
                                                <strong>Whoops!</strong> There were some problems with your input.<br><br>
                                                <ul id="errors">

                                                </ul>
                                            </div>
                                            <div class="rainbow-tab-content tab-content">
                                                <div class="tab-pane fade show active" id="home5" role="tabpanel">
                                                    <form method="POST" id="basic_form_data">
                                                        @csrf
                                                        <div class="row">
                                                            <div class="col-md-4 mb-3">
                                                                <label for="name" class="form-label">Name*</label>
                                                                <input type="text" class="form-control" name="name" value="{{optional($basic_detail)->name}}" placeholder="Name..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="phone" class="form-label">Phone Number*</label>
                                                                <input type="number" class="form-control" name="phone" value="{{optional($basic_detail)->phone}}" placeholder="Phone Number..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="email" class="form-label">Email</label>
                                                                <input type="email" class="form-control" name="email" value="{{optional($basic_detail)->email}}" placeholder="Email...">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="dob" class="form-label">DOB</label>
                                                                <input type="date" class="form-control" name="dob" value="{{optional($basic_detail)->dob}}" placeholder="DOB...">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <div class="rbt-modern-select">
                                                                    <label for="gender" class="form-label">Gender</label>
                                                                    <select class="w-100" name="gender" required>
                                                                        <option value="Male" @if(optional($basic_detail)->gender == 'Male') selected @endif>Male</option>
                                                                        <option value="Female" @if(optional($basic_detail)->gender == 'Female') selected @endif>Female</option>
                                                                        <option value="Other" @if(optional($basic_detail)->gender == 'Other') selected @endif>Other</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="expected_salary" class="form-label">Expected Salary</label>
                                                                <input type="number" class="form-control" name ="expected_salary" value="{{optional($basic_detail)->expected_salary}}" placeholder="Expected Salary...">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <div class="rbt-modern-select">
                                                                    <label for="experience" class="form-label">Experience</label>
                                                                    <select class="w-100" name="experience" required>
                                                                        <option value="0-6 Month" @if(optional($basic_detail)->experience == '0-6 Month') selected @endif>0-6 Month</option>
                                                                        <option value="1-2 Year" @if(optional($basic_detail)->experience == '1-2 Year') selected @endif>1-2 Year</option>
                                                                        <option value="2-4 Year" @if(optional($basic_detail)->experience == '2-4 Year') selected @endif>2-4 Year</option>
                                                                        <option value="More Then 5 Year" @if(optional($basic_detail)->experience == 'More Then 5 Year') selected @endif>More Then 5 Year</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="country" class="form-label">Country</label>
                                                                <input type="text" class="form-control" name="country" value="{{optional($basic_detail)->country}}" placeholder="Country...">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="state" class="form-label">State</label>
                                                                <input type="text" class="form-control" name="state" value="{{optional($basic_detail)->state}}" placeholder="State...">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="city" class="form-label">City</label>
                                                                <input type="text" class="form-control" name="city" value="{{optional($basic_detail)->city}}" placeholder="City...">
                                                            </div>
                                                            <div class="col-md-12 mb-3">
                                                                <label for="address" class="form-label">Address</label>
                                                                <textarea name="address" id="address">{{optional($basic_detail)->address}}</textarea>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <div class="rbt-modern-select">
                                                                    <label for="nationality" class="form-label">Nationality</label>
                                                                    <select class="w-100" name="nationality" required>
                                                                        <option value="Indian" @if(optional($basic_detail)->nationality == 'Indian') selected @endif>Indian</option>
                                                                        <option value="NRI" @if(optional($basic_detail)->nationality == 'NRI') selected @endif>NRI</option>
                                                                        <option value="Foreigner" @if(optional($basic_detail)->nationality == 'Foreigner') selected @endif>Foreigner</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="father_name" class="form-label">Father Name</label>
                                                                <input type="text" class="form-control" name="father_name" value="{{optional($basic_detail)->father_name}}" placeholder="Father Name...">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="mother_name" class="form-label">Mother Name</label>
                                                                <input type="text" class="form-control" name="mother_name" value="{{optional($basic_detail)->mother_name}}" placeholder="Mother Name...">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <div class="rbt-modern-select">
                                                                    <label for="marital_status" class="form-label">Marital Status</label>
                                                                    <select class="w-100" name="marital_status" required>
                                                                        <option value="Single" @if(optional($basic_detail)->marital_status == 'Single') selected @endif>Single</option>
                                                                        <option value="Married" @if(optional($basic_detail)->marital_status == 'Married') selected @endif>Married</option>
                                                                        <option value="Separated" @if(optional($basic_detail)->marital_status == 'Separated') selected @endif>Separated</option>
                                                                        <option value="Divorced" @if(optional($basic_detail)->marital_status == 'Divorced') selected @endif>Divorced</option>
                                                                        <option value="Widowed" @if(optional($basic_detail)->marital_status == 'Widowed') selected @endif>Widowed</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <div class="rbt-modern-select">
                                                                    <label for="religion" class="form-label">Religion</label>
                                                                    <select class="w-100" name="religion" required readonly>
                                                                        <option value="Hinduism" @if(optional($basic_detail)->religion == 'Hinduism') selected @endif>Hinduism</option>
                                                                        <option value="Islam" @if(optional($basic_detail)->religion == 'Islam') selected @endif>Islam</option>
                                                                        <option value="Christianity" @if(optional($basic_detail)->religion == 'Christianity') selected @endif>Christianity</option>
                                                                        <option value="Sikhism" @if(optional($basic_detail)->religion == 'Sikhism') selected @endif>Sikhism</option>
                                                                        <option value="Biddhism" @if(optional($basic_detail)->religion == 'Biddhism') selected @endif>Biddhism</option>
                                                                        <option value="Jainism" @if(optional($basic_detail)->religion == 'Jainism') selected @endif>Jainism</option>
                                                                        <option value="Unaffiliated" @if(optional($basic_detail)->religion == 'Unaffiliated') selected @endif>Unaffiliated</option>
                                                                        <option value="Others" @if(optional($basic_detail)->religion == 'Others') selected @endif>Others</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <div class="rbt-modern-select">
                                                                    <label for="source" class="form-label">Source</label>
                                                                    <select class="w-100" name="source" required>
                                                                        <option value="LinkedIn" @if(optional($basic_detail)->source == 'LinkedIn') selected @endif>LinkedIn</option>
                                                                        <option value="Social Media" @if(optional($basic_detail)->source == 'Social Media') selected @endif>Social Media</option>
                                                                        <option value="Referral" @if(optional($basic_detail)->source == 'Referral') selected @endif>Referral</option>
                                                                        <option value="Telecalling" @if(optional($basic_detail)->source == 'Telecalling') selected @endif>Telecalling</option>
                                                                        <option value="Naukri" @if(optional($basic_detail)->source == 'Naukri') selected @endif>Naukri</option>
                                                                        <option value="Indeed" @if(optional($basic_detail)->source == 'Indeed') selected @endif>Indeed</option>
                                                                        <option value="OLX" @if(optional($basic_detail)->source == 'OLX') selected @endif>OLX</option>
                                                                        <option value="Partner" @if(optional($basic_detail)->source == 'Partner') selected @endif>Partner</option>
                                                                        <option value="Others" @if(optional($basic_detail)->source == 'Others') selected @endif>Others</option>
                                                                    </select>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-3 col-6 mt-2">
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('basic_form','education_form')">
                                                                    <span>Next <i class="feather-arrow-right"></i></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>

                                                <div class="tab-pane fade" id="profile5" role="tabpanel" aria-labelledby="profile-tab5">
                                                    <form method="POST" id="education_form_data">
                                                        @csrf
                                                        <div id="add_div">
                                                            @forelse ($educational_details as $key=>$educational_detail)
                                                                <div class="row">
                                                                    <div class="col-md-4 mb-3">
                                                                        <div class="rbt-modern-select">
                                                                            <label for="degree_type" class="form-label">Degree Type*</label>
                                                                            <select class="w-100" name="degree_type[]" required>
                                                                                <option value="High School" @if($educational_detail->degree_type == 'High School') selected @endif>High School</option>
                                                                                <option value="Intermediate" @if($educational_detail->degree_type == 'Intermediate') selected @endif>Intermediate</option>
                                                                                <option value="Graduation" @if($educational_detail->degree_type == 'Graduation') selected @endif>Graduation</option>
                                                                                <option value="Diploma" @if($educational_detail->degree_type == 'Diploma') selected @endif>Diploma</option>
                                                                                <option value="Graduation with PG" @if($educational_detail->degree_type == 'Graduation with PG') selected @endif>Graduation with PG</option>
                                                                                <option value="Post Graduation" @if($educational_detail->degree_type == 'Post Graduation') selected @endif>Post Graduation</option>
                                                                                <option value="Other" @if($educational_detail->degree_type == 'Other') selected @endif>Other</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="course_name*" class="form-label">Course/Degree Name*</label>
                                                                        <input type="text" class="form-control" name="course_name[]" value="{{$educational_detail->course_name}}" placeholder="Course/Degree Name..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="institute_name" class="form-label">School/College Name*</label>
                                                                        <input type="text" class="form-control" name="institute_name[]" value="{{$educational_detail->institute_name}}" placeholder="School/College Name..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="passing_year" class="form-label">Passing Year*</label>
                                                                        <input type="month" class="form-control" name="passing_year[]" value="{{$educational_detail->passing_year}}" placeholder="Passing Year..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <div class="rbt-modern-select">
                                                                            <label for="result" class="form-label">Result*</label>
                                                                            <select class="w-100" name="result[]" required>
                                                                                <option value="Passing" @if($educational_detail->result == 'Passing') selected @endif>Passing</option>
                                                                                <option value="Appering" @if($educational_detail->result == 'Appering') selected @endif>Appering</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <div class="rbt-modern-select">
                                                                            <label for="mark_type" class="form-label">Mark Type*</label>
                                                                            <select class="w-100" name="mark_type[]" required>
                                                                                <option value="CGPA" @if($educational_detail->mark_type == 'CGPA') selected @endif>CGPA</option>
                                                                                <option value="Marks" @if($educational_detail->mark_type == 'Marks') selected @endif>Marks</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="obtain_mark" class="form-label">Obtain Mark/CGPA*</label>
                                                                        <input type="text" class="form-control" name="obtain_mark[]" value="{{$educational_detail->obtain_mark}}" placeholder="Obtain Mark/CGPA..." required>
                                                                    </div>

                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="max_mark" class="form-label">Max Mark/CGPA*</label>
                                                                        <input type="text" class="form-control" name="max_mark[]" value="{{$educational_detail->max_mark}}" placeholder="Max Mark/CGPA..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="marksheet" class="form-label">Upload Marksheet</label>
                                                                        <input type="file" name="marksheet[]"class="form-control" required>
                                                                    </div>
                                                                    @if($key == 0)
                                                                        <div class="col-md-12 mb-3 text-end">
                                                                            <a class="rbt-btn btn-gradient radius-round btn-sm" onclick="addEduDiv()">
                                                                                <span>Add <i class="feather-plus"></i></span>
                                                                            </a>
                                                                        </div>
                                                                    @else
                                                                        <div class="col-md-12 mb-3 text-end">
                                                                            <a class="rbt-btn btn-gradient radius-round btn-sm remove_edu_div">
                                                                                <span>Remove <i class="feather-minus"></i></span>
                                                                            </a>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                            @empty
                                                                <div class="row">
                                                                    <div class="col-md-4 mb-3">
                                                                        <div class="rbt-modern-select">
                                                                            <label for="degree_type" class="form-label">Degree Type*</label>
                                                                            <select class="w-100" name="degree_type[]" required>
                                                                                <option value="High School">High School</option>
                                                                                <option value="Intermediate">Intermediate</option>
                                                                                <option value="Graduation">Graduation</option>
                                                                                <option value="Diploma">Diploma</option>
                                                                                <option value="Graduation with PG">Graduation with PG</option>
                                                                                <option value="Post Graduation">Post Graduation</option>
                                                                                <option value="Other">Other</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="course_name*" class="form-label">Course/Degree Name*</label>
                                                                        <input type="text" class="form-control" name="course_name[]" value="" placeholder="Course/Degree Name..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="institute_name" class="form-label">School/College Name*</label>
                                                                        <input type="text" class="form-control" name="institute_name[]" value="" placeholder="School/College Name..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="passing_year" class="form-label">Passing Year*</label>
                                                                        <input type="month" class="form-control" name="passing_year[]" value="" placeholder="Passing Year..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <div class="rbt-modern-select">
                                                                            <label for="result" class="form-label">Result*</label>
                                                                            <select class="w-100" name="result[]" required>
                                                                                <option value="Passing">Passing</option>
                                                                                <option value="Appering">Appering</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <div class="rbt-modern-select">
                                                                            <label for="mark_type" class="form-label">Mark Type*</label>
                                                                            <select class="w-100" name="mark_type[]" required>
                                                                                <option value="CGPA">CGPA</option>
                                                                                <option value="Marks">Marks</option>
                                                                            </select>
                                                                        </div>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="obtain_mark" class="form-label">Obtain Mark/CGPA*</label>
                                                                        <input type="text" class="form-control" name="obtain_mark[]" value="" placeholder="Obtain Mark/CGPA..." required>
                                                                    </div>

                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="max_mark" class="form-label">Max Mark/CGPA*</label>
                                                                        <input type="text" class="form-control" name="max_mark[]" value="" placeholder="Max Mark/CGPA..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="marksheet" class="form-label">Upload Marksheet</label>
                                                                        <input type="file" name="marksheet[]"class="form-control" required>
                                                                    </div>
                                                                    <div class="col-md-12 mb-3 text-end">
                                                                        <a class="rbt-btn btn-gradient radius-round btn-sm" onclick="addEduDiv()">
                                                                            <span>Add <i class="feather-plus"></i></span>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            @endforelse
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-4 col-6 mt-2">
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('education_form','basic_form')">
                                                                    <span><i class="feather-arrow-left"></i> Prev</span>
                                                                </button>
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('education_form','skill_form')">
                                                                    <span>Next <i class="feather-arrow-right"></i></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>

                                                <div class="tab-pane fade" id="contact5" role="tabpanel" aria-labelledby="contact-tab5">
                                                    <form method="POST" id="skill_form_data">
                                                        @csrf
                                                        <div class="row">
                                                            <div class="col-md-4 mb-3">
                                                                <label for="skill" class="form-label">Skills*</label>
                                                                <input type="text" class="form-control" name="skill" value="{{optional($resume_skill)->skill}}" placeholder="Skills..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="objective" class="form-label">Objective</label>
                                                                <input type="text" class="form-control" name="objective" value="{{optional($resume_skill)->objective}}" placeholder="Objective..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="strength" class="form-label">Strength</label>
                                                                <input type="text" class="form-control" name="strength" value="{{optional($resume_skill)->strength}}" placeholder="Strength..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="hobbies" class="form-label">Hobbies</label>
                                                                <input type="text" class="form-control" name="hobbies" value="{{optional($resume_skill)->hobbies}}" placeholder="Hobbies..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="photo" class="form-label">Upload profile Photo</label>
                                                                <input type="file" name="photo" class="form-control">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="signature" class="form-label">Upload Signature</label>
                                                                <input type="file" name="signature" class="form-control">
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="facebook" class="form-label">Facebook</label>
                                                                <input type="text" class="form-control" name="facebook" value="{{optional($resume_skill)->facebook}}" placeholder="Facebook..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="twitter" class="form-label">Twitter</label>
                                                                <input type="text" class="form-control" name="twitter" value="{{optional($resume_skill)->twitter}}" placeholder="Twitter..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="instagram" class="form-label">Instagram</label>
                                                                <input type="text" class="form-control" name="instagram" value="{{optional($resume_skill)->instagram}}" placeholder="Instagram..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="linkedin" class="form-label">Linkedin</label>
                                                                <input type="text" class="form-control" name="linkedin" value="{{optional($resume_skill)->linkedin}}" placeholder="Linkedin..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="youtube" class="form-label">Youtube</label>
                                                                <input type="text" class="form-control" name="youtube" value="{{optional($resume_skill)->youtube}}" placeholder="Youtube..." required>
                                                            </div>
                                                            <div class="col-md-4 mb-3">
                                                                <label for="language" class="form-label">Language</label>
                                                                <input type="text" class="form-control" name="language" value="{{optional($resume_skill)->language}}" placeholder="Language..." required>
                                                            </div>
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-4 col-6 mt-2">
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('skill_form','education_form')">
                                                                    <span><i class="feather-arrow-left"></i> Prev</span>
                                                                </button>
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('skill_form','experience_form')">
                                                                    <span>Next <i class="feather-arrow-right"></i></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>

                                                <div class="tab-pane fade" id="contact7" role="tabpanel" aria-labelledby="contact-tab5">
                                                    <form action="#" method="POST" id="experience_form_data">
                                                        @csrf
                                                        <div id="add_exp_div">
                                                            @forelse ($resume_experiences as $ex_key=>$resume_experience)
                                                                <div class="row">
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="company_name" class="form-label">Company Name</label>
                                                                        <input type="text" class="form-control" name="company_name[]" value="{{$resume_experience->company_name}}" placeholder="Company Name..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="job_title" class="form-label">Job Title</label>
                                                                        <input type="text" class="form-control" name="job_title[]" value="{{$resume_experience->job_title}}" placeholder="Job Title..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="start_date" class="form-label">Start Date</label>
                                                                        <input type="text" class="form-control" name="start_date[]" value="{{$resume_experience->start_date}}" placeholder="Start Date..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="end_date" class="form-label">End Date</label>
                                                                        <input type="text" class="form-control" name="end_date[]" value="{{$resume_experience->end_date}}" placeholder="End Date...">
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="job_role" class="form-label">Job Role</label>
                                                                        <input type="text" class="form-control" name="job_role[]" value="{{$resume_experience->job_role}}" placeholder="Job Role..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="detail" class="form-label">Detail</label>
                                                                        <input type="text" class="form-control" name="detail[]" value="{{$resume_experience->detail}}" placeholder="Detail...">
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="certificate" class="form-label">Upload Certificate Photo</label>
                                                                        <input type="file" name="certificate[]" class="form-control">
                                                                    </div>
                                                                    @if($ex_key == 0)
                                                                        <div class="col-md-12 mb-3 text-end">
                                                                            <a class="rbt-btn btn-gradient radius-round btn-sm" onclick="addExpDiv()">
                                                                                <span>Add <i class="feather-plus"></i></span>
                                                                            </a>
                                                                        </div>
                                                                    @else
                                                                        <div class="col-md-12 mb-3 text-end">
                                                                            <a class="rbt-btn btn-gradient radius-round btn-sm remove_exp_div">
                                                                                <span>Remove <i class="feather-minus"></i></span>
                                                                            </a>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                            @empty
                                                                <div class="row">
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="company_name" class="form-label">Company Name</label>
                                                                        <input type="text" class="form-control" name="company_name[]" value="" placeholder="Company Name..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="job_title" class="form-label">Job Title</label>
                                                                        <input type="text" class="form-control" name="job_title[]" value="" placeholder="Job Title..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="start_date" class="form-label">Start Date</label>
                                                                        <input type="text" class="form-control" name="start_date[]" value="" placeholder="Start Date..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="end_date" class="form-label">End Date</label>
                                                                        <input type="text" class="form-control" name="end_date[]" value="" placeholder="End Date...">
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="job_role" class="form-label">Job Role</label>
                                                                        <input type="text" class="form-control" name="job_role[]" value="" placeholder="Job Role..." required>
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="detail" class="form-label">Detail</label>
                                                                        <input type="text" class="form-control" name="detail[]" value="" placeholder="Detail...">
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="certificate" class="form-label">Upload Certificate Photo</label>
                                                                        <input type="file" name="certificate[]" class="form-control">
                                                                    </div>
                                                                    <div class="col-md-12 mb-3 text-end">
                                                                        <a class="rbt-btn btn-gradient radius-round btn-sm" onclick="addExpDiv()">
                                                                            <span>Add <i class="feather-plus"></i></span>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            @endforelse
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-4 col-6 mt-2">
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('experience_form','skill_form')">
                                                                    <span><i class="feather-arrow-left"></i> Prev</span>
                                                                </button>
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('experience_form','achievement_form')">
                                                                    <span>Next <i class="feather-arrow-right"></i></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>

                                                <div class="tab-pane fade" id="contact9" role="tabpanel" aria-labelledby="contact-tab5">
                                                    <form action="#" method="POST" id="achievement_form_data">
                                                        @csrf
                                                        <div id="add_ach_div">
                                                            @forelse ($resume_achievements as $ach_key=>$resume_achievement)
                                                                <div class="row">
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="name" class="form-label">Achievement Name</label>
                                                                        <input type="text" class="form-control" name="name[]" value="{{$resume_achievement->name}}" placeholder="Achievement Name...">
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="organization_name" class="form-label">Organization Name</label>
                                                                        <input type="text" class="form-control" name="organization_name[]" value="{{$resume_achievement->organization_name}}" placeholder="Organization Name...">
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="achievement_date" class="form-label">Achievement Date</label>
                                                                        <input type="date" class="form-control" name="achievement_date[]" value="{{$resume_achievement->achievement_date}}" placeholder="Achievement Date...">
                                                                    </div>
                                                                    <div class="col-md-12 mb-3">
                                                                        <label for="details" class="form-label">Details</label>
                                                                        <textarea name="achievement_detail[]" id="details">{{$resume_achievement->achievement_detail}}</textarea>
                                                                    </div>
                                                                    @if($ach_key == 0)
                                                                        <div class="col-md-12 mb-3 text-end">
                                                                            <a class="rbt-btn btn-gradient radius-round btn-sm" onclick="addAchDiv()">
                                                                                <span>Add <i class="feather-plus"></i></span>
                                                                            </a>
                                                                        </div>
                                                                    @else
                                                                        <div class="col-md-12 mb-3 text-end">
                                                                            <a class="rbt-btn btn-gradient radius-round btn-sm remove_ach_div">
                                                                                <span>Remove <i class="feather-minus"></i></span>
                                                                            </a>
                                                                        </div>
                                                                    @endif
                                                                </div>
                                                            @empty
                                                                <div class="row">
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="name" class="form-label">Achievement Name</label>
                                                                        <input type="text" class="form-control" name="name[]" value="" placeholder="Achievement Name...">
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="organization_name" class="form-label">Organization Name</label>
                                                                        <input type="text" class="form-control" name="organization_name[]" value="" placeholder="Organization Name...">
                                                                    </div>
                                                                    <div class="col-md-4 mb-3">
                                                                        <label for="achievement_date" class="form-label">Achievement Date</label>
                                                                        <input type="date" class="form-control" name="achievement_date[]" value="" placeholder="Achievement Date...">
                                                                    </div>

                                                                    <div class="col-md-12 mb-3">
                                                                        <label for="details" class="form-label">Details</label>
                                                                        <textarea name="achievement_detail[]" id="details"></textarea>
                                                                    </div>
                                                                    <div class="col-md-12 mb-3 text-end">
                                                                        <a class="rbt-btn btn-gradient radius-round btn-sm" onclick="addAchDiv()">
                                                                            <span>Add <i class="feather-plus"></i></span>
                                                                        </a>
                                                                    </div>
                                                                </div>
                                                            @endforelse
                                                        </div>
                                                        <div class="row">
                                                            <div class="col-md-4 col-6 mt-2">
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('achievement_form','skill_form')">
                                                                    <span><i class="feather-arrow-left"></i> Prev</span>
                                                                </button>
                                                                <button class="rbt-btn btn-gradient radius-round btn-sm" type="button" onclick="saveForm('achievement_form','')">
                                                                    <span>Submit <i class="feather-arrow-right"></i></span>
                                                                </button>
                                                            </div>
                                                        </div>
                                                    </form>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <script>

        function saveForm(current_form,next_form){
            $.ajax({
                type: 'POST',
                url: "{{route('user.save.basic.detail')}}",
                data: $('#'+current_form+'_data').serialize()+ "&form_type="+current_form,
                success: function(data) {
                    $('#error_div').addClass('d-none');
                    $('#errors').empty();
                    $('#'+next_form).click();
                    const Toast = Swal.mixin({
                        toast: true,
                        position: 'top-end',
                        showConfirmButton: false,
                        timer: 3000,
                        timerProgressBar: true,
                    });
                    Toast.fire({
                        icon: "success",
                        title: data.message,
                    });
                },
                error: function (request, status, error) {
                    $('#error_div').removeClass('d-none');
                    $('#errors').empty();
                    $.each(request.responseJSON.errors, function (key, val) {
                        $('#errors').append('<li>'+val+'</li>');
                    });
                }
            });
        }

        function addEduDiv(){
            $('#add_div').append('<div class="row">'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<div class="rbt-modern-select">'+
                                            '<label for="degree_type" class="form-label">Degree Type*</label>'+
                                            '<select class="w-100" name="degree_type[]" required>'+
                                                '<option value="High School">High School</option>'+
                                                '<option value="Intermediate">Intermediate</option>'+
                                                '<option value="Graduation">Graduation</option>'+
                                                '<option value="Diploma">Diploma</option>'+
                                                '<option value="Graduation with PG">Graduation with PG</option>'+
                                                '<option value="Post Graduation">Post Graduation</option>'+
                                                '<option value="Other">Other</option>'+
                                            '</select>'+
                                        '</div>'+
                                    '</div>'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<label for="course_name*" class="form-label">Course/Degree Name*</label>'+
                                        '<input type="text" class="form-control" name="course_name[]" value="" placeholder="Course/Degree Name..." required>'+
                                    '</div>'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<label for="institute_name" class="form-label">School/College Name*</label>'+
                                        '<input type="text" class="form-control" name="institute_name[]" value="" placeholder="School/College Name..." required>'+
                                    '</div>'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<label for="passing_year" class="form-label">Passing Year*</label>'+
                                        '<input type="month" class="form-control" name="passing_year[]" value="" placeholder="Passing Year..." required>'+
                                    '</div>'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<div class="rbt-modern-select">'+
                                            '<label for="result" class="form-label">Result*</label>'+
                                            '<select class="w-100" name="result[]" required>'+
                                                '<option value="Passing">Passing</option>'+
                                                '<option value="Appering">Appering</option>'+
                                            '</select>'+
                                        '</div>'+
                                    '</div>'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<div class="rbt-modern-select">'+
                                            '<label for="mark_type" class="form-label">Mark Type*</label>'+
                                            '<select class="w-100" name="mark_type[]" required>'+
                                                '<option value="CGPA">CGPA</option>'+
                                                '<option value="Marks">Marks</option>'+
                                            '</select>'+
                                        '</div>'+
                                    '</div>'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<label for="obtain_mark" class="form-label">Obtain Mark/CGPA*</label>'+
                                        '<input type="text" class="form-control" name="obtain_mark[]" value="" placeholder="Obtain Mark/CGPA..." required>'+
                                    '</div>'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<label for="max_mark" class="form-label">Max Mark/CGPA*</label>'+
                                        '<input type="text" class="form-control" name="max_mark[]" value="" placeholder="Max Mark/CGPA..." required>'+
                                    '</div>'+
                                    '<div class="col-md-4 mb-3">'+
                                        '<label for="marksheet" class="form-label">Upload Marksheet</label>'+
                                        '<input type="file" name="marksheet[]"class="form-control" required>'+
                                    '</div>'+
                                    '<div class="col-md-12 mb-3 text-end">'+
                                        '<a class="rbt-btn btn-gradient radius-round btn-sm remove_edu_div">'+
                                            '<span>Remove <i class="feather-minus"></i></span>'+
                                        '</a>'+
                                    '</div>'+
                                '</div>');
        }

        $(document).on('click', '.remove_edu_div', function(e) {
            e.preventDefault();
            $(this).closest('.row').remove();
            return false;
        });

        function addExpDiv(){
            $('#add_exp_div').append('<div class="row">'+
                                        '<div class="col-md-4 mb-3">'+
                                            '<label for="company_name" class="form-label">Company Name</label>'+
                                            '<input type="text" class="form-control" name="company_name[]" value="" placeholder="Company Name..." required>'+
                                        '</div>'+
                                        '<div class="col-md-4 mb-3">'+
                                            '<label for="job_title" class="form-label">Job Title</label>'+
                                            '<input type="text" class="form-control" name="job_title[]" value="" placeholder="Job Title..." required>'+
                                        '</div>'+
                                        '<div class="col-md-4 mb-3">'+
                                            '<label for="start_date" class="form-label">Start Date</label>'+
                                            '<input type="text" class="form-control" name="start_date[]" value="" placeholder="Start Date..." required>'+
                                        '</div>'+
                                        '<div class="col-md-4 mb-3">'+
                                            '<label for="end_date" class="form-label">End Date</label>'+
                                            '<input type="text" class="form-control" name="end_date[]" value="" placeholder="End Date...">'+
                                        '</div>'+
                                        '<div class="col-md-4 mb-3">'+
                                            '<label for="job_role" class="form-label">Job Role</label>'+
                                            '<input type="text" class="form-control" name="job_role[]" value="" placeholder="Job Role..." required>'+
                                        '</div>'+
                                        '<div class="col-md-4 mb-3">'+
                                            '<label for="detail" class="form-label">Detail</label>'+
                                            '<input type="text" class="form-control" name="detail[]" value="" placeholder="Detail...">'+
                                        '</div>'+
                                        '<div class="col-md-4 mb-3">'+
                                            '<label for="certificate" class="form-label">Upload Certificate Photo</label>'+
                                            '<input type="file" name="certificate[]" class="form-control">'+
                                        '</div>'+
                                        '<div class="col-md-12 mb-3 text-end">'+
                                            '<a class="rbt-btn btn-gradient radius-round btn-sm remove_exp_div">'+
                                                '<span>Remove <i class="feather-minus"></i></span>'+
                                            '</a>'+
                                        '</div>'+
                                    '</div>');
        }

        $(document).on('click', '.remove_exp_div', function(e) {
            e.preventDefault();
            $(this).closest('.row').remove();
            return false;
        });

        function addAchDiv(){
            $('#add_ach_div').append('<div class="row">'+
                                                    '<div class="col-md-4 mb-3">'+
                                                        '<label for="name" class="form-label">Achievement Name</label>'+
                                                        '<input type="text" class="form-control" name="name[]" value="" placeholder="Achievement Name...">'+
                                                    '</div>'+
                                                    '<div class="col-md-4 mb-3">'+
                                                        '<label for="organization_name" class="form-label">Organization Name</label>'+
                                                        '<input type="text" class="form-control" name="organization_name[]" value="" placeholder="Organization Name...">'+
                                                    '</div>'+
                                                    '<div class="col-md-4 mb-3">'+
                                                        '<label for="achievement_date" class="form-label">Achievement Date</label>'+
                                                        '<input type="date" class="form-control" name="achievement_date[]" value="" placeholder="Achievement Date...">'+
                                                    '</div>'+
                                                    '<div class="col-md-12 mb-3">'+
                                                        '<label for="details" class="form-label">Details</label>'+
                                                        '<textarea name="achievement_detail[]" id="details"></textarea>'+
                                                    '</div>'+
                                                    '<div class="col-md-12 mb-3 text-end">'+
                                                        '<a class="rbt-btn btn-gradient radius-round btn-sm remove_ach_div">'+
                                                            '<span>Remove <i class="feather-minus"></i></span>'+
                                                        '</a>'+
                                                    '</div>'+
                                                '</div>');
        }

        $(document).on('click', '.remove_ach_div', function(e) {
            e.preventDefault();
            $(this).closest('.row').remove();
            return false;
        });

    </script>

@endsection