@extends('layouts.employee')
@section('content')
<div class="container-fluid">
  <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
              <h4 class="mb-sm-0 font-size-18">Personal Details</h4>
              <div class="page-title-right">
                  <ol class="breadcrumb m-0">
                      <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                      <li class="breadcrumb-item active">Personal Details</li>
                  </ol>
              </div>

            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-10 mx-auto">
            @if(session('alert-green'))
                <div  id="mydiv" class="alert alert-success mt-3 text-center">
                    {{ session('alert-green') }}
                </div>
            @endif

            @if(session('alert-danger'))
                <div id="mydiv" class="alert alert-danger mt-3 text-center">
                    {{ session('alert-danger') }}
                </div>
            @endif
            @if($errors->any())
                <div id="mydiv" class="row">
                    <div class="col-md-12 mb-5">
                        @foreach ($errors->all() as $error)
                        <div class="text-danger small mb-1">* {{$error}}</div>
                        @endforeach
                    </div>
                </div>
            @endif
        </div>
    </div>
  <!-- end page title -->
  <div class="row">
    <div class="col-lg-12">
      <div class="card"> 
        <div class="card-body p-4">
            <form action="{{ route('employee.personal_details_action', ['id' => $user->id]) }}" method="post">
              @csrf
                <div class="row">
                    <div class="col-lg-12">
                        <div class="row">                   
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="name">Section</label>
                                <input type="text" name="section" value="{{ $employee->section ?? '' }}" class="form-control "  id="section">
                            </div>                
                            <div class="col-md-4 mb-3">
                            
                                <label class="form-label" for="father_name">Fathers Name</label>
                                <input type="text"    value="{{ $employee->father_name ?? '' }}" name="father_name" class="form-control "  id="father_name">
                            </div>                   
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="phone">Mothers Name</label>
                                <input type="text" name="mother_name"  value="{{ $employee->mother_name ?? '' }}" class="form-control "  id="mother_name">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="fName">Spouse Name</label>
                                <input type="text" class="form-control" value="{{ $employee->spouse_name ?? '' }}" name="spouse_name"  /> 
                            </div>
                      
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="department">Number of Child </label>
                                <input type="text" value="{{ $employee->number_of_child ?? '' }}" class="form-control" name="number_of_child" >
                            </div>
                    
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="employment_type">Payment Method</label>                            
                                <select name="payment_method"  class="form-control" >
                                    <option value=''></option>
                                    <option {{ ($employee->payment_method == 'Bank') ? 'selected' : '' }} value='Bank'>Bank</option> 
                                    <option {{ ($employee->payment_method == 'Bkash') ? 'selected' : '' }} value='Bkash'>Bkash</option> 
                                </select>
                            </div>
                      
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="joining_date">Bkash Number </label>                                             
                                <input id="" class="form-control"  value="{{$employee->bkash_number ?? ''}}" name="bkash_number"  type="text"  />
                            </div>                
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="probation_period">Android mobile configuration (Minimum 3/32 GB)</label>
                                <select name="android_mobile_configuration" class="form-control" id="" >
                                    <option value=""></option>
                                    <option {{ ($employee->android_mobile_configuration == 1) ? 'selected' : ''}} value="1">Yes</option>
                                    <option {{ ($employee->android_mobile_configuration == 0) ? 'selected' : ''}} value="0">No</option>
                                </select>
                            </div>                   
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="end_date">Whatsapp number </label>  
                                <input id="" class="form-control" value="{{ $employee->whatsapp_number ?? ''}}" name="whatsapp_number"  type="text"  />
                            </div>                    
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="probation_period">Your Living Situation</label>                            
                                <select name="living_situation" class="form-control" >
                                    <option value="">Select living Situation</option>                             
                                    <option {{(isset($candidate->living_situation) && $candidate->living_situation == 'living_family') ? 'selected' : '' }} value="living_family" >Living family</option>
                                    <option {{ (isset($candidate->living_situation) && $candidate->living_situation == 'living_alone') ? 'selected' : '' }} value="living_alone" >Living alone</option>
                                    <option {{ (isset($candidate->living_situation) && $candidate->living_situation == 'mess') ? 'selected' : '' }} value="mess" >Mess</option>
                                </select>
                            </div>                   
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="probation_period">Write your Interest Areas/ Hobbies</label>
                                <input type="text" name="interest_area" class="form-control" value="{{$candidate->interest_area ?? ''}}" id="" >
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="probation_period">FB page link</label>
                                <input type="text" name="fb_page_link" class="form-control" value="{{$employee->fb_page_link ?? ''}}" id="fb_page_link" >
                            </div>                    
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="probation_period">Have LinkedIn profile (Y/N)</label>
                                <select name="is_linkedin" class="form-control" id="is_linkedin" >
                                    <option value=""></option>
                                    <option {{ ($candidate->is_linkedin = '1') ? 'selected' : ''}} value="1">Yes</option>
                                    <option {{ ($candidate->is_linkedin = '0') ? 'selected' : ''}} value="0">No</option>
                                </select>
                            </div>                
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="probation_period">Computer proficiency (H/M/L)</label>
                                <select name="computer_proficiency" class="form-control" id="computer_proficiency" >
                                    <option value=""></option>
                                    <option {{($employee->computer_proficiency == 'High') ? 'selected': ''}} value="High">High</option>
                                    <option {{($employee->computer_proficiency == 'Medium') ? 'selected': ''}} value="Medium">Medium</option>
                                    <option {{($employee->computer_proficiency == 'Low') ? 'selected': ''}} value="Low">Low</option>
                                </select>
                            </div>                   
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="probation_period">English language Proficiency (H/M/L)</label>
                                <select name="english_proficiency" class="form-control" id="english_proficiency" >
                                    <option value=""></option>
                                    <option {{($employee->english_proficiency == 'High') ? 'selected': ''}} value="High">High</option>
                                    <option {{($employee->english_proficiency == 'Medium') ? 'selected': ''}} value="Medium">Medium</option>
                                    <option {{($employee->english_proficiency == 'Low') ? 'selected': ''}} value="Low">Low</option>
                                </select>
                            </div>                    
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="probation_period">Vaccine_status</label>
                                <select name="vaccine_status" class="form-control" id="vaccine_status" >
                                    <option value=""></option>
                                    <option {{ ($employee->vaccine_status = '1') ? 'selected' : ''}} value="1">Yes</option>
                                    <option {{ ($employee->vaccine_status = '0') ? 'selected' : ''}} value="0">No</option>
                                </select>
                            </div>

                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="nid_number">National ID</label>
                                <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/,'')" value="{{ $candidate->nid_number ?? ''}}" name="nid_number" class="form-control "  id="nid_number">                                                   
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="passport_number">Passport number</label>
                                <input type="text" value="{{ $candidate->passport_number ?? ''}}" name="passport_number" class="form-control "  id="passport_number">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="birth_certificate_number">Birth certificate Number</label>
                                <input type="text" onkeyup="this.value=this.value.replace(/[^\d]/,'')" value="{{ $candidate->birth_certificate_number ?? ''}}" name="birth_certificate_number" class="form-control "  id="birth_certificate_number">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="Gender">Gender </label>
                                <br>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" name="gender" {{ !empty($candidate->gender) ?  (($candidate->gender == 'Male') ? 'checked="checked"' : '') : '' }} type="radio" id="male" value="Male">
                                    <label class="form-check-label" for="inlineCheckbox1">Male</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input class="form-check-input" name="gender"{{ !empty($candidate->gender) ?  (($candidate->gender == 'Female') ? 'checked="checked"' : '') : '' }} type="radio" id="female" value="Female">
                                    <label class="form-check-label" for="inlineCheckbox2">Female</label>
                                </div>                               
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="marital_status">Marital Status</label>                                      
                                <select name="marital_status" class="form-control">
                                    <option value="">Select marital Status</option>
                                    <option {{ !empty($candidate->gender) ?  (($candidate->marital_status == 'single') ? 'selected="selected"' : '') : '' }} value="single">Single</option>
                                    <option {{ !empty($candidate->gender) ?  (($candidate->marital_status == 'maried') ? 'selected="selected"' : '') : '' }} value="maried">Maried</option>
                                    <option {{ !empty($candidate->gender) ?  (($candidate->marital_status == 'divorced') ? 'selected="selected"' : '') : '' }} value="divorced">Divorced</option>                                            
                                    <option {{ !empty($candidate->gender) ?  (($candidate->marital_status == 'widowed') ? 'selected="selected"' : '') : '' }} value="widowed">Widowed</option>                                            
                                </select>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="nationality">Nationality</label>
                                <select name="nationality" class="form-control" id="nationality">
                                    <option value="">Select nationality</option>
                                    <option {{ !empty($candidate->gender) ?  (($candidate->nationality == 'Bangladeshi') ? 'selected="selected"' : '') : '' }} value="Bangladeshi">Bangladeshi</option>
                                </select>
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label">Date of birth</label>
                                {{-- dd($candidate->date_of_birth) --}}
                                <input id="date_of_birth" value="{{(isset($candidate->date_of_birth) ) ? Carbon\Carbon::parse($candidate->date_of_birth)->format('Y-m-d') : '' }} " class="form-control date_of_birth" name="date_of_birth"  type="date"  />
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="blood_group">Blood group</label>
                                <select name="blood_group" class="form-control" id="blood_group">
                                    <option value="">Select Blood Group</option>
                                    <option {{ !empty($candidate->blood_group) ?  (($candidate->blood_group == 'A+VE') ? 'selected="selected"' : '') : '' }} value="A+VE">A+VE</option>
                                    <option {{ !empty($candidate->blood_group) ?  (($candidate->blood_group == 'A-VE') ? 'selected="selected"' : '') : '' }} value="A-VE">A-VE</option>
                                    <option {{ !empty($candidate->blood_group) ?  (($candidate->blood_group == 'B+VE') ? 'selected="selected"' : '') : '' }} value="B+VE">B+VE</option>
                                    <option {{ !empty($candidate->blood_group) ?  (($candidate->blood_group == 'B-VE') ? 'selected="selected"' : '') : '' }} value="B-VE">B-VE</option>
                                    <option {{ !empty($candidate->blood_group) ?  (($candidate->blood_group == 'O+VE') ? 'selected="selected"' : '') : '' }} value="O+VE">O+VE</option>
                                    <option {{ !empty($candidate->blood_group) ?  (($candidate->blood_group == 'O-VE') ? 'selected="selected"' : '') : '' }} value="O-VE">O-VE</option>
                                    <option {{ !empty($candidate->blood_group) ?  (($candidate->blood_group == 'AB+VE') ? 'selected="selected"' : '') : '' }} value="AB+VE">AB+VE</option>
                                    <option {{ !empty($candidate->blood_group) ?  (($candidate->blood_group == 'AB-VE') ? 'selected="selected"' : '') : '' }} value="AB-VE">AB-VE</option>
                                </select>
                            </div>  
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="religion">Religion</label>
                                <select name="religion" class="form-control" id="religion">
                                    <option value="">Select Religion </option>
                                    <option {{ !empty($candidate->religion) ? (($candidate->religion == 'Buddha') ? 'selected="selected"' : '') : '' }} value="Buddha">Buddha</option>
                                    <option {{ !empty($candidate->religion) ? (($candidate->religion == 'Christian') ? 'selected="selected"' : '') : '' }} value="Christian">Christian</option>
                                    <option {{ !empty($candidate->religion) ? (($candidate->religion == 'Hindu') ? 'selected="selected"' : '') : '' }} value="Hindu">Hindu</option>
                                    <option {{ !empty($candidate->religion) ? (($candidate->religion == 'Islam') ? 'selected="selected"' : '') : '' }} value="Islam">Islam</option>
                                    <option {{ !empty($candidate->religion) ? (($candidate->religion == 'Other') ? 'selected="selected"' : '') : '' }} value="Other">Other</option>
                                </select>
                            </div>

                        </div>
                    </div>
                  <!-- end col -->
                    <div class="col-lg-12">
                      <div class="row">
                        <!-- end col -->
                        <div class="col-lg-12 text-end">
                          <button type="submit" name="submit" value="Reset" class="btn btn-outline-primary w-sm me-2">Reset</button>
                          <button type="submit" name="submit" value="Submit" class="btn btn-primary w-sm">Submit</button>
                        </div>
                      </div>
                    </div>
                </div>
            </form>
        </div>
      </div>
    </div>
  </div>
</div>
@endsection
@section('script')
<script type="text/javascript">

    $(document).ready(function () {               
        setTimeout(function() {
            $('#mydiv').fadeOut('fast');
        }, 3000);

    });
    $( ".date_of_birth" ).datepicker({
          dateFormat: "yy-mm-dd",
          changeMonths: "true",
          changeYear: "true"
        });
 
    
</script>
@endsection