@extends('student.layouts.layout')
@section('content')
    
    @section('pagecsscode')
        <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
        <style>
            .avatar-upload {
                position: relative;
                max-width: 205px;
                margin: 10px auto;
            }

            .avatar-upload .avatar-edit {
                position: absolute;
                right: 42px;
                z-index: 1;
                top: 10px;
            }

            .avatar-upload .avatar-edit input {
                display: none;
            }

            .avatar-upload .avatar-edit input+label {
                display: inline-block;
                width: 34px;
                height: 34px;
                margin-bottom: 0;
                border-radius: 100%;
                background: #FFFFFF;
                border: 1px solid transparent;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
                cursor: pointer;
                font-weight: normal;
                transition: all 0.2s ease-in-out;
            }

            .avatar-upload .avatar-edit input+label:hover {
                background: #f1f1f1;
                border-color: #d6d6d6;
            }   

            .avatar-upload .avatar-edit input+label:after {
                content: "\f040";
                font-family: 'FontAwesome';
                color: #757575;
                position: absolute;
                top: 7px;
                left: 0;
                right: 0;
                text-align: center;
                margin: auto;
            }

            .avatar-upload .avatar-preview {
                width: 152px;
                height: 152px;
                position: relative;
                border-radius: 100%;
                border: 6px solid #F8F8F8;
                box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
            }

            .avatar-upload .avatar-preview>div {
                width: 100%;
                height: 100%;
                border-radius: 100%;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
            }
        </style>
    @endsection
    
    <div class="pxp-dashboard-content-details">
        <h4>Edit/View Profile</h4>
        
        <form action="{{ route('student.profile.update') }}" method="post"  enctype="multipart/form-data">
            @csrf

            <input type="hidden" name="formtype" value="General">
            <div class="row">
                <div>
                    <span class="icon"><i class="fa fa-address-card"></i></span> <span class="txt"><b>General Info</b> </span>
                </div>
                
                <hr>
                
                <div class="row">
                    <div class="col-md-3">
                        <label for="pxp-candidate-name" class="form-label">First Name</label>
                        <input type="text" id="first_name" name="first_name" class="form-control" placeholder="First Name" 
                        value="{{ !empty($getStudentData['first_name']) ?  $getStudentData['first_name'] : '' }}" required>
                         @if ($errors->has('first_name'))<span class="text-danger">
                        {{ $errors->first('first_name') }}</span>@endif


                        <label for="pxp-candidate-name" class="form-label">Mobile Number</label>
                        <input type="number" id="mobile_number" name="mobile_number" class="form-control" placeholder="Mobile Number" 
                        value="{{ !empty($getStudentData['mobile_number']) ?  $getStudentData['mobile_number'] : '' }}" required>
                            @if ($errors->has('mobile_number'))<span class="text-danger">
                        {{ $errors->first('mobile_number') }}</span>@endif
                        
                    </div>

                    <div class="col-md-3">
                        <label for="pxp-candidate-name" class="form-label">Last Name</label>
                        <input type="text" id="last_name" name="last_name" class="form-control" placeholder="Last Name" 
                        value="{{ !empty($getStudentData['last_name']) ?  $getStudentData['last_name'] : '' }}" required>
                          @if ($errors->has('last_name'))<span class="text-danger">
                        {{ $errors->first('last_name') }}</span>@endif


                         <label class="labels">Date of Birth</label>
                            <input type="date" class="form-control" id="date_of_birth"
                            placeholder="Enter your date of birth" name="dob"
                                 value="{{ date('Y-m-d', strtotime($getStudentData['dob'] ?? now())) ?? old('dob') }}">
                    </div>
                    
                    <div class="col-md-6">
                        <div class="avatar-upload">
                            <div class="avatar-edit">
                                <input type='file' id="imageUpload" accept=".png, .jpg, .jpeg" />
                                <label for="imageUpload"></label>
                            </div>
                            <div class="avatar-preview">
                                <div id="imagePreview"
                                    style="background-image: url('https://st3.depositphotos.com/15648834/17930/v/600/depositphotos_179308454-stock-illustration-unknown-person-silhouette-glasses-profile.jpg');">
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
             
            <div class="row">
                
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Email</label>
                    <input type="email" id="email" name="email" class="form-control" placeholder="Email" 
                    value="{{ !empty($getStudentData['email']) ?  $getStudentData['email'] : '' }}" required>
                      @if ($errors->has('email'))<span class="text-danger">
                    {{ $errors->first('email') }}</span>@endif 
                </div>
                
                <div class="col-md-6">
                     <label for="pxp-candidate-name" class="form-label">Select Country Code</label>
                    <select class="form-control" id="country_code"  required 
                        name="country_code" >
                        <option value="">Select Country Code</option>
                        @if(!empty($getCountry))
                            @foreach($getCountry as $key => $country)
                                <option 
                                    
                                
                                value="{{ $country->id }}">
                                    {{ $country->name }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                    @if ($errors->has('country_code'))<span class="text-danger">
                    {{ $errors->first('country_code') }}</span>@endif 
                </div>

            </div>

            <div class="row">
                
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Select Alternative Country Code</label>
                    <select class="form-control" id="alt_country_code"  required 
                        name="alt_country_code" >
                        <option value="">Select Alternative Country Code</option>
                        @if(!empty($getCountry))
                            @foreach($getCountry as $key => $country)
                                <option 
                                    
                                
                                value="{{ $country->id }}">
                                    {{ $country->name }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                    @if ($errors->has('alt_country_code'))<span class="text-danger">
                    {{ $errors->first('alt_country_code') }}</span>@endif 
                </div>


                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Alternate Mobile Number</label>
                    <input type="number" id="alt_mobile_number" name="alt_mobile_number" class="form-control" 
                    placeholder="Alternate Mobile Number" 
                    value="{{ !empty($getStudentData['alt_mobile_number']) ?  $getStudentData['alt_mobile_number'] : '' }}" required>
                </div>
                
            </div>

            <div class="row">
                
                <div class="col-md-4">
                    <label for="pxp-candidate-name" class="form-label">Select Country</label>
                    <select class="form-control" id="getCurrency" 
                        name="country" >
                        <option value="">Select Country</option>
                        @if(!empty($getCountry))
                            @foreach($getCountry as $key => $country)
                                <option 

                                    
                                
                                value="{{ $country->id }}">
                                    {{ $country->name }}
                                </option>
                            @endforeach
                        @endif
                    </select>
                    @if ($errors->has('country_id'))<span class="text-danger">
                    {{ $errors->first('country_id') }}</span>@endif 
                </div>

                <div class="col-md-4">
                    <label for="pxp-candidate-name" class="form-label">Select State</label>
                    <select class="form-control" id="state-dropdown"   name="state" >
                        @if (!empty($getStudentData['state']))
                            <option value="{{ $getStudentData['state'] }}">{{ $getStudentData['state'] }}</option>
                        @endif

                    </select>
                    
                    @if ($errors->has('state_id'))<span class="text-danger">
                    {{ $errors->first('state_id') }}</span>@endif 
                </div>

                <div class="col-md-4">
                    <label for="pxp-candidate-name" class="form-label">Select City</label>
                    <select class="form-control select2" id="city-dropdown" name="city" >
                        @if (!empty($getStudentData['city']))
                            <option value="{{ $getStudentData['city'] }}">{{ $getStudentData['city'] }}</option>
                        @endif
                    </select>
                    @if ($errors->has('city_id'))<span class="text-danger">
                    {{ $errors->first('city_id') }}</span>@endif 
                </div>
            
            </div>

            <div class="row">
                <div class="col-md-12">
                    <label for="pxp-candidate-name" class="form-label">Address</label>
                   <textarea class="form-control" name="address" id="address" style="height:100px !important" placeholder="Address">{{ !empty( $getStudentData['address']) ?  $getStudentData['address'] : '' }}</textarea>
                      @if ($errors->has('address'))<span class="text-danger">
                    {{ $errors->first('address') }}</span>@endif
                </div>
            </div>

            <div class="row">                    
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Postcode / Zipcode</label>
                    <input type="number" class="form-control" placeholder="Enter your Postcode / Zipcode" name="pincode" value="{{ !empty($getStudentData['pincode']) ?  $getStudentData['pincode'] : '' }}">
                      @if ($errors->has('pincode'))<span class="text-danger">
                    {{ $errors->first('pincode') }}</span>@endif
                    
                </div>
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Passport Number</label>
                    <input type="text" class="form-control" placeholder="Passport Number" name="passport_number" required="" value="{{ !empty($getStudentData['passport_number']) ?  $getStudentData['passport_number'] : '' }}">
                        @if ($errors->has('passport_number'))<span class="text-danger">
                    {{ $errors->first('passport_number') }}</span>@endif

                </div>
            </div>
            
            <div class="row">
                
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Passport Expiry Date</label>
                    <input type="text" class="form-control " id="passport_expiry_date" placeholder="Enter your passport expiry date" name="passport_expiry_date" value="{{ !empty($getStudentData['passport_expiry_date']) ?  
                    $getStudentData['passport_expiry_date'] : '' }}" readonly >
                      @if ($errors->has('passport_expiry_date'))<span class="text-danger">
                    {{ $errors->first('passport_expiry_date') }}</span>@endif
                    
                </div>

                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Gender</label>
                        <select class="form-control" name="gender">
                            <option selected="" value="Male" 

                            
                             >Male</option>
                            <option value="Female"
                            
                            >Female</option>
                            <option value="Others"

                                                        >Others</option>
                        </select>
                        @if ($errors->has('gender'))<span class="text-danger">
                    {{ $errors->first('gender') }}</span>@endif

                </div>
                
            </div>
            
            <div class="row">
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Fast Language</label>
                  <input type="text" class="form-control" placeholder="Enter your fast language" name="fast_language" 
                  value="{{ !empty($getStudentData['fast_language']) ?  $getStudentData['fast_language'] : '' }}">
                      @if ($errors->has('fast_language'))<span class="text-danger">
                    {{ $errors->first('fast_language') }}</span>@endif
                    
                </div>

                <div class="col-md-6">
                     <label for="pxp-candidate-name" class="form-label">Website</label>
                    <input type="text" class="form-control" placeholder="Enter your website" name="website" value="{{ !empty($getStudentData['website']) ?  $getStudentData['website'] : '' }}">
                      @if ($errors->has('website'))<span class="text-danger">
                    {{ $errors->first('website') }}</span>@endif
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Twitter</label>
                  <input type="text" class="form-control" placeholder="Enter your Twitter" name="twitter" value="{{ !empty($getStudentData['twitter']) ?  $getStudentData['twitter'] : '' }}">
                      @if ($errors->has('twitter'))<span class="text-danger">
                    {{ $errors->first('twitter') }}</span>@endif
                    
                </div>

                <div class="col-md-6">
                     <label for="pxp-candidate-name" class="form-label">Instagram</label>
                   <input type="text" class="form-control" placeholder="Enter your instagram" name="instagram" value="{{ !empty($getStudentData['instagram']) ?  $getStudentData['instagram'] : '' }}">
                      @if ($errors->has('instagram'))<span class="text-danger">
                    {{ $errors->first('instagram') }}</span>@endif
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Facebook</label>
                    <input type="text" class="form-control" placeholder="Enter your facebook" name="facebook" value="{{ !empty($getStudentData['facebook']) ?  $getStudentData['facebook'] : '' }}">
                          @if ($errors->has('facebook'))<span class="text-danger">
                        {{ $errors->first('facebook') }}</span>@endif
                </div>
            </div>
            
            <div class="col-md-6 mt-4">
                <label for="pxp-candidate-name" class="form-label"></label>
                <button type="submit" class="btn btn-block btn-primary">Submit</button>
                <a href="" class="btn btn-block btn-secondary  ">Cancel</a>
            </div>

        </form>

        <hr>  

        <form action="{{ route('student.profile.update') }}" method="post"  enctype="multipart/form-data">
            @csrf
            
            <input type="hidden" name="formtype" value="Education">

            <div class="mt-2">
                <span class="icon"> <i class="fa fa-graduation-cap"></i></span> <span class="txt"><b>Education History</b> </span>
             </div>
                    
            <hr>

            <p style="color: #a9a2a2 !important;">Please enter the information for the highest academic level that you have completed.</p>
    
            <div class="row">
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Country of Education</label>
                    <select class="form-control" id="education_country" 
                        name="education_country" >
                        <option value="">Select Country of Education</option>
                       @foreach ($countries as $country)
                        <option value="{{ $country->id }}"
                            {{ $educationSummary ? ($educationSummary->education_country == $country->id ? 'selected' : '') : '' }}>
                            {{ $country->name }}
                        </option>
                     @endforeach
                    </select>
                    @if ($errors->has('education_country'))<span class="text-danger">
                    {{ $errors->first('education_country') }}</span>@endif 
                </div>

                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Select Highest Level Of Education</label>
                    <select class="form-control" id="education_level"   name="education_level" >
                        <option value="">Select Highest Level Of Education</option>
                         @foreach ($level_of_educations as $item)
                            <option value="{{ $item->id }}"
                                {{ $educationSummary ? ($educationSummary->education_level == $item->id ? 'selected' : '') : '' }}>
                                {{ $item->level_name }}
                        @endforeach

                    </select>
                    
                    @if ($errors->has('education_level'))<span class="text-danger">
                    {{ $errors->first('education_level') }}</span>@endif 
                </div>
            </div>
            
            <div class="row">
                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Grading Scheme</label>
                    <select class="form-control" id="education_scheme_grade" 
                        name="education_scheme_grade" >
                        <option value="">Select Grading Scheme</option>
                        @foreach ($grading_schemes as $grading_scheme)
                            <option value="{{ $grading_scheme->id }}"
                                {{ $educationSummary ? ($educationSummary->education_scheme_grade == $grading_scheme->id ? 'selected' : '') : '' }}>
                                {{ $grading_scheme->scheme }}
                        @endforeach

                    </select>
                    @if ($errors->has('education_scheme_grade'))<span class="text-danger">
                    {{ $errors->first('education_scheme_grade') }}</span>@endif 
                </div>

                <div class="col-md-6">
                    <label for="pxp-candidate-name" class="form-label">Grade Average</label>
                  <input type="text" class="form-control" 
                  placeholder="Grade Average" name="education_average_grade" value="{{ !empty($educationSummary->education_average_grade) ?  $educationSummary->education_average_grade : '' }}">
                      @if ($errors->has('education_average_grade'))<span class="text-danger">
                    {{ $errors->first('education_average_grade') }}</span>@endif
                    
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-md-6 mt-4">
                    <label for="pxp-candidate-name" class="form-label"></label>
                    <button type="submit" class="btn btn-block btn-primary">Submit</button>
                    <a href="" class="btn btn-block btn-secondary  ">Cancel</a>
                </div>
            </div>

        </form>


        <form action="{{ route('student.profile.update') }}" method="post"  enctype="multipart/form-data">
            @csrf
             <input type="hidden" name="formtype" value="TestScores">
            <hr>

            <div class="mt-2">
                <span class="icon"> <i class="fa fa-table"></i></span> 
                <span class="txt"><b>Englsih Test Scores</b> </span>
            </div>
                    
            <hr>

            <div class="row columnBox border-right dasboardrightPart">
                <div class="dasboardrightPartWrapper">
                    
                    <div class="row">
                        <div class="col-md-12 mb-3 columnBox2">
                            <div class="form-check">
                                <input type="radio"  class="form-check-input" id="toefl-checked" name="english_test_type" value="toefl" checked=""
                                {{ $testScore ? ($testScore->english_test_type == 'toefl' ? 'checked' : '') : '' }}>
                                <label for="toefl-checked">TOEFL</label>
                            </div>
                            <div id="" class="custom-diplay-hidden showall">
                                <div class="row rowBox3">
                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Reading
                                                Score</label>
                                            <div class="col-sm-8 columnBox4 ">
                                                <input type="text" class="form-control" 
                                                placeholder="Reading Score" name="toefl_reading_score" value="{{ $testScore ? ($testScore->english_test_type == 'toefl' ? $testScore->reading_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 col-form-label">Listening
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input type="text" placeholder="Listening Score" class="form-control" name="toefl_listening_score" value="{{ $testScore ? ($testScore->english_test_type == 'toefl' ? $testScore->listening_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Writing
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Writing Score" type="text" class="form-control" name="toefl_writing_score"  value="{{ !empty($getStudentData->toefl_writing_score) ?  $getStudentData->toefl_writing_score : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Speaking
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Speaking Score" type="text" class="form-control" name="toefl_speaking_score"  value="{{ $testScore ? ($testScore->english_test_type == 'toefl' ? $testScore->speaking_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Exam
                                                Date</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Exam Date" type="date" class="form-control" name="toefl_exam_date" value="{{ $testScore ? ($testScore->english_test_type == 'toefl' ? date('Y-m-d', strtotime($testScore->exam_date ?? now())) : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3 columnBox2">
                            <div class="form-check">
                                <input type="radio" class="form-check-input" id="ielts-checked" name="english_test_type" value="ielts">
                                <label for="ielts-checked">IELTS</label>
                            </div>
                            <div id="" class="custom-diplay-hidden showall">
                                
                                <div class="row rowBox3">
                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Reading
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Reading Score" type="text" class="form-control" name="ielts_reading_score"  value="{{ $testScore ? ($testScore->english_test_type == 'ielts' ? $testScore->reading_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Listening
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Listening Score" type="text" class="form-control" name="ielts_listening_score" value="{{ $testScore ? ($testScore->english_test_type == 'ielts' ? $testScore->listening_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Writing
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Writing Score" type="text" class="form-control" name="ielts_writing_score" value="{{ $testScore ? ($testScore->english_test_type == 'ielts' ? $testScore->writing_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Speaking
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Speaking Score" type="text" class="form-control" name="ielts_speaking_score"  value="{{ $testScore ? ($testScore->english_test_type == 'ielts' ? $testScore->speaking_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Exam
                                                Date</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Exam Date" type="date" class="form-control" name="ielts_exam_date" value="{{ $testScore ? ($testScore->english_test_type == 'ielts' ? date('Y-m-d', strtotime($testScore->exam_date ?? now())) : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3 columnBox2">
                            <div class="form-check">
                                <input type="radio" class="form-check-input" id="pte-checked" name="english_test_type" {{ $testScore ? ($testScore->english_test_type == 'pte' ? 'checked' : '') : '' }}>
                                <label for="pte-checked">PTE</label>
                            </div>
                            <div id="pte" class="custom-diplay-hidden showall">
                               
                                <div class="row rowBox3">
                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Total
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Total Score" type="text" class="form-control" name="pte_total_score" value="{{ $testScore ? ($testScore->english_test_type == 'pte' ? $testScore->total_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Reading
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Reading Score" type="text" class="form-control" name="pte_reading_score" value="{{ $testScore ? ($testScore->english_test_type == 'pte' ? $testScore->reading_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Listening
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Listening Score" type="text" class="form-control" name="pte_listening_score" value="{{ $testScore ? ($testScore->english_test_type == 'pte' ? $testScore->listening_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Writing
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Writing Score" type="text" class="form-control" name="pte_writing_score" value="{{ $testScore ? ($testScore->english_test_type == 'pte' ? $testScore->writing_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Speaking
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Speaking Score" type="text" class="form-control" name="pte_speaking_score" value="{{ $testScore ? ($testScore->english_test_type == 'pte' ? $testScore->speaking_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 mt-2">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Date
                                                of Exam</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input placeholder="Date of Exam" type="date" class="form-control" name="pte_exam_date" value="{{ $testScore ? ($testScore->english_test_type == 'pte' ? date('Y-m-d', strtotime($testScore->exam_date)) : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3 columnBox2">
                            <div class="form-check">
                                <input type="radio" class="form-check-input"  id="duolingo-checked" name="english_test_type" value="duolingo" {{ $testScore ? ($testScore->english_test_type == 'duolingo' ? 'checked' : '') : '' }}>
                                <label for="duolingo-checked">Duolingo</label>
                            </div>
                            <div id="duolingo" class="custom-diplay-hidden showall">

                                <div class="row rowBox3">
                                    <div class="col-md-6 columnBox3">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Total
                                                Score</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input  placeholder="Total Score" type="text" class="form-control" name="duolingo_total_score" value="{{ $testScore ? ($testScore->english_test_type == 'duolingo' ? $testScore->total_score : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-6 columnBox3">
                                        <div class="form-group row rowBox4">
                                            <label class="col-sm-4 columnBox4 col-form-label">Date
                                                of Exam</label>
                                            <div class="col-sm-8 columnBox4">
                                                <input type="date" class="form-control" name="duolingo_exam_date" value="{{ $testScore ? ($testScore->english_test_type == 'duolingo' ? date('Y-m-d', strtotime($testScore->exam_date)) : '') : '' }}">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3 columnBox2">
                            <div class="form-check">
                                <input type="radio" class="form-check-input" id="i-dont-have-this-checked" name="english_test_type"  
                                {{ $testScore ? ($testScore->english_test_type == 'dont_have_this' ? 'checked' : '') : '' }}>
                                <label for="i-dont-have-this-checked">I don't have this</label>
                            </div>
                        </div>

                        <div class="col-md-12 mb-3 columnBox2">
                            <div class="form-check">
                                <input type="radio" class="form-check-input" id="not-yet-but-i-will-in-the-future-checked" name="english_test_type" {{ $testScore ? ($testScore->english_test_type == 'not_yet_will_feature' ? 'checked' : '') : '' }}>
                                <label for="i-dont-have-this-checked">Not yet, but I will in the
                                    future
                                </label>
                            </div>
                        </div>

                        <div class="col-md-12 columnBox2">
                            <p class="card-description text-muted text-sm">If you haven't taken a
                                test yet, UniWolc
                                can
                                help you take it in the future.</p>
                        </div>
                        
                    </div>

                    <div class="row">
                        <p class="card-title mb-0 col-md-3">GRE or GMAT Scores</p>
                        
                        <div class="form-check form-check col-md-3">
                            <input class="form-check-input" type="checkbox" role="switch" id="gmat" name="is_gmat" value="gmat_exam" checked=""
                            {{ $testScore ? ($testScore->is_gmat == 'gmat_exam' ? 'checked' : '') : '' }}>
                            <label class="form-check-label" for="gmat">I have GMAT exam scores</label>
                        </div>

                        <div class="form-check form-check col-md-3">
                            <input class="form-check-input" type="checkbox" role="switch" checked="" id="gre" name="is_gre" value="gre_exam" 
                            {{ $testScore ? ($testScore->is_gre == 'gre_exam' ? 'checked' : '') : '' }}>
                            <label class="form-check-label" for="gre">I have GRE exam scores
                            </label>
                        </div>

                    </div>
                </div>
            </div>

            <div class="row mt-2">
                <div class="col-md-6 mt-4">
                    <label for="pxp-candidate-name" class="form-label"></label>
                    <button type="submit" class="btn btn-block btn-primary">Submit</button>
                    <a href="" class="btn btn-block btn-secondary  ">Cancel</a>
                </div>
            </div>

            <hr>
                
        </form>


        <form action="{{ route('student.profile.update') }}" method="post"  enctype="multipart/form-data">
            @csrf
            
            <input type="hidden" name="formtype" value="VisaStudyPermit">

            <div class="mt-2 ">
                <span class="icon"> <i class="fa fa-clipboard"></i></span> 
                <span class="txt"><b>Visa & Study Permit</b> </span>
            </div>
                    
            <hr>
                
            <div class="row columnBox border-right dasboardrightPart">
                <div class="dasboardrightPartWrapper">
                    <div class="row">
                            <div class="row rowBox2">
                                <div class="col-md-12 columnBox2">
                                    <b>Have you been refused a visa from Canada, the USA, the United
                                        Kingdom, New
                                        Zealand, Australia or Ireland?&thinsp;</b>
                                </div>
                                <div class="col-md-6 columnBox2">
                                    <div class="form-group row rowBox4">
                                        <label class="col-sm-3 col-4 columnBox4 col-form-label">Yes</label>
                                        <div class="col-sm-9 col-8 columnBox4" style="padding-top: .4375rem;">

                                            <input class="form-check-input" type="radio" id="exampleRadios1" value="Yes" name="refused_a_visa" {{ isset($visaPermit->refused_a_visa) ? ($visaPermit->refused_a_visa == 'Yes' ? 'checked' : '') : '' }}>

                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 columnBox2">
                                    <div class="form-group row rowBox4">
                                        <label class="col-sm-3 col-4 columnBox4 col-form-label">No</label>
                                        <div class="col-sm-9 col-8 columnBox4" style="padding-top: .4375rem;">
                                            <input class="form-check-input" type="radio" id="exampleRadios2" value="No" checked="" name="refused_a_visa" {{ isset($visaPermit->refused_a_visa) ? ($visaPermit->refused_a_visa == 'No' ? 'checked' : '') : '' }}>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row rowBox2">
                                <div class="col-md-12 columnBox2">
                                   <b>Which valid study permits or visas do you have?</b>
                                </div>
                                <div class="col-md-12 columnBox2">
                                    <div class="form-group row rowBox4">
                                        <label class="col-sm-4 col-9 columbox 4col-form-label">Canadian
                                            Study Permit/ Visitor
                                            Visa</label>
                                        <div class="col-sm-8 col-3 columnBox4">
                                            <input class="form-check-input" type="radio" id="canadian_study_permit" value="Canadian Study Permit/ Visitor Visa" name="study_permit_or_visa" {{ isset($visaPermit->study_permit_or_visa) ? ($visaPermit->study_permit_or_visa == 'Canadian Study Permit/ Visitor Visa' ? 'checked' : '') : '' }}>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12 columnBox2">
                                    <div class="form-group row rowBox4">
                                        <label class="col-sm-4 col-9 columnBox4 col-form-label">USA F1
                                            Visa</label>
                                        <div class="col-sm-8 col-3 columnBox4">
                                            <input class="form-check-input" type="radio" id="usa_study_permit" value="USA F1 Visa" name="study_permit_or_visa" {{ isset($visaPermit->study_permit_or_visa) ? ($visaPermit->study_permit_or_visa == 'USA F1 Visa' ? 'checked' : '') : '' }}>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12 columnBox2">
                                    <div class="form-group row rowbox4">
                                        <label class="col-sm-4 col-9 columnBox4 col-form-label">Australian
                                            Study Visa</label>
                                        <div class="col-sm-8 col-3 columnBox4">
                                            <input class="form-check-input" type="radio" id="au_study_permit" value="Australian Study Visa" name="study_permit_or_visa" {{ isset($visaPermit->study_permit_or_visa) ? ($visaPermit->study_permit_or_visa == 'Australian Study Visa' ? 'checked' : '') : '' }}>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12 columnBox2">
                                    <div class="form-group row rowBox4">
                                        <label class="col-sm-4 col-9 columnBox4 col-form-label">UK Tier
                                            4 Student/ Short Term Study
                                            Visa</label>
                                        <div class="col-sm-8 col-3 columnBox4">
                                            <input class="form-check-input" type="radio" id="uk_study_permit" value="UK Tier 4 Student/ Short Term Study Visa" name="study_permit_or_visa" {{ isset($visaPermit->study_permit_or_visa) ? ($visaPermit->study_permit_or_visa == 'UK Tier 4 Student/ Short Term Study Visa' ? 'checked' : '') : '' }}>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12 columnBox2">
                                    <div class="form-group row rowBox4">
                                        <label class="col-sm-4 col-9 columnBox4 col-form-label">Irish
                                            Stamp 2</label>
                                        <div class="col-sm-8 col-3 columnBox4">
                                            <input class="form-check-input" type="radio" id="irish_study_permit" value="Irish Stamp 2" name="study_permit_or_visa" {{ isset($visaPermit->study_permit_or_visa) ? ($visaPermit->study_permit_or_visa == 'Irish Stamp 2' ? 'checked' : '') : '' }}>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-12 columnBox2">
                                    <div class="form-group row rowBox4">
                                        <label class="col-sm-4 col-9 columnBox4 col-form-label">I don't
                                            have this</label>
                                        <div class="col-sm-8 col-3 columnBox4">
                                            <input class="form-check-input" type="radio" id="none" value="I don't have this" checked="" name="study_permit_or_visa" {{ isset($visaPermit->study_permit_or_visa) ? ($visaPermit->study_permit_or_visa == "I don't have this" ? 'checked' : '') : '' }}>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="row rowBox2">
                                <div class="col-md-12 columnBox2">
                                    <b>Please provide more information about your current study
                                        permit/visa and any
                                        past refusals, if any&thinsp;</b>
                                </div>
                                <div class="col-md-12 columnBox2">
                                    <div class="form-group row rowBo4">
                                        <div class="col-md-12 columnBox4">
                                            <textarea class="form-control" name="about_visa_permit" id="about_visa_permit" style="height:100px !important" placeholder="I don't have a Visa">{{ $visaPermit->about_visa_permit ?? '' }}</textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                    </div>
                </div>
            </div>

            <div class="row mt-2 ">
                <button type="submit" class="btn btn-block btn-primary col-md-1">Submit</button>
                &nbsp;
                <a href="" class="btn btn-block btn-secondary  col-md-1">Cancel</a>
            </div>
            
        </form>

    </div>

@endsection



@section('pagescriptcode')
<script type="text/javascript">
    
    function readURL(input) 
    {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {
                $('#imagePreview').css('background-image', 'url('+e.target.result +')');
                $('#imagePreview').hide();
                $('#imagePreview').fadeIn(650);
            }
            reader.readAsDataURL(input.files[0]);
        }
    }
    $("#imageUpload").change(function() {
        readURL(this);
    });         

    $(function () 
    {

        $('#education_country').select2({
            placeholder: 'Select Country of Education',
        });

        $('#education_level').select2({
            placeholder: 'Select Highest Level Of Education',
        });

          $('#education_scheme_grade').select2({
            placeholder: 'Select Grading Scheme',
        });

        


        $('#country_code').select2({
            placeholder: 'Select Country Code',
        });

        $('#getCurrency').select2({
            placeholder: 'Select Country',
        });

        $('#state-dropdown').select2({
            placeholder: 'Select State',
        });
        
        $('#city-dropdown').select2({
             placeholder: 'Select City',
        });

        $('#alt_country_code').select2({
             placeholder: 'Select Alternate  Country Code',
        });
        

    });
</script>    

<script>
    $(document).ready(function() 
    {

        flatpickr("#passport_expiry_date, #date_of_birth", {
            dateFormat: "d-m-Y",
            // Add any other options here
        });
        // alert();
        var upd_country = $("#getCurrency").val();
        var upd_state = $("#state-dropdown").val();
        var upd_city = $("#city-dropdown").val();
        
        
        getState(upd_country);

        $("#getCurrency").change(function() 
        {
            // $(this).find(':selected').attr('data-id')
            var id_country = $(this).val();
            getState(id_country)

        });

        function getState(id_country) 
        {   

            $.ajax({
                url: "{{ route('currency') }}",
                method: 'GET',
                data: {
                    id_country: id_country,

                },
                success: function(data) {

                    $(".currency-icon").html(data.currency);

                    $('#state-dropdown').html('<option value="">Select State</option>');
                    $.each(data.states, function(key, value) {
                        var selectState = upd_state == value.id ? 'selected' : '';
                        $("#state-dropdown").append('<option value="' + value.id +
                            '" ' + selectState + '>' + value.name + '</option>');
                    });
                    $('#city-dropdown').html(
                        '<option value="">Select State First</option>');
                    upd_state ? getCity(upd_state) : ''

                }
            });
        }

        $('#state-dropdown').on('change', function() 
        {
            var idState = this.value;
            getCity(idState)

        });

        function getCity(city) 
        {
           
            $("#city-dropdown").html('');
            $.ajax({
                url: "{{ route('cities') }}",
                method: 'GET',
                data: {
                    state_id: city,
                    //_token: '{{ csrf_token() }}'
                },

                dataType: 'json',
                success: function(res) {
                    $('#city-dropdown').html('<option value="">-- Select City --</option>');
                    $.each(res.cities, function(key, value) {
                        var selectCity = upd_city == value.id ? 'selected' : '';
                        $("#city-dropdown").append('<option value="' + value
                            .id + '" ' + selectCity + '>' + value.name + '</option>');
                    });
                }
            });
        }

    });
</script>
@endsection