@extends('layouts.default', ['appTopMenu' => true])
@section('title', 'Employee Details')
<link href="/assets/plugins/select2/dist/css/select2.min.css" rel="stylesheet" />
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.js"></script> -->
<script src="/assets/plugins/select2/dist/js/select2.min.js" defer></script>
@push('head')

<link href="/assets/plugins/bootstrap-datepicker/dist/css/bootstrap-datepicker.css" rel="stylesheet" />
<script src="/assets/plugins/bootstrap-datepicker/dist/js/bootstrap-datepicker.js" defer></script>
<script src="/assets/plugins/sweetalert/dist/sweetalert.min.js"></script>
<style>
    /*Custom CSS*/
span {
  transition: color 0.5s ease-in;
}

label:focus-within span {
  color: blue;
}

input {
  display: block;
  width: 100%;
}

label,
select { 
  
  display: block;
  width: 100%;
  max-width: 100%;
}
/*Profile Pic Start*/
.picture-container{
    position: relative;
    cursor: pointer;
    text-align: center;
}
.picture{
    width: 106px;
    height: 106px;
    background-color: #999999;
    border: 4px solid #CCCCCC;
    color: #FFFFFF;
    border-radius: 50%;
    margin: 0px auto;
    overflow: hidden;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
.picture:hover{
    border-color: #2ca8ff;
}
.picture input[type="file"] {
    cursor: pointer;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0 !important;
    position: absolute;
    top: 0;
    width: 100%;
}

.picture-src{
    width: 100%;

}
/*Profile Pic End*/
.form-control:focus, .form-select:focus, .form-check-input:focus, .select2:focus-within{
  border-color: #6265e4 !important;
  box-shadow: 0 0 5px rgba(98, 101, 228, 1) !important;
}
    </style>
@endpush
@php
// echo $option; 
// $option="Update";
@endphp
@section('content')
@if(!empty($empid))
@php
// $option="Update";
$qdata=[];
@endphp
@else
@php
// $option="New";
// session()->put('_old_input', []);
$qdata=[];
@endphp
@endif
@if(!empty($empDetailsData))
@if(count($empDetailsData)>0)
@foreach($empDetailsData as $item)
@php
$data["id"]=$item->id;
$data["employeeId"]=$item->user_code;
$data["employeeName"]=$item->name;
$data["mobile"]=$item->mobile;
$data["email"]=$item->email;
$data["relation"]=$item->relation;
$data["employeeRelName"]=$item->relation_name;
if($item->dob!='')
$data["dob"]=date('d/m/Y',strtotime($item->dob));
else
$data["dob"]='';
$data["gender"]=$item->gender;
$data["religion"]=$item->religion;
$data["category"]=$item->category;
$data["hyes"]=$item->handicap;
$data["pin"]=$item->c_pincode;
$data["address"]=$item->c_address;
$data["state"]=$item->c_state_code;
$data["district"]=$item->c_district_code;
$data["tehsil"]=$item->c_subdistrict_code;
$data["village"]=$item->c_village_code;

$data["ppin"]=$item->p_pincode;
$data["paddress"]=$item->p_address;
$data["pstate"]=$item->p_state_code;
$data["pdistrict"]=$item->p_district_code;
$data["ptehsil"]=$item->p_subdistrict_code;
$data["pvillage"]=$item->p_village_code;

if($item->join_date!='')
$data["jdate"]=date('d/m/Y',strtotime($item->join_date));
else
$data["jdate"]='';
$data["recruit_mode"]=$item->rec_mode;
$data["status"]=$item->rec_status;
if($item->confirm_date!='')
$data["cdate"]=date('d/m/Y',strtotime($item->confirm_date));
else
$data["cdate"]='';
$data["e_contact"]=$item->emergency_contact_no;
$data["e_address"]=$item->emergency_contact_address;
$data["bank_ac"]=$item->bank_ac_no;
$data["bank_name"]=$item->bank_name;
$data["ifsc"]=$item->ifsc;
$data["pran"]=$item->pran;
$data["pan"]=$item->pan;
$data["aadhaar"]=$item->aadhaar;
$data["imageName"]=$item->imageName;
@endphp
@endforeach
@if(!empty($qualificationCurrData))
@if(count($qualificationCurrData)>0)
@foreach($qualificationCurrData as $item1)
@php
$qdata[]=$item1->qualification_id;
@endphp
@endforeach

@endif
@endif


@php

session()->put('_old_input', $data);

@endphp

@endif
@endif
@php 
/*use App\Http\Controllers\Hrms\DaCounterController; 
echo $da = DaCounterController::get_da(); 
DaCounterController::update_da($da);*/
@endphp
<!--Section: Contact v.2-->
<section class="mb-2 bg-white">
    <!--Section heading-->
    <!--<h3 class="h3-responsive font-weight-bold text-center p-3">-->
       <!--  EMPLOYEE DETAILS {{ $option=="Update" ? ' UPDATION ' : '' }}FORM-->
    <!--</h3> -->
    <!--Section description-->
    <script>
@if(Session::has('success'))
swal("{{Session::get('success')}}").then(function() {
    @if($option=='New')
    window.location = "/userProfile";
    @endif
    @if($option=='Update')
    window.location = "/userProfileEdit";
    @endif
});
@endif


</script>

    <form method="POST" action="{{url('/userProfile')}}" method="POST" enctype="multipart/form-data">
        <div class="row">
            <!--Grid column-->
           
            <div class="col-md-12 mb-5">
    
    
            @if(Session::has('error'))
                <div class="alert alert-success text-center">
                    {{Session::get('error')}}
                </div>
            @endif
    @csrf
    <input type="hidden" name="option" id="option" value='{{ $option }}'/>
    <input type="hidden" name="id" id="id" value='{{ old("id") }}'/>
                <!--Grid row-->
                <div class="row d-flex align-items-center justify-content-center" style="float:none;margin:auto;">
                    <!--Grid column-->
                    <div class="col-sm-3 m-3">
                        <div class="sm-form">
                        <label for="estb_code" class=""><span>Establisment</span>
                            <select id="estb_code" name="estb_code" class="form-control form-select form-select-sm @error('estb_code') is-invalid @enderror" aria-label="Establisment">
                                @foreach ($establishmentData as $key => $value)
                                <option value="{{ $key }}" {{ ( $key == old("estb_code")) ? 'selected' : '' }}>
                                    {{ $value }}
                                </option>
                            @endforeach
                              </select>
                            </label>
                    @error('estb_code')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <div class="col-sm-3 m-3">
                        <div class="sm-form">
                        <label for="user_type" class=""><span>Type of User</span>
                            <select id="user_type" name="user_type" class="form-control form-select form-select-sm @error('user_type') is-invalid @enderror" aria-label="Type of User">
                                @foreach ($userTypeData as $key => $value)
<option value="{{ $key }}" {{ ( $key == old("user_type")) ? 'selected' : '' }}>{{ $value }}</option>
                            @endforeach
                              </select>
                            </label>
                    @error('user_type')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    @if($option=="Update")
                    <div class="col-sm-3 m-3">
                        <div class="sm-form">
                        <label for="user" class=""><span>Select User</span>
                            <input type="text" id="user" name="user" autocomplete="off" class="form-control form-control-sm @error('user') is-invalid @enderror" value='{{ old("user") }}'/>
                            </label>
                    @error('user')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                
                        </div>
                    </div>
                    <div class="col-sm-1 m-3">
                        <div class="sm-form">
                            <label class=""><span>&nbsp;</span>
                            <button type="button" id="getButton" class="btn btn-primary d-inline">Get</button>
                        </label>
                        </div>
                    </div>
                    @endif
                </div>
                <div class="card mb-3">
  <div class="card-header card-bg-color ">Basic Details
  </div>
  <div class="card-body">
<div class="row">
                <div class="col-md-10">
                <div class="row">
                    <!--Grid column-->
                    <div class="col-md-3 mb-2">
                        <div class="md-form">
                        <label for="employeeId" class=""><span>User ID*</span>
                            <input type="text" id="employeeId" name="employeeId" class="form-control form-control-sm @error('employeeId') is-invalid @enderror" value='{{ old("employeeId") }}'/>
                            </label>
                    @error('employeeId')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-md-6 mb-2">
                        <div class="md-form">
                        <label for="employeeName" class=""><span>User Name*</span>
                            <input type="text" id="employeeName" name="employeeName" class="form-control form-control-sm @error('employeeName') is-invalid @enderror" value='{{ old("employeeName") }}'>
                            </label>
                            @error('employeeName')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->
<!--Grid column-->
<div class="col-md-3 mb-2">
                    <label for="gender" class=""><span>Gender*</span>
                        <div class="md-form" id="gender">
                        <div class=" form-check form-check-inline" style="margin-right:0;">
                            <input class="form-check-input" type="radio" id="genderMale" name="gender" value="1" class="form-control form-control-sm @error('gender') is-invalid @enderror" {{old('gender')=="1" ? 'checked="checked"' : ''}}>
                            <label for="genderMale" class="form-check-label">Male</label>
                        </div>
                        <div class="form-check form-check-inline" style="margin-right:0;">
                            <input class="form-check-input" type="radio" id="genderFemale" name="gender" class="form-control form-control-sm @error('gender') is-invalid @enderror" value="2" {{old('gender')=="2" ? 'checked="checked"' : ''}}>
                            <label for="genderFemale" class="form-check-label">Female</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input @error('gender') is-invalid @enderror" type="radio" id="genderOther" name="gender" class="form-control form-control-sm" value="3" {{old('gender')=="3" ? 'checked="checked"' : ''}}>
                            <label for="genderOther" class="form-check-label">Other</label>
                        </div>
                        </div>
                        </label>
                        @error('gender')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                    </div>
                    <!--Grid column-->
                    <!--Grid column-->
                     <div class="col-md-3 mb-2">
                     <div class="md-form">
                     <label for="relation" class=""><span>Relation</span>
                        <select id="relation" name="relation" class="form-select form-select-sm" aria-label="Default select example">
                            <option selected></option>
                                @foreach ($relation as $key => $value)
<option value="{{ $key }}" {{ ( $key == old("relation")) ? 'selected' : '' }}>{{ $value }}</option>
                            @endforeach
                              </select>
                            

</label>
</div>
                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-md-6 mb-2">
                        <div class="md-form">
                        <label for="employeeRelName" class=""><span>Name</span>
                            <input type="text" id="employeeRelName" name="employeeRelName" class="form-control form-control-sm" value='{{ old("employeeRelName") }}'>
                            </label>
                        </div>
                    </div>
                    <!--Grid column-->
                    <!--Grid column-->
                     <div class="col-md-3 mb-2">
                        <div class="md-form">
                        <label for="dob" class=""><span>Birth Date*</span>
                        <div class="input-group">
                            <input type="text" id="dob" name="dob" class="form-control form-control-sm @error('dob') is-invalid @enderror" value='{{ old("dob") }}'><div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
                            </label>
                            @error('dob')
                    <span class="invalid-feedback d-inline" role="alert">
                        <strong>{{ $message }}</strong>
                    </span>
                @enderror
                        </div>
                    </div>
                    <!--Grid column-->

                     <!--Grid column-->
                     <div class="col-md-3 mb-2">
                        <div class="md-form">
                        <label for="religion" class=""><span>Religion</span>
                        <select name="religion" id="religion" class="form-select form-select-sm" aria-label="Select Religion">

                            <option selected></option>
                                @foreach ($religion as $key => $value)
<option value="{{ $key }}" {{ ( $key == old("religion")) ? 'selected' : '' }}>{{ $value }}</option>
                            @endforeach
                            
</select>
</label>
</div>
                    </div>
                    <!--Grid column-->
                     <!--Grid column-->
                     <div class="col-md-6 mb-2">
                        <div class="md-form">
                        <label for="category" class=""><span>Category</span>
                        <select name="category" id="category" class="form-select form-select-sm" aria-label="Select Category">
                            <option selected></option>
                            @foreach ($category as $key => $value)
<option value="{{ $key }}" {{ ( $key == old("category")) ? 'selected' : '' }}>{{ $value }}</option>
                        @endforeach


</select>
</label>
</div>
                    </div>
                    <!--Grid column-->
                    <!--Grid column-->
                    <div class="col-md-3 mb-2">
                    <label for="hyesno" class=""><span>Is Handicap</span>
                        <div id="hyesno" class="md-form">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" id="hyes" name="hyes" class="form-control form-control-sm" value="Y" {{old('hyes')=="Y" ? 'checked="checked"' : ''}}>
                            <label for="hyes" class="form-check-label">Yes</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" id="hno" name="hyes" class="form-control form-control-sm" value="N" {{old('hyes')=="N" ? 'checked="checked"' : ''}}>
                            <label for="hno" class="form-check-label">No</label>
                        </div>
                        </div></label>
                    </div>
                    <!--Grid column-->


            

                        <!--Grid column-->
                        <div class="col-md-3  mb-2">
                            <div class="md-form">
                            <label for="mobile" class=""><span>Mobile Number*</span>
                            <div class="input-group">
                                <input type="text" id="mobile" name="mobile" onkeypress="return isNumber(event,this.value)" maxlength="10" class="form-control form-control-sm @error('mobile') is-invalid @enderror"" value='{{ old("mobile") }}'/>
                                <div class="input-group-text"><i class="fa-solid fa-mobile-screen-button"></i></div>
    </div>
                                </label>
                                @error('mobile')
                        <span class="invalid-feedback d-inline" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                            </div>
                        </div>
                        <!--Grid column-->
    
                        <!--Grid column-->
                        <div class="col-md-6 mb-2">
                            <div class="md-form">
                            <label for="email" class=""><span>Email ID*</span>
                            <div class="input-group">
                                <input type="text" id="email" name="email" class="form-control form-control-sm @error('email') is-invalid @enderror"" value='{{ old("email") }}'><div class="input-group-text"><i class="fa-solid fa-at"></i>
                                </div>
    </div>
                                </label>
                                @error('email')
                        <span class="invalid-feedback d-inline" role="alert">
                            <strong>{{ $message }}</strong>
                        </span>
                    @enderror
                            </div>
                        </div>
                        <!--Grid column-->
<!--Grid column-->
<div class="col-md-3 mb-2">
    <div class="md-form">
    <label for="aadhaar" class=""><span>AADHAAR NO.</span>
        <input type="text" id="aadhaar" name="aadhaar" class="form-control form-control-sm" value='{{ old("aadhaar") }}'>
        </label>
    </div>
</div>
<!--Grid column-->

                    <div class="col-md-12 mb-2">
                        <div class="md-form">
                        <label for="qual" class=""><span>Qualification</span>
                        <div class="input-group">
                        <select class="multiple-select2 form-control form-control-sm" name="qualification[]" id="qualification" multiple>
     @foreach ($qualificationData as $key => $value)
        <option value="{{ $key }}" {{ in_array((int)($key) , $qdata) ? 'selected=selected' : '' }}>{{ $value }}</option>
@endforeach
     </select><div class="input-group-text"><i class="fas fa-graduation-cap"></i></div>
</div>
     </label> 
    </div>
</div>
                </div>  </div>
                <div class="col-md-2">
<div class="picture-container">
                    @php
                    if(old("imageName")!='')
                    $url=('/images/'.old("imageName"));
                    else
                    $url=('/images/nophoto.png');
                    @endphp
        <div class="picture">
            <img src="{{$url}}" class="picture-src" id="imagePreview" title="">
            <input type="file" name="imageName" id="imageName" class="" value='{{old("imageName")}}'>
            <input type="hidden" id="filename" name="filename" type="text" value='{{old("imageName")}}'/>
        </div>
         <h6 class="">Choose Picture</h6>
    </div>

<!--  -->
                    </div>

                </div>
</div>
</div>
                <!--Grid row-->


                <div class="card mb-3">
                    <div class="card-header card-bg-color ">
    Current Address
  </div>
  <div class="card-body">
  <div class="row">
                    <!--Grid column-->
                    <div class="col-md-1">
                        <div class="md-form">
                        <label for="pin" class=""><span>Pincode</span>
                            <input type="text" id="pin" name="pin" onkeypress="return isNumber(event,this.value)" maxlength="6" class="form-control form-control-sm" value='{{ old("pin") }}'>
                        </label>
                        </div>
                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-md-3">
                        <div class="md-form">
                        <label for="address" class=""><span>Address</span>
                            <input type="text" id="address" name="address" class="form-control form-control-sm" value='{{ old("address") }}'>
                            </label>
                        </div>
                    </div>
                    <!--Grid column-->
                    <!--Grid column-->
                    <div class="col-md-2">

                        <div class="md-form">
                        <label for="state" class=""><span>State</span>
                        <select name="state" id="state" class="form-select form-select-sm" aria-label="Select State">
  <option selected></option>
  @foreach ($states as $key => $value)
    <option value="{{ $key }}" {{ ( $key == old("state")) ? 'selected' : '' }}>
        {{ $value }}
    </option>
@endforeach
</select></label>
</div>
                    </div>
                    <!--Grid column-->
                     <!--Grid column-->
                     <div class="col-md-2">
                        <div class="md-form">
                        <label for="district" class=""><span>District</span>
<select name="district" id="district" class="form-select form-select-sm" aria-label="Select District">
  <option selected></option>
</select>           
</label>
                        </div>
                    </div>
                    <!--Grid column-->
                     <!--Grid column-->
                     <div class="col-md-2">
                        <div class="md-form">
                        <label for="tehsil" class=""><span>Tehsil</span>
                        <select name="tehsil" id="tehsil" class="form-select form-select-sm" aria-label="Select Tehsil">
  <option selected></option>

</select>           </label>
                        </div>
                    </div>
                    <!--Grid column-->
                     <!--Grid column-->
                     <div class="col-md-2">
                        <div class="md-form">
                        <label for="village" class=""><span>Village</span>
                        <select name="village" id="village" class="form-select form-select-sm" aria-label="Select Village">
  <option selected></option>

</select>           </label>
                        </div>
                    </div>
                    <!--Grid column-->

                </div>
                <!--Grid row-->
</div>
</div>

<div class="card mb-3">
    <div class="card-header card-bg-color ">
    Permanent Address
  </div>
  <div class="card-body">
  <div class="row">
                    <!--Grid column-->
                    <div class="col-md-1 mb-2">
                        <div class="md-form">
                        <label for="ppin" class=""><span>Pincode</span>
                            <input type="text" id="ppin" name="ppin" onkeypress="return isNumber(event,this.value)" maxlength="6" class="form-control form-control-sm" value='{{ old("ppin") }}'></label>
                        </div>
                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-md-3 mb-2">
                        <div class="md-form">
                        <label for="paddress" class=""><span>Address</span>
                            <input type="text" id="paddress" name="paddress" class="form-control form-control-sm" value='{{ old("paddress") }}'>
                            </label>
                        </div>
                    </div>
                    <!--Grid column-->
                    <!--Grid column-->
                    <div class="col-md-2 mb-2">
                        <div class="md-form">
                        <label for="pstate" class=""><span>State</span>

                        <select name="pstate" id="pstate" class="form-select form-select-sm" aria-label="Select State">
  <option selected></option>
  @foreach ($states as $key => $value)
    <option value="{{ $key }}" {{ ( $key == old("pstate")) ? 'selected' : '' }}>
        {{ $value }}
    </option>
@endforeach

</select>
</label>

                        </div>
                    </div>
                    <!--Grid column-->
                     <!--Grid column-->
                     <div class="col-md-2 mb-2">
                        <div class="md-form">
                        <label for="pdistrict" class=""><span>District</span>
                        <select name="pdistrict" id="pdistrict" class="form-select form-select-sm" aria-label="Select District">

</select>           </label>
                        </div>
                    </div>
                    <!--Grid column-->
                     <!--Grid column-->
                     <div class="col-md-2 mb-2">
                        <div class="md-form">
                        <label for="ptehsil" class=""><span>Tehsil</span>
                        <select name="ptehsil" id="ptehsil" class="form-select form-select-sm" aria-label="Select Tehsil">
  <option selected></option>

</select>           </label>
                        </div>
                    </div>
                    <!--Grid column-->

                     <!--Grid column-->
                     <div class="col-md-2 mb-2">
                        <div class="md-form">
                        <label for="pvillage" class=""><span>Village</span>
                        <select name="pvillage" id="pvillage" class="form-select form-select-sm" aria-label="Select Village">
  <option selected></option>

</select>           </label>
                        </div>
                    </div>
                    <!--Grid column-->                    

                </div></div></div>
                <!--Grid row-->
                <!--Grid row-->


<div id="otherDetails" class="card mb-3" style="display: none;"" >
    <div class="card-header card-bg-color ">Other Details
  </div>
  <div class="card-body">
  <div class="row">

    <div class="col-md-2 mb-2">
        <div class="md-form">
        <label for="jdate" class=""><span>Joining Date</span>
        <div class="input-group">
            <input type="text" id="jdate" name="jdate" class="form-control form-control-sm" value='{{ old("jdate") }}'>
            <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
</label>
        </div>
    </div>
    <!--Grid column-->

    <!--Grid column-->
    <div id="recruitMode" class="col-md-4 mb-2">
        <div class="md-form">
        <label for="recruit_mode" class=""><span>Mode of Recruitment</span>
        <div class="md-form" id="recruit_mode">
        <div class="form-check form-check-inline" style="margin-right:1px;">
            <input class="form-check-input form-check-input-sm" type="radio" id="exam" name="recruit_mode" class="form-control form-control-sm" value="E" {{old('recruit_mode')=="E" ? 'checked="checked"' : ''}}>
            <label for="exam" class="form-check-label">Exam</label>
        </div>
        <div class="form-check form-check-inline" style="margin-right:1px;">
            <input class="form-check-input" type="radio" id="direct" name="recruit_mode" class="form-control form-control-sm" value="D"  {{old('recruit_mode')=="D" ? 'checked="checked"' : ''}}>
            <label for="direct" class="form-check-label">Direct Recruitmen</label>
        </div>
        <div class="form-check form-check-inline" style="margin-right:1px;">
            <input class="form-check-input" type="radio" id="contract" name="recruit_mode" class="form-control form-control-sm" value="C"  {{old('recruit_mode')=="C" ? 'checked="checked"' : ''}}>
            <label for="contract" class="form-check-label">Contract</label>
        </div>
        <div class="form-check form-check-inline"  style="margin-right:1px;">
            <input class="form-check-input" type="radio" id="anukampa" name="recruit_mode" class="form-control form-control-sm" value="A"  {{old('recruit_mode')=="A" ? 'checked="checked"' : ''}}>
            <label for="anukampa" class="form-check-label">Anukampa</label>
        </div>
        <div class="form-check form-check-inline" style="margin-right:1px;">
            <input class="form-check-input" type="radio" id="other_r" name="recruit_mode" class="form-control form-control-sm" value="O"  {{old('recruit_mode')=="O" ? 'checked="checked"' : ''}}>
            <label for="other_r" class="form-check-label">Other</label>
        </div>
        </div>
        </label>
        </div>
    </div>
    <!--Grid column-->

     <!--Grid column-->
     <div class="col-md-2 mb-2"> 
        <div class="md-form">
        <label for="status" class=""><span>Status</span>
        <div class="md-form" id="status">
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" id="probation" name="status" class="form-control form-control-sm" value="P"  {{old('status')=="P" ? 'checked="checked"' : ''}}>
            <label for="probation" class="form-check-label">Probation</label>
        </div>
        <div class="form-check form-check-inline">
            <input class="form-check-input" type="radio" id="confirmed" name="status" class="form-control form-control-sm" value="C" {{old('status')=="C" ? 'checked="checked"' : ''}}>
            <label for="confirmed" class="form-check-label">Confirmed</label>
        </div>

        </div>
        </label>
        </div>
    </div>
    <!--Grid column-->
     <!--Grid column-->
     <div class="col-md-2 mb-2">
        <div class="md-form">
        <label for="cdate" class=""><span>Date of Confirmation</span>
        <div class="input-group">
        <input type="text" id="cdate" name="cdate" class="form-control form-control-sm" value='{{ old("cdate") }}'>
        <div class="input-group-text"><i class="fa fa-calendar"></i></div>
</div>
</label>
        </div>
    </div>
    <!--Grid column-->
</div><div class="row">
  <!--Grid column-->
  <div class="col-md-2 mb-2">
    <div class="md-form">
    <label for="pran" class=""><span>PRAN NO.</span>
        <input type="text" id="pran" name="pran" class="form-control form-control-sm" value='{{ old("pran") }}'>
        </label>
    </div>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-md-2 mb-2">
    <div class="md-form">
    <label for="pan" class=""><span>PAN CARD NO.</span>
        <input type="text" id="pan" name="pan" class="form-control form-control-sm" value='{{ old("pan") }}'>
        </label>
    </div>
</div>
<!--Grid column-->
                     
                    <!--Grid column-->
                    <div class="col-md-2  mb-2">
                        <div class="md-form">
                        <label for="bank_ac" class=""><span>Bank A/c No.</span>
                            <input type="text" id="bank_ac" name="bank_ac" class="form-control form-control-sm" value='{{ old("bank_ac") }}'/>
                            </label>
                        </div>
                    </div>
                    <!--Grid column-->

                    <!--Grid column-->
                    <div class="col-md-2 mb-2">
                        <div class="md-form">
                        <label for="bank_name" class=""><span>Bank Name and Branch</span>
                            <input type="text" id="bank_name" name="bank_name" class="form-control form-control-sm" value='{{ old("bank_name") }}'>
                            </label>
                        </div>
                    </div>
                    <!--Grid column-->


                     <!--Grid column-->
                     <div class="col-md-2  mb-2">
                     <div class="md-form">
                     <label for="ifsc" class=""><span>IFSC CODE</span>
                     <input type="text" id="ifsc" name="ifsc" class="form-control form-control-sm" value='{{ old("ifsc") }}'>
</label>
</div>
                    </div>
                    <!--Grid column-->

                </div><div class="row">
                    <!--Grid column-->
                    <div class="col-md-2  mb-2">
                        <div class="md-form">
                        <label for="e_contact" class=""><span>Emergancy Contact No.</span>
                        <div class="input-group">
                        <input type="text" id="e_contact" name="e_contact" onkeypress="return isNumber(event,this.value)" maxlength="10" class="form-control form-control-sm" value='{{ old("e_contact") }}'><div class="input-group-text"><i class="fa-solid fa-phone"></i></div></div>
   </label>
   </div>
                       </div>
                       <!--Grid column-->
                   
                       <!--Grid column-->
                       <div class="col-md-4 mb-2">
                           <div class="md-form">
                           <label for="e_address" class=""><span>Emergancy Contact Address</span>
                               <input type="text" id="e_address" name="e_address" class="form-control form-control-sm" value='{{ old("e_address") }}'>
                               </label>
                           </div>
                       </div>
                       <!--Grid column-->

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


           <div class="text-center text-md-left">
               @php
               if($option=="Update"){
                   @endphp
                <button type="submit" class="btn btn-primary">Update</button>
                @php
               } else {
                @endphp
                <button type="submit" class="btn btn-primary">Save</button>
                @php
                }
                   @endphp
                      </div>
                      <div class="status"></div>
                    </div>
                    <!--Grid column-->
                </div>
            </form>

</section>
<!--Section: Contact v.2-->
@endsection
@push('scripts')
<meta name="csrf-token" content="{{ csrf_token() }}" />
<script>
    $.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
function readURL(input) {
                    if (input.files && input.files[0]) {
                        var reader = new FileReader();
                                reader.onload = function (e) {
                                                $('#imagePreview').attr('src', e.target.result).fadeIn('slow');
                                                   }
                                                           reader.readAsDataURL(input.files[0]);
                                                            }
                                                        }
$(document).ready(function(){
    $("#imageName").change(function(){
                   readURL(this);
                    });
    $("#dob").datepicker({
        format: "dd/mm/yyyy",
    todayHighlight: true,
    autoclose: true
  });
    $("#jdate").datepicker({
        format: "dd/mm/yyyy",
    todayHighlight: true,
    autoclose: true
  });
    $("#cdate").datepicker({
        format: "dd/mm/yyyy",
    todayHighlight: true,
    autoclose: true
  });
$(".multiple-select2").select2({ placeholder: "Select Qualification" });
$('.multiple-select2').val([