@extends('layouts.app')
@section('title')
    All Brands
@endsection
@section('content')
    <style>
        .class-post-div {
            border: 1px solid gray;
            padding-left: 35px !important;
            padding-top: 5px;
            padding-bottom: 5px;
            margin: -1px;
        }

        .class-note-post {
            font-size: 12px;
            color: green;
        }
        .TechninalPostDivHtml{
            width:100% !important;
            text-align: justify;
        }

    </style>
        <div class="card card-white">
        <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
            <h6 class="m-0 font-weight-normal text-head-color">Apply Post</h6>
        </div>
        <div class="formwizard">
            <div class="form-header d-flex mb-4"> <span class="stepIndicator finish">Registration</span> <span
                    class="stepIndicator active">Application</span> <span class="stepIndicator">Payment</span> </div>
        </div>

        <form id="ApplyPostDetailsForm" method="post" action="{{ route('apply.post') }}" enctype="multipart/form-data">
            @csrf
            <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 font-weight-normal text-head-color"> Apply Post </h6>
            </div>

            <div class="card-body">
                <div class="row">
                    <div class="col-sm-6">
                        <h6 class="m-0 font-weight-normal text-head-color" style="margin:25px !important;"> Teaching </h6>
                        @if (count($PostTechnicalLists) > 0)
                            @foreach ($PostTechnicalLists as $PostTechnicalList)
                                <div class="form-check class-post-div">
                                    <input class="form-check-input radio ParentPostChkbox" type="checkbox"
                                        name="posts[{{ $PostTechnicalList['OptGroup'] }}][]"
                                        value="{{ $PostTechnicalList['ID'] }}"
                                        id="flexCheckDefault{{ $PostTechnicalList['ID'] }}"
                                        {{ in_array($PostTechnicalList['ID'], $selectedPostType) ? 'checked' : '' }}
                                        data-id="{{ $PostTechnicalList['ID'] }}">
                                    <label class="form-check-label radio"
                                        for="flexCheckDefault{{ $PostTechnicalList['ID'] }}">
                                        {{ $PostTechnicalList['PostName'] }}
                                    </label>
                                    @if (!empty($PostTechnicalList['PostNote']))
                                        @if($PostTechnicalList['ID'] == 1)
                                        <div class="class-note-post" style="color:red;">Note: {{ $PostTechnicalList['PostNote'] }}</div>
                                        @else
                                        <div class="class-note-post">Note: {{ $PostTechnicalList['PostNote'] }}</div>
                                        @endif
                                        
                                    @endif
                                    @php
                                        $hideTechClass = 'hide';
                                        if (in_array($PostTechnicalList['ID'], $selectedPostType)) {
                                            $hideTechClass = '';
                                        }
                                    @endphp
                                    <div class="row TechninalPostDivHtml {{ $hideTechClass }}"
                                        id="TechninalPostDivHtml{{ $PostTechnicalList['ID'] }}">

                                        @if (isset($PostTechnicalList['ID']) && $PostTechnicalList['ID'] == 78)
                                            <div class="mb-2"><strong>Language :</strong></div>
                                            <div class="col-sm-10 form-group mb-2">
                                                <select class="form-select form-select-sm "
                                                    aria-label=".form-select-sm example" id="PGTLangForModernIND"
                                                    name="PGTLangForModernIND">
                                                    <option value="">--Select Langauge--</option>
                                                    @if (isset($PGTLanguage) && !empty($PGTLanguage))
                                                        @foreach ($PGTLanguage as $key => $val)
                                                            <option value="{{ $val['ID'] }}"
                                                                {{ isset($CandidateData) && $CandidateData->PGTLangForModernIND == $val['ID'] ? 'selected' : '' }}>
                                                                {{ $val['PostName'] }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                @error('PGTLangForModernIND')
                                                    <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        @endif
                                          
                                        @if (isset($PostTechnicalList['ID']) && $PostTechnicalList['ID'] == 77)
                                            <div class="mb-2"><strong>Language :</strong></div>
                                            <div class="col-sm-10 form-group mb-2">
                                                <select class="form-select form-select-sm "
                                                    aria-label=".form-select-sm example" id="TGTLangForRegional"
                                                    name="TGTLangForRegional">
                                                    <option value="">--Select Langauge--</option>
                                                    @if (isset($TGTLanguage) && !empty($TGTLanguage))
                                                        @foreach ($TGTLanguage as $key => $val)
                                                            <option value="{{ $val['ID'] }}"
                                                                {{ isset($CandidateData) && $CandidateData->TGTLangForRegional == $val['ID'] ? 'selected' : '' }}>
                                                                {{ $val['PostName'] }}</option>
                                                        @endforeach
                                                    @endif
                                                </select>
                                                @error('TGTLangForRegional')
                                                    <div class="text-danger">{{ $message }}</div>
                                                @enderror
                                            </div>
                                        @endif

                                        @if (!empty($PostTechnicalList['Qualification']))
                                            <div style="margin-left: -10px;"><strong>Qualification :</strong></div>
                                            @php $QualficationArr = json_decode($PostTechnicalList['Qualification'], true);
                                            @endphp

                                            @if (isset($QualficationArr) && is_array($QualficationArr) && count($QualficationArr) > 0)
                                                @if ($PostTechnicalList['IsQualificationType'] == 1)
                                                    <div class="form-group" style="margin-left:10px">
                                                        @foreach ($QualficationArr as $key => $val)
                                                            <input type="radio" class="form-check-input child-radio"
                                                                value="{{ $key }}"
                                                                {{ isset($QualType[$PostTechnicalList['ID']]) && $QualType[$PostTechnicalList['ID']] == $key ? 'checked' : '' }}
                                                                name="QualificationType[{{ $PostTechnicalList['ID'] }}]"
                                                                id="QualificationType{{ $PostTechnicalList['ID'] }}{{ $key }}">
                                                            {!! $val !!}<br>
                                                            @error('QualificationType[{{ $PostTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            @if (!$loop->last)
                                                                <span style="margin-left: 40%;">OR</span><br>
                                                            @endif
                                                           
                                                        @endforeach
                                                    </div>
                                                @elseif($PostTechnicalList['IsQualificationType'] == 2)
                                                    <div class="form-group" style="margin-left:10px">
                                                        @foreach ($QualficationArr as $key => $val)
                                                            <input type="checkbox"
                                                                {{ isset($QualType[$PostTechnicalList['ID']]) && $QualType[$PostTechnicalList['ID']] == $key ? 'checked' : '' }}
                                                                class="form-check-input radio child-radio" value="{{ $key }}"
                                                                name="QualificationType[{{ $PostTechnicalList['ID'] }}]"
                                                                id="QualificationType{{ $PostTechnicalList['ID'] }}{{ $key }}">
                                                            {!! $val !!}<br>
                                                            @error('QualificationType[{{ $PostTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            @if (!$loop->last)
                                                                <span style="margin-left: 40%;">OR</span><br>
                                                            @endif

                                                        @endforeach
                                                    </div>
                                                @endif
                                            @endif
                                        @endif

                                        {{-- @if (!empty($PostTechnicalList['Experience']))
                                        <div><strong>Experience :</strong></div>
                                        @endif --}}

                                        @if (!empty($PostTechnicalList['Experience']))
                                            <div style="margin-left: -10px;"><strong>Experience :</strong></div>
                                            @php $TechExperience = json_decode($PostTechnicalList['Experience'],true) @endphp
                                            @if (isset($TechExperience) && is_array($TechExperience) && count($TechExperience) > 0)
                                                @if ($PostTechnicalList['IsExperienceType'] == 1)
                                                    <div class="form-group" style="margin-left:10px">
                                                        @foreach ($TechExperience as $key => $val)
                                                            <input type="radio" class="form-check-input child-radio"
                                                                value="{{ $key }}"
                                                                {{ isset($ExperieceType[$PostTechnicalList['ID']]) && $ExperieceType[$PostTechnicalList['ID']] == $key ? 'checked' : '' }}
                                                                name="ExperienceType[{{ $PostTechnicalList['ID'] }}]"
                                                                id="ExperienceType{{ $PostTechnicalList['ID'] }}{{ $key }}">
                                                            {!! $val !!}<br>
                                                            @error('ExperienceType[{{ $PostTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            @if (!$loop->last)
                                                                <span style="margin-left: 40%;">OR</span><br>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                @elseif($PostTechnicalList['IsExperienceType'] == 2)
                                                    <div class="form-group" style="margin-left:10px">
                                                        @foreach ($TechExperience as $key => $val)
                                                            <input type="checkbox" class="form-check-input radio child-radio"
                                                                value="{{ $key }}"
                                                                {{ isset($ExperieceType[$PostTechnicalList['ID']]) && $ExperieceType[$PostTechnicalList['ID']] == $key ? 'checked' : '' }}
                                                                name="ExperienceType[{{ $PostTechnicalList['ID'] }}]"
                                                                id="ExperienceType{{ $PostTechnicalList['ID'] }}{{ $key }}">
                                                            {!! $val !!}<br>
                                                            @error('ExperienceType[{{ $PostTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            @if (!$loop->last)
                                                                <span style="margin-left: 40%;">OR</span><br>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                @endif
                                            @endif
                                        @endif



                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>

                    <div class="col-sm-6">
                        <h6 class="m-0 font-weight-normal text-head-color" style="margin:25px !important;">Non-Teaching
                        </h6>
                        @if (count($PostNonTechnicalLists) > 0)
                            @foreach ($PostNonTechnicalLists as $PostNonTechnicalList)
                                <div class="form-check class-post-div">
                                    <input class="form-check-input radio ParentPostChkbox" type="checkbox"
                                        name="posts[{{ $PostNonTechnicalList['OptGroup'] }}][]"
                                        value="{{ $PostNonTechnicalList['ID'] }}"
                                        id="flexCheckDefault{{ $PostNonTechnicalList['ID'] }}"
                                        {{ in_array($PostNonTechnicalList['ID'], $selectedPostType) ? 'checked' : '' }}
                                        data-id="{{ $PostNonTechnicalList['ID'] }}">
                                    <label class="form-check-label radio"
                                        for="flexCheckDefault{{ $PostNonTechnicalList['ID'] }}">
                                        {{ $PostNonTechnicalList['PostName'] }}
                                    </label>
                                    @if (!empty($PostNonTechnicalList['PostNote']))
                                          @if($PostNonTechnicalList['ID'] == 26)
                                           <div class="class-note-post" style="color:red;">Note: {{ $PostNonTechnicalList['PostNote'] }}</div>
                                           @else
                                           <div class="class-note-post">Note: {{ $PostNonTechnicalList['PostNote'] }}</div>
                                           @endif
                                     @endif

                                    @php
                                        $hideNonTechClass = 'hide';
                                        if (in_array($PostNonTechnicalList['ID'], $selectedPostType)) {
                                            $hideNonTechClass = '';
                                        }
                                    @endphp
                                    <div class="row TechninalPostDivHtml {{ $hideNonTechClass }}"
                                        id="TechninalPostDivHtml{{ $PostNonTechnicalList['ID'] }}">
                                        @if (!empty($PostNonTechnicalList['Qualification']))
                                            <div style="margin-left: -10px;"><strong>Qualification :</strong></div>
                                            @php $QualficationNontechArr = json_decode($PostNonTechnicalList['Qualification'],true) @endphp

                                            @if (isset($QualficationNontechArr) && is_array($QualficationNontechArr))
                                                @if ($PostNonTechnicalList['IsQualificationType'] == 1)
                                                    <div class="form-group" style="margin-left:10px">
                                                        @if($PostNonTechnicalList['ID']==37 && Auth::user()->ExServiceMan==0)
                                                        <input type="checkbox" class="form-check-input radio child-radio"
                                                                value="1"
                                                                {{ isset($QualType[$PostNonTechnicalList['ID']]) && $QualType[$PostNonTechnicalList['ID']] == 1 ? 'checked' : '' }}
                                                                name="QualificationType[{{ $PostNonTechnicalList['ID'] }}]"
                                                                id="QualificationType{{ $PostNonTechnicalList['ID'] }}{{ $key }}">
                                                             Bachelor’s Degree in Hotel Management from an institution recognized by Ministry of Tourism. Govt. of India/State Government. <br>
                                                            @error('QualificationType[{{ $PostNonTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                        @else
                                                        @foreach ($QualficationNontechArr as $key => $val)
                                                            <input type="radio" class="form-check-input child-radio"
                                                                value="{{ $key }}"
                                                                {{ isset($QualType[$PostNonTechnicalList['ID']]) && $QualType[$PostNonTechnicalList['ID']] == $key ? 'checked' : '' }}
                                                                name="QualificationType[{{ $PostNonTechnicalList['ID'] }}]"
                                                                id="QualificationType[{{ $PostNonTechnicalList['ID'] }}{{ $key }}]">
                                                            {!! $val !!}<br>
                                                            @error('QualificationType[{{ $PostNonTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            @if (!$loop->last)
                                                                <span style="margin-left: 40%;">OR</span><br>
                                                            @endif
                                                        @endforeach
                                                        @endif
                                                    </div>
                                                @elseif($PostNonTechnicalList['IsQualificationType'] == 2)
                                                    <div class="form-group" style="margin-left:10px">
                                                        @foreach ($QualficationNontechArr as $key => $val)
                                                            <input type="checkbox" class="form-check-input radio"
                                                                value="{{ $key }}"
                                                                {{ isset($QualType[$PostNonTechnicalList['ID']]) && $QualType[$PostNonTechnicalList['ID']] == $key ? 'checked' : '' }}
                                                                name="QualificationType[{{ $PostNonTechnicalList['ID'] }}]"
                                                                id="QualificationType{{ $PostNonTechnicalList['ID'] }}{{ $key }}">
                                                            {!! $val !!}<br>
                                                            @error('QualificationType[{{ $PostNonTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            @if (!$loop->last)
                                                                <span style="margin-left: 40%;">OR</span><br>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                @endif
                                                @else
                                                <span>sdffsdf</span>
                                            @endif
                                        @endif
                                        @if (!empty($PostNonTechnicalList['Experience']))
                                            <div style="margin-left: -10px;"><strong>Experience :</strong></div>
                                            @php $PostNonTechnicalArr = json_decode($PostNonTechnicalList['Experience'],true) @endphp
                                            @if (isset($PostNonTechnicalArr) && is_array($PostNonTechnicalArr) && count($PostNonTechnicalArr) > 0)
                                                @if ($PostTechnicalList['IsExperienceType'] == 1)
                                                    <div class="form-group" style="margin-left:10px">
                                                        @foreach ($PostNonTechnicalArr as $key => $val)
                                                            <input type="radio" class="form-check-input"
                                                                value="{{ $key }}"
                                                                {{ isset($ExperieceType[$PostNonTechnicalList['ID']]) && $ExperieceType[$PostNonTechnicalList['ID']] == $key ? 'checked' : '' }}
                                                                name="ExperienceType[{{ $PostNonTechnicalList['ID'] }}]"
                                                                id="ExperienceType{{ $PostNonTechnicalList['ID'] }}{{ $key }}">
                                                            {!! $val !!}<br>
                                                            @error('ExperienceType[{{ $PostNonTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            @if (!$loop->last)
                                                                <span style="margin-left: 40%;">OR</span><br>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                @elseif($PostNonTechnicalList['IsExperienceType'] == 2)
                                                    <div class="form-group" style="margin-left:10px">
                                                        @foreach ($PostNonTechnicalArr as $key => $val)
                                                            <input type="checkbox" class="form-check-input radio"
                                                                value="{{ $key }}"
                                                                {{ isset($ExperieceType[$PostNonTechnicalList['ID']]) && $ExperieceType[$PostNonTechnicalList['ID']] == $key ? 'checked' : '' }}
                                                                name="ExperienceType[{{ $PostNonTechnicalList['ID'] }}]"
                                                                id="ExperienceType{{ $PostNonTechnicalList['ID'] }}{{ $key }}">
                                                            {!! $val !!}<br>
                                                            @error('ExperienceType[{{ $PostNonTechnicalList["ID"] }}]')
                                                            <div class="text-danger">{{ $message }}</div>
                                                            @enderror
                                                            @if (!$loop->last)
                                                                <span style="margin-left: 40%;">OR</span><br>
                                                            @endif
                                                        @endforeach
                                                    </div>
                                                @endif
                                            @endif
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>


                <div class="row card-body" id="isQualificationBEdDivHtml">
                    <div class="col-sm-3">
                        <label class=""> Have You done B.Ed.?: <span class="astric-sign">*</span></label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                name="isQualificationBEd" id="isQualificationBEd">
                                <option value="" selected="">---Select---</option>
                                <option value="1" {{ $CandidateData->IsHaveBEd == '1' ? 'selected' : '' }}>Yes
                                </option>
                                <option value="2" {{ $CandidateData->IsHaveBEd == '2' ? 'selected' : '' }}>No
                                </option>
                            </select>
                        </div>
                        @error('isQualificationBEd')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-sm-3 hide" id="BEdPassingYearDiv">
                        <label class="">Passing Year: <span class="astric-sign">*</span> </label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="BEdPassingYear" name="BEdPassingYear"
                                onchange="updateMonths(this.value, $('#BEdPassingmonth'))">
                                <option value="">---Select---</option>
                                @foreach ($dataYear as $year)
                                    <option value="{{ $year }}"
                                        {{ old('BEdPassingYear', $CandidateData->BEdPassingYear) == $year ? 'selected' : '' }}>
                                        {{ $year }}</option>
                                @endforeach
                            </select>
                            @error('BEdPassingYear')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-sm-3 hide" id="BEdPassingMonthDiv">
                        <label class="">Passing Month: <span class="astric-sign">*</span> </label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="BEdPassingmonth" name="BEdPassingmonth">
                                <option value="">---Select---</option>
                                @foreach ($BEdMonth as $keyMonth => $valueMonth)
                                    @php 
                                    $currentMonth = date('m');
                                    $disabled = ((date('Y') == $CandidateData->BEdPassingYear && $keyMonth > $currentMonth)) ? 'disabled' : '';@endphp
                                    <option value="{{ $keyMonth }}"
                                        {{ old('BEdPassingmonth', $CandidateData->BEdPassingMonth) == $keyMonth ? 'selected' : '' }}
                                        {{ $disabled }}>
                                        {{ $valueMonth }}</option>
                                @endforeach
                            </select>
                            @error('BEdPassingmonth')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                    <div class="col-sm-3 hide" id="BEdPercentageMarksDiv">
                        <label class="">Total Marks(%): <span class="astric-sign">*</span> </label>
                        <div class="form-group">
                            <input type="text" class="form-control form-control-sm copy-paste"
                            placeholder="Total % of marks" id="BEdPercentageMarks" name="BEdPercentageMarks" value="{{ isset($CandidateData->BEdPercentageMarks) ? $CandidateData->BEdPercentageMarks : old('BEdPercentageMarks') }}"
                            maxlength="5" autocomplete="off" onkeypress="return isFloatNumber(this,event)">
                            @error('BEdPercentageMarks')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                </div>

                <div class="row card-body" id="isQualificationCTETDivHtml">
                    <div class="col-sm-4">
                        <label class=""> Have You Passed CTET?: <span class="astric-sign">*</span></label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                name="isQualificationCTET" id="isQualificationCTET">
                                <option value="" selected="">---Select---</option>
                                <option value="1"
                                    {{ (isset($CandidateData->IsHaveCTET) && $CandidateData->IsHaveCTET == 1 or old('isQualificationCTET') == 1) ? 'selected' : '' }}>
                                    Yes</option>
                                <option value="2"
                                    {{ (isset($CandidateData->IsHaveCTET) && $CandidateData->IsHaveCTET == 2 or old('isQualificationCTET') == 2) ? 'selected' : '' }}>
                                    No</option>
                            </select>
                        </div>
                        @error('isQualificationCTET')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-sm-4 hide" id="CTETPassingYearDiv">
                        <label class="">Passing Year: <span class="astric-sign">*</span> </label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="CTETPassingYear" name="CTETPassingYear"
                                onchange="updateMonths(this.value, $('#CTETPassingMonth'))">
                                <option value="">---Select---</option>
                                @foreach ($dataYear as $year)
                                    <option value="{{ $year }}"
                                        {{ old('CTETPassingYear', $CandidateData->CTETPassingYear) == $year ? 'selected' : '' }}>
                                        {{ $year }}</option>
                                @endforeach
                            </select>
                            @error('CTETPassingYear')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <div class="col-sm-4 hide" id="CTETPassingMonthDiv">
                        <label class="">Passing Month: <span class="astric-sign">*</span> </label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                id="CTETPassingMonth" name="CTETPassingMonth">
                                <option value="">---Select---</option>
                                @foreach ($BEdMonth as $keyMonth => $valueMonth)
                                
                                    @php $currentMonth = date('m');
                                    $CTETdisabled = ((date('Y') == $CandidateData->CTETPassingYear && $keyMonth > $currentMonth)) ? 'disabled' : '';@endphp
                                    <option value="{{ $keyMonth }}"
                                        {{ old('CTETPassingMonth', $CandidateData->CTETPassingMonth) == $keyMonth ? 'selected' : '' }}
                                        {{ $CTETdisabled }}>
                                        {{ $valueMonth }}</option>
                                @endforeach
                            </select>
                            @error('CTETPassingMonth')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                    

                </div>

                <div class="row card-body" id="LanguageTypeDivHtml">
                    <div class="col-sm-4">
                        <label class=""> In which language do you want to give skill test?: <span class="astric-sign">*</span></label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                name="LanguageType" id="LanguageType">
                                <option value="">---Select---</option>
                                <option value="1"
                                    {{ (isset($CandidateData->LanguageTypeForPost) && $CandidateData->LanguageTypeForPost == 1 or old('LanguageType') == 1) ? 'selected' : '' }}>
                                    Hindi</option>
                                <option value="2"
                                    {{ (isset($CandidateData->LanguageTypeForPost) && $CandidateData->LanguageTypeForPost == 2 or old('LanguageType') == 2) ? 'selected' : '' }}>
                                    English</option>
                            </select>
                        </div>
                        @error('LanguageType')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                </div>

                <div class="row card-body hide" id="LanguageProficiencyDivHtml">
                    <div class="col-sm-4">
                        <label class="">Choose your language preference for language proficiency test ?:<span class="astric-sign">*</span></label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                name="LanguageProficiency" id="LanguageProficiency">
                                <option value="">---Select---</option>
                                @foreach ($PostLanguageMst as $LangMst)
                                    <option value="{{ $LangMst->ID }}"
                                        {{ (isset($CandidateData->LanguageProficiency) && $CandidateData->LanguageProficiency == $LangMst->ID or old('LanguageProficiency') == $LangMst->ID) ? 'selected' : '' }}>
                                        {{ $LangMst->LanguageName }}</option>
                                @endforeach
                            </select>
                        </div>
                        @error('LanguageProficiency')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                </div>
                {{-- HTML Code for working in JNV MESS Start====================================== --}}
                <div class="row card-body" id="JNSMESSExperienceDivHtml">
                    <div class="col-sm-6">
                        <label class=""> Are you already working in JNV MESS? : <span class="astric-sign">*</span></label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                name="IsJNVMess" id="IsJNVMess">
                                <option value="" selected="">---Select---</option>
                                <option value="1"
                                    {{ (isset($CandidateData->IsJNVMess) && $CandidateData->IsJNVMess == 1 or old('IsJNVMess') == 1) ? 'selected' : '' }}>
                                    Yes</option>
                                <option value="2"
                                    {{ (isset($CandidateData->IsJNVMess) && $CandidateData->IsJNVMess == 2 or old('IsJNVMess') == 2) ? 'selected' : '' }}>
                                    No</option>
                            </select>
                        </div>
                        @error('IsJNVMess')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-sm-6 " id="JNSMESSExperienceDiv">
                        <label class="">How many years of experience do you have in JNV MESS? (In months): <span
                                class="astric-sign">*</span> </label>
                        <div class="form-group">
                            <input type="text" class="form-control form-control-sm copy-paste"
                                placeholder="How Many Experience" id="JNSMessExperience" name="JNSMessExperience"
                                value="{{ isset($CandidateData->JNSMessExperience) && !empty($CandidateData->JNSMessExperience) ? $CandidateData->JNSMessExperience : '' }}"
                                maxlength="3" autocomplete="off" onkeypress="return blockSpecialChar(event,'numeric')">
                            @error('JNSMessExperience')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                </div>

                {{-- HTML Code for working in JNV MESS End====================================== --}}

                {{-- HTML Code for Working on contract/daily wage basis in NVS Start? ====================================== --}}

                <div class="row card-body" id="dailyWagesExperienceDivHtml">
                    <div class="col-sm-6">
                        <label class=""> Are you working on contract/daily wage basis in NVS? : <span class="astric-sign">*</span></label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                name="IsDailyWageNVS" id="IsDailyWageNVS">
                                <option value="" selected="">---Select---</option>
                                <option value="1"
                                    {{ (isset($CandidateData->IsDailyWageNVS) && $CandidateData->IsDailyWageNVS == 1 or old('IsDailyWageNVS') == 1) ? 'selected' : '' }}>
                                    Yes</option>
                                <option value="2"
                                    {{ (isset($CandidateData->IsDailyWageNVS) && $CandidateData->IsDailyWageNVS == 2 or old('IsDailyWageNVS') == 2) ? 'selected' : '' }}>
                                    No</option>
                            </select>
                        </div>
                        @error('IsDailyWageNVS')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-sm-6 " id="howmanyexpInDailyWageNVS">
                        <label class="">How many years of experience do you have in contract/daily wage basis in NVS? :
                            (In months) <span class="astric-sign">*</span> </label>
                        <div class="form-group">
                            <input type="text" class="form-control form-control-sm copy-paste"
                                placeholder="How Many Experience" id="DailyWageNVSExperience"
                                name="DailyWageNVSExperience"
                                value="{{ isset($CandidateData->DailyWageNVSExperience) && !empty($CandidateData->DailyWageNVSExperience) ? $CandidateData->DailyWageNVSExperience : '' }}"
                                maxlength="3" autocomplete="off" onkeypress="return blockSpecialChar(event,'numeric')">
                            @error('DailyWageNVSExperience')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                </div>
                {{-- HTML Code for Working on contract/daily wage basis in NVS End? ====================================== --}}


                {{-- HTML Code for Are you already working as Faculty cum System Admin (FCSA) in NVS? Start :====================== --}}
                <div class="row card-body" id="ISFCSADivHtml">
                    <div class="col-sm-6">
                        <label class=""> Are you already working as Faculty cum System Admin (FCSA) in NVS? : <span
                                class="astric-sign">*</span></label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example"
                                name="IsFCSANVS" id="IsFCSANVS">
                                <option value="" selected="">---Select---</option>
                                <option value="1"
                                    {{ (isset($CandidateData->IsFCSANVS) && $CandidateData->IsFCSANVS == 1 or old('IsFCSANVS') == 1) ? 'selected' : '' }}>
                                    Yes</option>
                                <option value="2"
                                    {{ (isset($CandidateData->IsFCSANVS) && $CandidateData->IsFCSANVS == 2 or old('IsFCSANVS') == 2) ? 'selected' : '' }}>
                                    No</option>
                            </select>
                        </div>
                        @error('IsFCSANVS')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>

                    <div class="col-sm-6" id="howmanyexpInFcsaNvs">
                        <label class="">How many years of experience do you have in FCSA in NVS? (In months): <span
                                class="astric-sign">*</span> </label>
                        <div class="form-group">
                            <input type="text" class="form-control form-control-sm copy-paste"
                                placeholder="How Many Experience" id="FCSANVSExperience" name="FCSANVSExperience"
                                value="{{ isset($CandidateData->FCSANVSExperience) && !empty($CandidateData->FCSANVSExperience) ? $CandidateData->FCSANVSExperience : '' }}"
                                maxlength="3" autocomplete="off" onkeypress="return blockSpecialChar(event,'numeric')">
                            @error('FCSANVSExperience')
                                <div class="text-danger">{{ $message }}</div>
                            @enderror
                        </div>

                    </div>

                </div>

                {{-- HTML Code for Are you already working as Faculty cum System Admin (FCSA) in NVS? End :====================== --}}

                <br>
                <!--div class="row">
                                                <div class="col-sm-4 text-end"><label> Captcha </label><span class="astric-sign">*</span> </div>
                                                <div class="col-sm-2">
                                                    <div class="captcha_div">
                                                        <span> {!! captcha_get_html() !!} </span>
                                                    </div>
                                                </div>
                                                <div class="col-sm-1">
                                                    <div class="captcha_div">
                                                        <button type="button" class="btn btn-primary btn-sm" class="reload" id="reload">
                                                            &#x21bb;
                                                        </button>
                                                    </div>
                                                </div>

                                                <div class="col-sm-4">
                                                    <div class="form-group">
                                                        <input type="text" class="form-control form-control-sm copy-paste" placeholder="Enter Security PIN as Shown Below" id="pinValue" name="pinValue">
                                                        @error('pinValue')
        <div class="text-danger">{{ $message }}</div>
    @enderror
                                                    </div>
                                                </div>
                                            </div-->

                <div class="col-sm-12 card-body">
                    <div class="form-group">
                        <input class="form-check-input" type="checkbox" id="clarification" name="clarification">
                        &nbsp;<b>I AGREE </b>
                    </div>
                    @error('clarification')
                        <div class="text-danger">{{ $message }}</div>
                    @enderror
                    <p style="text-align: justify;">I hereby acknowledge that I have read the detailed advertisement and studied the information
                        bulletin, alongwith the stipulations, eligibility criteria, educational qualifications, and
                        experience requirements outlined for the position I am applying for. I affirm that, I meet all the
                        eligibility criteria for the specified post. I am fully aware that my candidature is subject to
                        verification of my eligibility by the <strong>Navodaya Vidyalaya Samiti/National Testing Agency
                        </strong>after both the stages of examination and my candidature remains provisional pending such
                        verification.</p>
                    <p style="text-align: justify;">I acknowledge that if, at any point in the application process, it is discovered that I have
                        furnished false information or I do not meet the stipulated eligibility criteria for the
                        aforementioned post, my candidature will be summarily rejected by the <strong> Navodaya Vidyalaya
                            Samiti/National Testing Agency<strong>.</p>
                </div>


                <div class="row mb-3 justify-content-center">

                    <div class="col-sm-6 text-center">
                        <button type="button" id="ApplyPostSubmitBtn" class="btn btn-warning btn-sm float-end">Save &
                            Next <i class="ri-arrow-right-circle-line float-end ms-1"></i></button>
                    </div>
                </div>
            </div>
        </form>
    </div>

@endsection

@push('js')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.4/moment.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {

            let BEdStatus = $('#isQualificationBEd').val();
            let CTETStatus = $('#isQualificationCTET').val();
            if (BEdStatus == 1) {
                $("#BEdPassingMonthDiv").show();
                $("#BEdPassingYearDiv").show();
                $("#BEdPercentageMarksDiv").show();
                
            } else {
                $("#BEdPassingMonthDiv").hide();
                $("#BEdPassingYearDiv").hide();
                $("#BEdPercentageMarksDiv").hide();
            }

            if (CTETStatus == 1) {
                $("#CTETPassingMonthDiv").show();
                $("#CTETPassingYearDiv").show();
            } else {
                $("#CTETPassingMonthDiv").hide();
                $("#CTETPassingYearDiv").hide();
            }

            if ($('#flexCheckDefault42,#flexCheckDefault32,#flexCheckDefault34').is(':checked')) {
                $('#LanguageTypeDivHtml').show();
            } else {
                $('#LanguageTypeDivHtml').hide();

            }

            if (($("input:checkbox[name='posts[2][]']").is(':checked') || $("input:checkbox[name='posts[3][]']").is(
                    ':checked') || $("input:checkbox[name='posts[4][]']").is(':checked')) == true) {
                $('#LanguageProficiencyDivHtml').show();
            } else {
                $('#LanguageProficiencyDivHtml').hide();
            }

            let IsJNVMess = $('#IsJNVMess').val();
            let IsDailyWageNVS = $('#IsDailyWageNVS').val();
            let IsFCSANVS = $('#IsFCSANVS').val();
            if ($('#flexCheckDefault40').is(':checked')) {
                if (IsJNVMess == 1) {
                    $('#JNSMESSExperienceDivHtml').show();
                } else {
                    $('#JNSMESSExperienceDiv').hide();
                }

            } else {
                $('#JNSMESSExperienceDivHtml').hide();
                $('#IsJNVMess').val('');
            }

            if ($('#flexCheckDefault36').is(':checked')) {
                if (IsDailyWageNVS == 1) {
                    $('#dailyWagesExperienceDivHtml').show();
                } else {
                    $('#howmanyexpInDailyWageNVS').hide();
                }

            } else {
                $('#dailyWagesExperienceDivHtml').hide();
                $('#IsDailyWageNVS').val('');
            }

            if ($('#flexCheckDefault20').is(':checked')) {
                if (IsFCSANVS == 1) {
                    $('#ISFCSADivHtml').show();
                } else {
                    $('#howmanyexpInFcsaNvs').hide();
                }

            } else {
                $('#ISFCSADivHtml').hide();
                $('#IsFCSANVS').val('');
            }


            $(".ParentPostChkbox").on('click', function() {
                // in the handler, 'this' refers to the box clicked on
                var $box = $(this);
                var checkedBox = $(this).attr("data-id");

                var $techninalPostDiv = $("#TechninalPostDivHtml" + checkedBox);

                var childRadioBoxExp = $('input:radio[name="ExperienceType[' + checkedBox + ']"]');
                var childCheckBoxExp = $('input:checkbox[name="ExperienceType[' + checkedBox + ']"]');
                var childRadioBoxQual = $('input:radio[name="QualificationType[' + checkedBox + ']"]');
                var childCheckBoxExpQual = $('input:checkbox[name="QualificationType[' + checkedBox +
                ']"]');
          
                if ($box.is(":checked")) {
                
                    var group = "input:checkbox[name='" + $box.attr("name") + "']";//input:checkbox[name='posts[2][]']
                    //alert(group)
                    $(group).prop("checked", false);
                    $box.prop("checked", true);
                    $techninalPostDiv.removeClass('hide'); 
                    const groupName = $box.attr('name');
                  //alert(groupName);
                    const otherCheckboxes = document.querySelectorAll("input[type='checkbox'][name='"+groupName+"']");
                    otherCheckboxes.forEach(function(otherCheckbox) {
                    const childRadios = otherCheckbox.parentElement.querySelectorAll('.child-radio');
                    childRadios.forEach(function(radio) {
                        radio.checked = false;
                    });
                });
                } else {
                    $box.prop("checked", false);
                    childCheckBoxExp.prop("checked", false);
                    childRadioBoxExp.prop("checked", false);
                    childRadioBoxQual.prop("checked", false);
                    childCheckBoxExpQual.prop("checked", false);

                   $("#TechninalPostDivHtml" + checkedBox).addClass('hide');
                  
                    $techninalPostDiv.addClass('hide');
                }

            });

            $.validator.addMethod("minPercentage", function(value, element, param) {
            return parseFloat(value) >= param;
            }, "BEd Percentage Marks should not be less than 50%");

            $("#ApplyPostSubmitBtn").click(function(e) {
                e.preventDefault();
                var form = $("#ApplyPostDetailsForm");
                form.validate({
                    rules: {
                        "posts[2]": {
                            required: true
                        },
                        //For Principal Post Start
                        "QualificationType[1]": {
                            required: function() {
                                return $('#flexCheckDefault1').is(':checked');
                            }
                        },
                        "ExperienceType[1]": {
                            required: function() {
                                return $('#flexCheckDefault1').is(':checked');
                            }
                        },
                        //For Principal Post End
                        //For PGT Post Start
                        //Biology
                        "QualificationType[2]": {
                            required: function() {
                                return $('#flexCheckDefault2').is(':checked');
                            }
                        },
                        "ExperienceType[2]": {
                            required: function() {
                                return $('#flexCheckDefault2').is(':checked');
                            }
                        },
                        //Chemistry
                        "QualificationType[3]": {
                            required: function() {
                                return $('#flexCheckDefault3').is(':checked');
                            }
                        },
                        "ExperienceType[3]": {
                            required: function() {
                                return $('#flexCheckDefault3').is(':checked');
                            }
                        },
                        //Commerce
                        "QualificationType[4]": {
                            required: function() {
                                return $('#flexCheckDefault4').is(':checked');
                            }
                        },
                        "ExperienceType[4]": {
                            required: function() {
                                return $('#flexCheckDefault4').is(':checked');
                            }
                        },
                        //Computer Science
                        "QualificationType[5]": {
                            required: function() {
                                return $('#flexCheckDefault5').is(':checked');
                            }
                        },
                        "ExperienceType[5]": {
                            required: function() {
                                return $('#flexCheckDefault5').is(':checked');
                            }
                        },
                        //Economics
                        "QualificationType[6]": {
                            required: function() {
                                return $('#flexCheckDefault6').is(':checked');
                            }
                        },
                        "ExperienceType[6]": {
                            required: function() {
                                return $('#flexCheckDefault6').is(':checked');
                            }
                        },
                        //English
                        "QualificationType[7]": {
                            required: function() {
                                return $('#flexCheckDefault7').is(':checked');
                            }
                        },
                        "ExperienceType[7]": {
                            required: function() {
                                return $('#flexCheckDefault7').is(':checked');
                            }
                        },
                        //Geography
                        "QualificationType[8]": {
                            required: function() {
                                return $('#flexCheckDefault8').is(':checked');
                            }
                        },
                        "ExperienceType[8]": {
                            required: function() {
                                return $('#flexCheckDefault8').is(':checked');
                            }
                        },
                        //Hindi
                        "QualificationType[9]": {
                            required: function() {
                                return $('#flexCheckDefault9').is(':checked');
                            }
                        },
                        "ExperienceType[9]": {
                            required: function() {
                                return $('#flexCheckDefault9').is(':checked');
                            }
                        },
                        //History
                        "QualificationType[10]": {
                            required: function() {
                                return $('#flexCheckDefault10').is(':checked');
                            }
                        },
                        "ExperienceType[10]": {
                            required: function() {
                                return $('#flexCheckDefault10').is(':checked');
                            }
                        },
                         //Maths
                         "QualificationType[11]": {
                            required: function() {
                                return $('#flexCheckDefault11').is(':checked');
                            }
                        },
                        "ExperienceType[11]": {
                            required: function() {
                                return $('#flexCheckDefault11').is(':checked');
                            }
                        },
                         //Modern Indian Language
                         "QualificationType[78]": {
                            required: function() {
                                return $('#flexCheckDefault78').is(':checked');
                            }
                        },
                        "ExperienceType[78]": {
                            required: function() {
                                return $('#flexCheckDefault78').is(':checked');
                            }
                        },
                         //Physical Education
                         "QualificationType[13]": {
                            required: function() {
                                return $('#flexCheckDefault13').is(':checked');
                            }
                        },
                         //Physics
                         "QualificationType[12]": {
                            required: function() {
                                return $('#flexCheckDefault12').is(':checked');
                            }
                        },
                        "ExperienceType[12]": {
                            required: function() {
                                return $('#flexCheckDefault12').is(':checked');
                            }
                        },
                        //For PGT Post End

                        //For TGT Post Start

                        //Art
                        "QualificationType[23]": {
                            required: function() {
                                return $('#flexCheckDefault23').is(':checked');
                            }
                        },
                         //Computer Science
                         "QualificationType[20]": {
                            required: function() {
                                return $('#flexCheckDefault20').is(':checked');
                            }
                        },
                         //English
                         "QualificationType[15]": {
                            required: function() {
                                return $('#flexCheckDefault15').is(':checked');
                            }
                        },
                         //Hindi
                         "QualificationType[16]": {
                            required: function() {
                                return $('#flexCheckDefault16').is(':checked');
                            }
                        },
                         //Maths
                         "QualificationType[18]": {
                            required: function() {
                                return $('#flexCheckDefault18').is(':checked');
                            }
                        },
                         //Music
                         "QualificationType[22]": {
                            required: function() {
                                return $('#flexCheckDefault22').is(':checked');
                            }
                        },
                         //Physical Education
                         "QualificationType[24]": {
                            required: function() {
                                return $('#flexCheckDefault24').is(':checked');
                            }
                        },
                         //Regional Language
                         "QualificationType[77]": {
                            required: function() {
                                return $('#flexCheckDefault77').is(':checked');
                            }
                        },
                         //Science
                         "QualificationType[17]": {
                            required: function() {
                                return $('#flexCheckDefault17').is(':checked');
                            }
                        },
                        //Social Studies
                        "QualificationType[19]": {
                            required: function() {
                                return $('#flexCheckDefault19').is(':checked');
                            }
                        },
                         //For TGT Post End
                         //For Non Teaching Validation
                         //Librarian
                         "QualificationType[25]": {
                            required: function() {
                                return $('#flexCheckDefault25').is(':checked');
                            }
                        },
                        "ExperienceType[25]": {
                            required: function() {
                                return $('#flexCheckDefault25').is(':checked');
                            }
                        },
                        //Assistant Commissioner (Acad.)
                        "QualificationType[26]": {
                            required: function() {
                                return $('#flexCheckDefault26').is(':checked');
                            }
                        },
                        "ExperienceType[26]": {
                            required: function() {
                                return $('#flexCheckDefault26').is(':checked');
                            }
                        },
                        //Assistant Section Officer
                        "QualificationType[28]": {
                            required: function() {
                                return $('#flexCheckDefault28').is(':checked');
                            }
                        },
                        "ExperienceType[28]": {
                            required: function() {
                                return $('#flexCheckDefault28').is(':checked');
                            }
                        },
                        //Audit Assistant
                         "QualificationType[29]": {
                            required: function() {
                                return $('#flexCheckDefault29').is(':checked');
                            }
                        },
                         //Junior Translation Officer
                         "QualificationType[30]": {
                            required: function() {
                                return $('#flexCheckDefault30').is(':checked');
                            }
                        },
                         //Legal Assistant
                         "QualificationType[31]": {
                            required: function() {
                                return $('#flexCheckDefault31').is(':checked');
                            }
                        },
                        "ExperienceType[31]": {
                            required: function() {
                                return $('#flexCheckDefault31').is(':checked');
                            }
                        },
                        //Stenographer
                        "QualificationType[32]": {
                            required: function() {
                                return $('#flexCheckDefault32').is(':checked');
                            }
                        },
                        //Computer Operator
                        "QualificationType[33]": {
                            required: function() {
                                return $('#flexCheckDefault33').is(':checked');
                            }
                        },
                        //Junior Secretariat Assistant (HQ/RO Cadre)
                        "QualificationType[34]": {
                            required: function() {
                                return $('#flexCheckDefault34').is(':checked');
                            }
                        },
                        //Multi Tasking Staff (HQ/RO Cadre)
                        "QualificationType[36]": {
                            required: function() {
                                return $('#flexCheckDefault36').is(':checked');
                            }
                        },
                         //Catering Supervisor
                         "QualificationType[37]": {
                            required: function() {
                                return $('#flexCheckDefault37').is(':checked');
                            }
                        },
                        //ELECTRICIAN CUM PLUMBER
                        "QualificationType[38]": {
                            required: function() {
                                return $('#flexCheckDefault38').is(':checked');
                            }
                        },
                        "ExperienceType[38]": {
                            required: function() {
                                return $('#flexCheckDefault38').is(':checked');
                            }
                        },
                         //Lab Attendant
                         "QualificationType[39]": {
                            required: function() {
                                return $('#flexCheckDefault39').is(':checked');
                            }
                        },
                        //Mess helper
                        "QualificationType[40]": {
                            required: function() {
                                return $('#flexCheckDefault40').is(':checked');
                            }
                        },
                        "ExperienceType[40]": {
                            required: function() {
                                return $('#flexCheckDefault40').is(':checked');
                            }
                        },
                         //Junior Secretariat Assistant (JNV Cadre
                         "QualificationType[42]": {
                            required: function() {
                                return $('#flexCheckDefault42').is(':checked');
                            }
                        },

                        "QualificationType[27]": {
                            required: function() {
                                return $('#flexCheckDefault27').is(':checked');
                            }
                        },
                        "QualificationType[41]": {
                            required: function() {
                                return $('#flexCheckDefault41').is(':checked');
                            }
                        },

                        PGTLangForModernIND: {
                            required: function() {
                                return $('#flexCheckDefault78').is(':checked');
                            }
                        },
                        TGTLangForRegional: {
                            required: function() {
                                return $('#flexCheckDefault77').is(':checked');
                            }
                        },
                        LanguageProficiency: {
                            required: function() {
                                return $(
                                    "input:checkbox[name='posts[2][]'],input:checkbox[name='posts[3][]'],input:checkbox[name='posts[4][]']"
                                ).is(':checked');
                            }
                        },

                        isQualificationBEd: {
                            required: true
                        },
                        BEdPassingmonth: {
                            required: function() {
                                return $('#isQualificationBEd').val() == 1;
                            }
                        },
                        BEdPassingYear: {
                            required: function() {
                                return $('#isQualificationBEd').val() == 1;
                            }
                        },
                        BEdPercentageMarks:{
                            required: function() {
                                return $('#isQualificationBEd').val() == 1;
                            },
                            number:true,
                            minPercentage:50,
                            range:[1,100] 
                        },
                        isQualificationCTET: {
                            required: true
                        },
                        CTETPassingMonth: {
                            required: function() {
                                return $('#isQualificationCTET').val() == 1;
                            }
                        },
                        CTETPassingYear: {
                            required: function() {
                                return $('#isQualificationCTET').val() == 1;
                            }
                        },
                        LanguageType: {
                            required: function() {
                                return ($('#flexCheckDefault42').is(':checked') || $(
                                    '#flexCheckDefault32').is(':checked') || $(
                                    '#flexCheckDefault34').is(':checked'));
                            }
                        },

                        IsJNVMess: {
                            required: function() {
                                return ($('#flexCheckDefault40').is(':checked'));
                            }
                        },
                        JNSMessExperience: {
                            required: function() {
                                return $('#IsJNVMess').val() == 1;
                            }
                        },
                        IsDailyWageNVS: {
                            required: function() {
                                return ($('#flexCheckDefault36').is(':checked'));
                            }
                        },
                        DailyWageNVSExperience: {
                            required: function() {
                                return $('#IsDailyWageNVS').val() == 1;
                            }
                        },
                        IsFCSANVS: {
                            required: function() {
                                return ($('#flexCheckDefault20').is(':checked'));
                            }
                        },
                        FCSANVSExperience: {
                            required: function() {
                                return $('#IsFCSANVS').val() == 1;
                            }
                        },

                        clarification: {
                            required: true
                        }

                    },
                    messages: {

                        clarification: {
                            required: "Please fill required field."
                        },

                    },
                    errorElement: 'span',
                    errorPlacement: function(error, element) {
                        error.addClass('invalid-feedback');
                        element.closest('.form-group').append(error);
                    },
                    highlight: function(element, errorClass, validClass) {
                        $(element).addClass('is-invalid');
                    },
                    unhighlight: function(element, errorClass, validClass) {
                        $(element).removeClass('is-invalid');
                    }

                });
                if (form.valid() === true) {
                    $("#ApplyPostDetailsForm").submit();
                }
            });



        });

        $('#reload').click(function() {
            $.ajax({
                type: 'GET',
                url: "{{ route('reload-captcha') }}",
                success: function(data) {
                    $(".captcha_div span").html(data.captcha);
                }
            });
        });


        $(document).on('change', '#postName', function() {
            var val = $(this).val();
            if (val > 0) {
                getTeachingPostsID(val);
                $('#postType').val([]).change();
            } else {
                $("#teaching_type_post").addClass('hide');
            }

        })

        function getTeachingPostsID(val) {
            $('.overlay2').show();

            $.ajax({
                type: "POST",
                url: "{{ route('getTeachingPostNames') }}",
                data: {
                    post_type: val,
                    _token: '{{ csrf_token() }}'
                },
                success: function(result) {
                    $('#postType').html(result);
                    $("#teaching_type_post").removeClass('hide');
                    $('.overlay2').hide();

                }
            });

        }

        $(document).on('change', '#isQualificationBEd', function() {

            var val = $(this).val();
            $('.overlay2').show();
            if (val == '1') {
                setTimeout(function() {

                    var selectedOption = $('#BEdPassingmonth').find('option:disabled');
                    selectedOption.prop('disabled', false);
                    $("#BEdPassingMonthDiv").show();
                    $("#BEdPassingYearDiv").show();
                    $('#BEdPercentageMarksDiv').show();
                    $('.overlay2').hide();

                }, 300);
            } else {
                setTimeout(function() {
                    $("#BEdPassingMonthDiv").hide();
                    $("#BEdPassingYearDiv").hide();
                    $('#BEdPercentageMarksDiv').hide();
                    $('#BEdPassingmonth').val('');
                    $('#BEdPassingYear').val('');
                    $('#BEdPercentageMarks').val('');
                    $('.overlay2').hide();
                }, 300);
            }

        });

        $(document).on('change', '#isQualificationCTET', function() {

            var val = $(this).val();
            $('.overlay2').show();
            if (val == 1) {
                setTimeout(function() {
                    var selectedOption = $('#BEdPassingmonth').find('option:disabled');
                    selectedOption.prop('disabled', false);
                    $("#CTETPassingMonthDiv").show();
                    $("#CTETPassingYearDiv").show();
                    $('.overlay2').hide();
                }, 300);

            } else {
                setTimeout(function() {
                    $("#CTETPassingMonthDiv").hide();
                    $("#CTETPassingYearDiv").hide();
                    $('#CTETPassingMonth').val('');
                    $('#CTETPassingYear').val('');
                    $('.overlay2').hide();
                }, 300);

            }

        });

        $(document).on('change', '#flexCheckDefault42,#flexCheckDefault32,#flexCheckDefault34', function() {
            $('.overlay2').show();
            if ($('#flexCheckDefault42,#flexCheckDefault32,#flexCheckDefault34').is(':checked')) {

                setTimeout(function() {
                    $('#LanguageTypeDivHtml').show();
                    $('.overlay2').hide();
                }, 300);
            } else {
                setTimeout(function() {
                    $('#LanguageTypeDivHtml').hide();
                    $('#LanguageType').val('');
                    $('.overlay2').hide();
                }, 300);

            }

        });

        $(document).on('change', '#flexCheckDefault78,#flexCheckDefault77', function() {

            if ($('#flexCheckDefault78').is(':checked') == false) {
                $('#PGTLangForModernIND').val('');
            } else if ($('#flexCheckDefault77').is(':checked') == false) {
                $('#TGTLangForRegional').val('');
            }

        });

        /*Code for working in JNV MESS Start======================================*/
        $(document).on('change', '#flexCheckDefault40', function() {
            $('.overlay2').show();
            if ($('#flexCheckDefault40').is(':checked')) {

                setTimeout(function() {
                    $('#JNSMESSExperienceDivHtml').show();
                    $('#JNSMESSExperienceDiv').hide();
                    $('#IsJNVMess').val('');
                    $('.overlay2').hide();
                }, 300);
            } else {
                setTimeout(function() {
                    $('#JNSMESSExperienceDivHtml').hide();
                    $('#IsJNVMess').val('');
                    $('#JNSMessExperience').val('');
                    $('.overlay2').hide();
                }, 300);

            }

        });

        $(document).on('change', '#IsJNVMess', function() {

            var val = $(this).val();
            $('.overlay2').show();
            if (val == '1') {
                setTimeout(function() {
                    $("#JNSMESSExperienceDiv").show();
                    $('#JNSMessExperience').val('');
                    $('.overlay2').hide();
                }, 300);
            } else {
                setTimeout(function() {
                    $("#JNSMESSExperienceDiv").hide();
                    $('#JNSMessExperience').val('');
                    $('.overlay2').hide();
                }, 300);
            }

        });

        /*Code for working in JNV MESS End ================================*/

        /*Code for Working on contract/daily wage basis in NVS Start? :======================================*/
        $(document).on('change', '#flexCheckDefault36', function() {
            $('.overlay2').show();
            if ($('#flexCheckDefault36').is(':checked')) {

                setTimeout(function() {
                    $('#dailyWagesExperienceDivHtml').show();
                    $('#howmanyexpInDailyWageNVS').hide();
                   // $('#ISFCSADivHtml').hide();
                    $('#IsDailyWageNVS').val('');
                    $('#FCSANVSExperience').val('');
                    $('#IsFCSANVS').val('');
                    $('.overlay2').hide();
                }, 300);
            } else {
                setTimeout(function() {
                    $('#dailyWagesExperienceDivHtml').hide();
                    $('#IsDailyWageNVS').val('');
                    $('#DailyWageNVSExperience').val('');
                    $('.overlay2').hide();
                }, 300);

            }

        });

        $(document).on('change', '#IsDailyWageNVS', function() {

            var val = $(this).val();
            $('.overlay2').show();
            if (val == '1') {
                setTimeout(function() {
                    $("#howmanyexpInDailyWageNVS").show();
                    $('#DailyWageNVSExperience').val('');
                    $('.overlay2').hide();
                }, 300);
            } else {
                setTimeout(function() {
                    $("#howmanyexpInDailyWageNVS").hide();
                    $('#DailyWageNVSExperience').val('');
                    $('.overlay2').hide();
                }, 300);
            }

        });

        /*Code for Code for Working on contract/daily wage basis in NVS? End ================================*/

        /*Code for Are you already working as Faculty cum System Admin (FCSA) in NVS? Start :======================================*/
        $(document).on('change', '#flexCheckDefault20', function() {
            $('.overlay2').show();
            if ($('#flexCheckDefault20').is(':checked')) {

                setTimeout(function() {
                    $('#ISFCSADivHtml').show();
                    $('#howmanyexpInFcsaNvs').hide();
                    $('.overlay2').hide();
                }, 300);
            } else {
                setTimeout(function() {
                    $('#ISFCSADivHtml').hide();
                    $('#IsFCSANVS').val('');
                    $('.overlay2').hide();
                }, 300);

            }

        });

        $(document).on('change', '#IsFCSANVS', function() {

            var val = $(this).val();
            $('.overlay2').show();
            if (val == 1) {
                setTimeout(function() {
                    $("#howmanyexpInFcsaNvs").show();
                    $("#FCSANVSExperience").val('');
                    $('.overlay2').hide();
                }, 300);
            } else {
                setTimeout(function() {
                    $("#howmanyexpInFcsaNvs").hide();
                    $("#FCSANVSExperience").val('');
                    $('.overlay2').hide();
                }, 300);
            }

        });

        /*Code forAre you already working as Faculty cum System Admin (FCSA) in NVS? End ================================*/
        function updateMonths(selectedYear, monthDropdown) {

            var currentYear = new Date().getFullYear();
            var currentMonth = ('0' + (new Date().getMonth() + 1)).slice(-2);
            monthDropdown.html('<option value=""><span style="color:red;">Loading...</span></option>');
            $('.overlay2').show();
            setTimeout(function() {
                // Clear existing options
                monthDropdown.empty();
                // Add the "Select" option
                monthDropdown.append('<option value="">---Select---</option>');
                // Add other month options
                for (var i = 1; i <= 12; i++) {
                    var monthValue = ('0' + i).slice(-2);
                    var disableMonth = (selectedYear == currentYear && i > currentMonth);
                    var date = new Date(new Date().getFullYear(), i - 1, 1);

                    // Format the month name using the Date.toLocaleString method
                    var monthName = date.toLocaleString('en-US', {
                        month: 'long'
                    });

                    // Add the option to the dropdown
                    monthDropdown.append('<option value="' + monthValue + '" ' + (disableMonth ? 'disabled' : '') +
                        '>' + monthName + '</option>');
                }
                $('.overlay2').hide();
            }, 300);

        }


        $(document).on('change',
            "input:checkbox[name='posts[2][]'], input:checkbox[name='posts[3][]'], input:checkbox[name='posts[4][]']",
            function() {
                $('.overlay2').show();

                if (($("input:checkbox[name='posts[2][]']").is(':checked') || $("input:checkbox[name='posts[3][]']").is(
                        ':checked') || $("input:checkbox[name='posts[4][]']").is(':checked')) == true) {
                    setTimeout(function() {
                        $('#LanguageProficiencyDivHtml').show();
                        //$('#LanguageProficiency').val('');
                        $('.overlay2').hide();
                    }, 300);
                } else {
                    setTimeout(function() {
                        $('#LanguageProficiencyDivHtml').hide();
                        //$('#LanguageProficiency').val('');
                        $('.overlay2').hide();
                    }, 300);
                }
            });

            $('#BEdPassingYear').on('change',function(){
                var CTETPassingYear =parseInt($('#CTETPassingYear').val());
                var BEdPassingYear = parseInt($('#BEdPassingYear').val());
                if(BEdPassingYear > CTETPassingYear){
                    $("#BEdPassingYear  option:selected").removeAttr("selected");
                    $('#BEdPassingYear').val('');
                   
                }
            });

            $('#CTETPassingYear').on('change',function(){
                var CTETPassingYear = parseInt($('#CTETPassingYear').val());
                var BEdPassingYear = parseInt($('#BEdPassingYear').val());
                if(BEdPassingYear > CTETPassingYear){
                    $("#CTETPassingYear  option:selected").removeAttr("selected");
                    $('#CTETPassingYear').val('');
                }
            });
    </script>
@endpush