@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;
        }
    </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-1"></div>
                    <div class="col-sm-5">
                        <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" 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']))
                                        <div class="class-note-post">Note: {{ $PostTechnicalList['PostNote'] }}</div>
                                    @endif
                                    @php
                                        $hideTechClass = 'hide';
                                        if (in_array($PostTechnicalList['ID'], $selectedPostType)) {
                                            $hideTechClass = '';
                                        }
                                    @endphp
                                    <div class="row {{ $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><strong>Qualification :</strong></div>
                                            <div>{!! $PostTechnicalList['Qualification'] !!}</div>
                                        @endif
                                        @if (!empty($PostTechnicalList['Experience']) && $PostTechnicalList['ID'] != 1)
                                            <div><strong>Experience :</strong></div>
                                            <div>{!! $PostTechnicalList['Experience'] !!}</div>
                                        @endif
                                        @if (!empty($PostTechnicalList['Experience']) && $PostTechnicalList['ID'] == 1)
                                            <div><strong>Experience :</strong></div>
                                            <div class="form-group">
                                                @foreach ($PrincipleExperience as $key => $val)
                                                    <input type="radio" class="form-check-input"
                                                        value="{{ $key }}" name="PrincipleExp"
                                                        id="PrincipleExp{{ $key }}"
                                                        {{ isset($CandidatePostTblValue[0]['PrincipalExperienceID']) && $CandidatePostTblValue[0]['PrincipalExperienceID'] == $key ? 'checked' : '' }}>
                                                    {!! $val !!}<br>
                                                    @if (!$loop->last)
                                                        <span style="margin-left: 40%;">OR</span><br>
                                                    @endif
                                                @endforeach
                                            </div>
                                        @endif

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

                    <div class="col-sm-5">
                        <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" 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']))
                                        <div class="class-note-post">Note: {{ $PostNonTechnicalList['PostNote'] }}</div>
                                    @endif
                                    @php
                                        $hideNonTechClass = 'hide';
                                        if (in_array($PostNonTechnicalList['ID'], $selectedPostType)) {
                                            $hideNonTechClass = '';
                                        }
                                    @endphp
                                    <div class="row {{ $hideNonTechClass }}"
                                        id="TechninalPostDivHtml{{ $PostNonTechnicalList['ID'] }}">
                                        @if (!empty($PostNonTechnicalList['Qualification']))
                                            <div><strong>Qualification :</strong></div>
                                            <div>{!! $PostNonTechnicalList['Qualification'] !!}</div>
                                        @endif
                                        @if (!empty($PostNonTechnicalList['Experience']))
                                            <div><strong>Experience :</strong></div>
                                            <div>{!! $PostNonTechnicalList['Experience'] !!}</div>
                                        @endif
                                    </div>
                                </div>
                            @endforeach
                        @endif
                    </div>
                </div>


                <div class="row card-body" id="isQualificationBEdDivHtml">
                    <div class="col-sm-4">
                        <label class=""> Have You done B.Ed.?:</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-4 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-4 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 $disabled = ((date('Y') == $CandidateData->BEdPassingYear && $keyMonth > $CandidateData->BEdPassingMonth)) ? '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>

                <div class="row card-body" id="isQualificationCTETDivHtml">
                    <div class="col-sm-4">
                        <label class=""> Have You Passed CTET?:</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 $CTETdisabled = ((date('Y') == $CandidateData->CTETPassingYear && $keyMonth > $CandidateData->CTETPassingMonth)) ? '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 typing test?:</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>
        {{-- 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? :</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? :</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?  :</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>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>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();
            } else {
                $("#BEdPassingMonthDiv").hide();
                $("#BEdPassingYearDiv").hide();
            }

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

            if ($('#flexCheckDefault42,#flexCheckDefault32,#flexCheckDefault34').is(':checked')) {
                $('#LanguageTypeDivHtml').show();
            } else {
                $('#LanguageTypeDivHtml').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('');
            }
           
            
            $("input:checkbox").on('click', function() {
                // in the handler, 'this' refers to the box clicked on
                var $box = $(this);
                var checkedBox = $(this).attr("data-id");
                if ($box.is(":checked")) {
                    // the name of the box is retrieved using the .attr() method
                    // as it is assumed and expected to be immutable
                    var group = "input:checkbox[name='" + $box.attr("name") + "']";
                    // the checked state of the group/box on the other hand will change
                    // and the current value is retrieved using .prop() method
                    $(group).prop("checked", false);
                    $box.prop("checked", true);
                    $("#TechninalPostDivHtml" + checkedBox).removeClass('hide');
                } else {
                    $box.prop("checked", false);
                    $("#TechninalPostDivHtml" + checkedBox).addClass('hide');
                }

            });

            $("#ApplyPostSubmitBtn").click(function(e) {
                e.preventDefault();
                var form = $("#ApplyPostDetailsForm");
                form.validate({
                    rules: {
                        "posts[]": {
                            required: true
                        },
                        PrincipleExp: {
                            required: function() {
                                return $('#flexCheckDefault1').is(':checked');
                            }
                        },
                        PGTLangForModernIND:{
                            required: function() {
                                return $('#flexCheckDefault78').is(':checked');
                            }
                        },
                        TGTLangForRegional:{
                            required: function() {
                                return $('#flexCheckDefault77').is(':checked');
                            }
                        },
                        isQualificationBEd: {
                            required: true
                        },
                        BEdPassingmonth: {
                            required: function() {
                                return $('#isQualificationBEd').val() == 1;
                            }
                        },
                        BEdPassingYear: {
                            required: function() {
                                return $('#isQualificationBEd').val() == 1;
                            }
                        },
                        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: {
                        PrincipleExp: {
                            required: "Please choose anyone of the above radio button."
                        },
                        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() {
                    $("#BEdPassingMonthDiv").show();
                    $("#BEdPassingYearDiv").show();
                    $('.overlay2').hide();
                }, 300);
            } else {
                setTimeout(function() {
                    $("#BEdPassingMonthDiv").hide();
                    $("#BEdPassingYearDiv").hide();
                    $('#BEdPassingmonth').val('');
                    $('#BEdPassingYear').val('');
                    $('.overlay2').hide();
                }, 300);
            }

        });

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

            var val = $(this).val();
            $('.overlay2').show();
            if (val == '1') {
                setTimeout(function() {
                    $("#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();
                    $('#dailyWagesExperienceDivHtml').hide();
                    $('#IsDailyWageNVS').val('');
                    $('#DailyWageNVSExperience').val('');
                    $('#IsFCSANVS').val('');
                    $('.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();
                    $('#IsFCSANVS').val('');
                    $("#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);

        }
    </script>
@endpush