@extends('layouts.app')
@section('title')
@endsection
@section('content')
<style>
    .class-post-div {
        border: 1px solid gray;
        padding-left: 35px !important;
        padding-top: 5px;
        padding-bottom: 5px;
        margin: -1px;
    }
    
    input.largerCheckbox {
            width: 30px;
            height: 30px;
    }
    .checkboxClass{
        margin-right: 25px;
        padding-right:100px;
    }
    .form-check-label{
        margin-left: 8px;
    }
    .ApplyClassMainDIv{
        border: 2px solid gray;
        padding-top: 25px;
        padding-bottom: 25px;
        border-radius: 15px;
    }
    .PostCodeBodyDiv{

        padding-top: 25px;
        padding-bottom: 25px;
        padding-left: 5%;
        border-radius: 15px;
    }
    
</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>
    <br>
    <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>

    <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                <h6 class="m-0 font-weight-bold text-head-color"> APPLYING FOR POST</h6>
            </div>
            <br>

    <form id="ApplyPostDetailsForm" method="post" action="{{ route('apply.post') }}" enctype="multipart/form-data">
        @csrf
        <div class="card-body">
            <div class="row ApplyClassMainDIv">
                 <div class="col-sm-12">
                    <div class="container ">
                        @foreach($PostMainValues as $PostMainValue)
                        <div class="form-check form-check-inline checkboxClass">
                            <input class="form-check-input largerCheckbox"
                                type="checkbox"
                                name="postMainApply[]"
                                id="postMainApply_{{$PostMainValue['ID']}}"
                                value="{{ $PostMainValue['ID'] }}"
                                data-id="{{ $PostMainValue['ID'] }}"
                                {{ in_array($PostMainValue['ID'], $selectedPostType) ? 'checked' : '' }}
                                autocomplete="off">
                            <label class="form-check-label" for="defaultSwitch">
                                  {{ $PostMainValue['Name'] }}
                            </label>
                        </div>
                        @endforeach
                    </div>
                 </div>
            </div>

            <br>
            @php
            
                    $PGTPostClass = 'hide';
                    $TGTPostClass = 'hide';
                    $LabAssistantPostClass = 'hide';
                    $LibrarianPostClass = 'hide';
                    $PGTPostCodeValue = '';
                    $TGTPostCodeValue = '';
                    $LAPPostCodeValue = '';
                    $LibrarianPostCodeValue = '';
                    if(count($selectedPostType) >0){
                        $PostCodeBodyDiv = 'PostCodeBodyDiv';
                        if(in_array(1,$selectedPostType)){
                            $PGTPostClass = '';
                            $selectedPostPGTValue = 1;
                            $PGTPostCodeValue = $selectedPostCode[$selectedPostPGTValue];
                        }
                        if(in_array(2,$selectedPostType)){
                            $TGTPostClass = '';
                            $selectedPostTGTValue = 2;
                            $TGTPostCodeValue = $selectedPostCode[$selectedPostTGTValue];
                        }
                        if(in_array(3,$selectedPostType)){
                            $LabAssistantPostClass = '';
                            $selectedPostLAPValue = 3;
                            $LAPPostCodeValue = $selectedPostCode[$selectedPostLAPValue];
                        }
                        if(in_array(4,$selectedPostType)){
                            $LibrarianPostClass = '';
                            $selectedPostLibrarianValue = 4;
                            $LibrarianPostCodeValue = $selectedPostCode[$selectedPostLibrarianValue];
                        }
                    }
                        
            @endphp
            <div class="PostCodeBodyDiv">
                <div class="row {{ $PGTPostClass }}" id="PGTPostDIV">
                    <div class="col-sm-6">
                            <label class="">Select PGT Post <span class="astric-sign">*</span>:</label>
                            <div class="form-group">
                            <select class="form-select form-select-sm uncheckedPerA c_state"
                                    aria-label=".form-select-sm example" id="PGTPostValue" name="PGTPostValue">
                                    <option value="">--Select--</option>
                                    @foreach ($PostPGTValues as $PostPGTValue)
                                        <option value="{{ $PostPGTValue['ID'] }}"