@extends('layouts.app')
@section('title')
    All Brands
@endsection
@section('content')
        <style>
        .intruc-table {
            margin-top: 10px;
        }

        .point-table {
            width: 100%;
            border: 1px solid #000;
        }

        .border {
            border: 1px solid #080808;
        }

        table,
        td,
        th {
            border: 1px solid;
        }

        table {
            width: 100%;
            border-collapse: collapse;
        }

        tr .tbl-2 {
            width: 50%;
            padding: 5px 10px;
            text-align: center;
            font-size: 12px;
        }

        tr .tbl-1 {
            text-align: center;
            font-size: 14px;
            letter-spacing: 0.5px;
            padding: 0px 7px 1px;
        }

       
    .ui-datepicker-trigger {
        width: 25;
        height: 25;
        float: right;
        margin-top: -28px;
        margin-right: 4px;
    }

    </style>
    @php
        $ApplicationEndDate = config('constants.ApplicationEndDate');
    @endphp

    <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-bold text-head-color"> Personal Details
                            </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-normal text-head-color">Personal Details</h6>
        </div> -->
        <div class="card-body">
            <form id="personalDetailsForm" autocomplete="off" action=" {{ route('personal.store') }}" method="POST"
                enctype="multipart/form-data">
                @csrf
                <div class="row">
                    <div class="col-sm-6">
                        <label class=""> Candidate's Name <span class="astric-sign">*</span>:</label>
                        <div class="form-group">
                            <input type="text" class="form-control form-control-sm space-remover text-upper copy-paste"
                                value="{{ isset($PersonalModel['CandidateName']) && !empty($PersonalModel['CandidateName']) ? $PersonalModel['CandidateName'] : old('CandidateName') }}"
                                placeholder="Enter Candidate's Name" name="CandidateName" id="CandidateName"minlength="2"
                                maxlength="80" onkeypress="return lettersOnly(event)">
                                <span style="color:blue;font-size:12px;">Note : Please do not use any prefix such as Shri/ Mr./ Ms./ Dr./ Mrs. Etc.</span>
                        </div>
                      
                        @error('CandidateName')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>     
                    
                    <div class="col-sm-6">
                        <label class="">Father's / Guardian Name <span
                                class="astric-sign">*</span>:</label>
                        <div class="form-group">
                            <input type="text" class="form-control form-control-sm space-remover text-upper copy-paste"
                                value="{{ isset($PersonalModel['FatherName']) && !empty($PersonalModel['FatherName']) ? $PersonalModel['FatherName'] : old('FatherName') }}"
                                placeholder="Enter Father Name" name="FatherName" id="FatherName"minlength="2"
                                maxlength="80" onkeypress="return lettersOnly(event)">
                                <span style="color:blue;font-size:12px;">Note : Please do not use any prefix such as Shri/ Mr./ Dr. Etc.</span>
                        </div>
                       
                        @error('FatherName')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-sm-6">
                        <label class="">Mother's / Guardian Name <span
                                class="astric-sign">*</span>:</label>
                        <div class="form-group">
                            <input type="text" class="form-control form-control-sm space-remover text-upper copy-paste"
                                value="{{ isset($PersonalModel['MotherName']) && !empty($PersonalModel['MotherName']) ? $PersonalModel['MotherName'] : old('MotherName') }}"
                                placeholder="Enter Mother Name" name="MotherName" id="MotherName"minlength="2"
                                maxlength="80" onkeypress="return lettersOnly(event)" >
                                <span style="color:blue;font-size:12px;">Note : Please do not use any prefix such as Shri/ Mr./ Dr. Etc.</span>
                        </div>
                        
                        @error('MotherName')
                            <div class="text-danger">{{ $message }}</div>
                        @enderror
                    </div>
                    <div class="col-sm-6">
                        <label class="">  Date of Birth <span
                                class="astric-sign">*</span>:</label>
                        @php
                            // DD(trim($PersonalModel['DOB']));

                            $dateComponents = explode('-', trim($PersonalModel['DOB']));
                            $year = $dateComponents[0] ?? ''; // year
                            $month = $dateComponents[1] ?? ''; // month
                            $day = $dateComponents[2] ?? ''; // day

                        @endphp
                        <div class="row justify-content-around">
                            <div class="col-sm-4 form-group" style="padding-right: 1px;">
                                <select class="form-select form-select-sm dobChange" aria-label=".form-select-sm example"
                                    id="day" name="day">
                                    <option value=""> Day</option>
                                    @foreach ($DobDate as $keyDate => $valuedate)
                                        <option value="{{ $keyDate }}"
                                            {{ old('day', $day) == $keyDate ? 'selected' : '' }}>
                                            {{ $valuedate }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('day')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-sm-4 form-group">
                                <select class="form-select form-select-sm dobChange" aria-label=".form-select-sm example"
                                    id="month" name="month" onchange="lastdayofmonth();">
                                    <option value="">Month</option>
                                    @foreach ($DobMonth as $keyMonth => $valueMonth)
                                        <option value="{{ $keyMonth }}"
                                            {{ old('month', $month) == $keyMonth ? 'selected' : '' }}>
                                            {{ $valueMonth }}</option>
                                    @endforeach
                                </select>
                                @error('month')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-sm-4 form-group">
                                <select class="form-select form-select-sm dobChange" aria-label=".form-select-sm example"
                                    id="year" name="year" onchange="lastdayofmonth();">
                                    <option selected="" value="">Year</option>
                                    @foreach ($DobYear as $keyYear => $valueYear)
                                        <option value="{{ $keyYear }}"
                                            {{ old('year', $year) == $keyYear ? 'selected' : '' }}>
                                            {{ $valueYear }}</option>
                                    @endforeach
                                </select>
                                @error('year')
                                    <div class="text-danger">{{ $message }}</div>
                                @enderror
                            </div>

                            <span class='Age' style="color: #00a651 !important;margin-top: -10px;"></span>

                        </div>
                    </div>
                    {{-- <div class="col-sm-6">
                    <label class="">Date Of Birth :</label>
                    <div class="form-group"> 
                        <input type="text" class="form-control form-control-sm" value="  {{ date('d-m-Y',strtotime($PersonalModel['DOB'])) }}">
                    </div>
                </div> --}}


                    <div class="col-sm-6">
                        <label class="">Gender <span class="astric-sign">*</span>:</label>
                        <div class="form-group">
                            <select class="form-select form-select-sm" aria-label=".form-select-sm example" name="GenderID"
                                id="GenderID">
                                <option value="">---Select---</option>
                                @foreach ($GenderMst as $RowGender)
                                    <option value="{{ isset($RowGender->ID) ? $RowGender->ID : '' }}"