@extends('admin.layouts.master')
@section('styles')
  <link rel="stylesheet" href="{{asset('admin/plugins/select2/css/select2.min.css')}}">
  <link rel="stylesheet" href="{{asset('admin/plugins/select2-bootstrap4-theme/select2-bootstrap4.min.css')}}">
@endsection
@section('contents')
<div class="content-wrapper pb-0">
<div class="page-header flex-wrap">
  <h3 class="mb-0"> Add other details of Employee {{$employee->name}}</h3>
  <!-- <div class="d-flex">
    <button type="button" class="btn btn-sm bg-white btn-icon-text border">
      <i class="mdi mdi-email btn-icon-prepend"></i> Email </button>
    <button type="button" class="btn btn-sm bg-white btn-icon-text border ml-3">
      <i class="mdi mdi-printer btn-icon-prepend"></i> Print </button>
    <button type="button" class="btn btn-sm ml-3 btn-success"> Add User </button>
  </div> -->
</div>
<div class="row">
  <div class="col-md-12 stretch-card grid-margin">
    <div class="card">
        <h3>Accounts & Statutory</h3>
        @if ($errors->any())
                <div class="alert alert-danger">
                    <ul>
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif
        <div class="card-body">

          <form action="{{route('save-employee-details')}}" id="sub-admin-form" method="post" enctype="multipart/form-data">
          
          @csrf
          <hr>
           <h3>Profile Details</h3>
          <div class="row">
            @if(isset($others))
              <input type="hidden" name="id" id="id" value="{{$others->id}}">
            @endif
          <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Employee Name:</label>
            <input type="hidden" name="userid" value="{{$employee->id}}">
            <input type="text" class="form-control" id="employee_name" name="employee_name" value="{{$employee->name}}" placeholder="Employee Name" readonly>
          </div>
          </div>
          <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Employee DOB:</label>
            <input type="date" class="form-control" id="dob"  name="dob"  value="@if(!empty($others)){{$others->dob}}@endif"  placeholder="Employee DOB" required>
          </div>
          </div>
           <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Current Designation *:</label>
             <input type="text" class="form-control" id="employee_name" name="employee_name" value="{{$employee->designation}}" placeholder="Employee Name" readonly>
          </div>
          </div>
          <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Department *:</label>
            <input type="text" class="form-control" id="department" name="department" value="{{$employee->department}}" placeholder="Department" readonly>
          </div>
        </div>
         
        </div>
        <hr>
          <h3>Bank Details</h3>
          <div class="row">

          <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Bank Account:</label>
            <input type="text" class="form-control" id="ac_no" name="ac_no" value="@if(!empty($others)){{$others->bank_name}}@endif" placeholder="Bank Account" required>
          </div>
        </div>
          <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Ifsc Code:</label>
            <input type="text" class="form-control" id="ifsc"  onkeyup="get_ifsc_code()"  value="@if(!empty($others)){{$others->ifsc}}@endif" placeholder="Ifsc Code" name="ifsc" required>
          </div>
          </div>
          <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Bank Name:</label>
            <input type="text" id="bank_name" class="form-control" placeholder="Bank Name" name="bank_name"  value="@if(!empty($others)){{$others->bank_name}}@endif"      readonly>
                    
          </div>
        </div>
          <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Branch Name:</label>
            <input type="text" id="branch_name" class="form-control" placeholder="Branch Name" name="branch_name"  value="@if(!empty($others)){{$others->branch_name}}@endif"    readonly>
                    
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Branch Name:</label>
              <input type="text" id="branch_city" class="form-control" placeholder="Branch City" name="branch_city"  value="@if(!empty($others)){{$others->branch_city}}@endif"     readonly >
                         
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Bank proof:</label>
              <input type="file" id="bank_proof" class="form-control" placeholder="Bank proof" name="bank_proof"   value="@if(!empty($others)){{$others->bank_proof}}@endif"     readonly >
                         
          </div>
        </div>
        </div>
        <hr>
        <div class="row">
          <div class="col-md-6">
            <h3>Family Details</h3>
          </div>
        </div>
        <div class="row">
          <div class="col-md-3">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Name *:</label>
            <input type="text" class="form-control" id="name" name="name"  value="@if(!empty($others)){{$others->name}}@endif"    placeholder="name" required>
          </div>
          </div>
          <div class="col-md-3">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Relation *:</label>
            <select class="form-control all-clean" id="relation" name="relation"      placeholder="Relation" required>
              <option value="">Please select Relation</option>
              <option value="Husband" @if(!empty($others))@if($others->relation == 'Husband') selected @endif @endif>Husband</option>
              <option value="Spouce" @if(!empty($others))@if($others->relation == 'Spouce') selected @endif @endif>Spouce</option>
              <option value="Wife" @if(!empty($others))@if($others->relation == 'Wife') selected @endif @endif>Wife</option>
            </select>
          </div>
        </div>
        <div class="col-md-3">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Blood Group *:</label>
            <input type="text" class="form-control" id="blood" name="blood"  value="@if(!empty($others)){{$others->blood}}@endif"     placeholder="Blood Group" required>
          </div>
        </div>
        <div class="col-md-3">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Relation Mobile *:</label>
            <input type="text" class="form-control" id="mobile" name="mobile"  value="@if(!empty($others)){{$others->mobile}}@endif"  placeholder="Relation Mobile" required>
          </div>
        </div>
        </div>
        <div class="row">
          <div class="col-md-6">
            <h3>Current Post Details</h3>
          </div>
        </div>
        <div class="row">
         
        <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Location *:</label>
            <input type="text" class="form-control" id="location" name="location"  value="@if(!empty($others)){{$others->location}}@endif"  placeholder="Current Location" required>
          </div>
        </div>
         <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Reporting To *:</label>
            <select class="form-control all-clean" id="reporting" name="reporting"  placeholder="Reporting To" required>
              <option value="">Please select Reporting Person</option>
              @foreach(getEmployeeOther($employee->id) as $value)
              <option value="{{$value->id}}" @if(!empty($others))@if($others->reporting == $value->id) selected @endif @endif>{{$value->name}}</option>
              @endforeach
            </select>
          </div>
        </div>
        <div class="col-md-4">
          <div class="form-group">
            <label for="recipient-name" class="control-label mb-10">Weeklyoff *:</label>
            <select class="form-control all-clean" id="weeklyoff" name="weeklyoff" required>
              <option value="">Please select Weeklyoff</option>
              <option value="Sunday" @if(!empty($others))@if($others->weeklyoff == 'Sunday') selected @endif @endif>Sunday</option>
              <option value="Saturday/Sunday" @if(!empty($others))@if($others->weeklyoff == 'Saturday/Sunday') selected @endif @endif>Saturday/Sunday</option>
              <option value="1st Saturday/Sunday" @if(!empty($others))@if($others->weeklyoff == '1st Saturday/Sunday') selected @endif @endif>1st Saturday/Sunday</option>
              <option value="2nd Saturday/Sunday" @if(!empty($others))@if($others->weeklyoff == '2nd Saturday/Sunday') selected @endif @endif>2nd Saturday/Sunday</option>
              <option value="1st and 3rd Saturday/Sunday" @if(!empty($others))@if($others->weeklyoff == '1st and 3rd Saturday/Sunday') selected @endif @endif>1st and 3rd Saturday/Sunday</option>
            </select>
          </div>
        </div>
        </div>
         
          <div class="form-group">
            <button type="button" class="btn btn-primary" onclick="$('#sub-admin-form').submit()"><spam id="title-button">Submit</spam></button>
          </div>
        </form>
        </div>
      </div>
  </div>

</div>

</div>
@endsection
@section('scripts')
<script>
  function get_ifsc_code(){
        // alert('working');
        var pin_length = $('#ifsc').val().length;
                
                if(pin_length==11){
                 // alert($('#ifsc').val().length);
                  var ifsc = $('#ifsc').val();
                    $.ajax({
                        url: '{{route('get-ifsc')}}',
                        type: "get",
                        data: {ifsc:ifsc},
                        success: function (response) {
                       
                          $("#bank_name").val(response.bank_name);   
                          $("#branch_name").val(response.branch_name);
                          $("#branch_city").val(response.branch_city);
                          
                            // $("#change_area").html(response);
                         },
                        error: function(jqXHR, textStatus, errorThrown) {
                           console.log(textStatus, errorThrown);
                        }
                    });
                    }
              
       }
</script>
<script src='https://cdn.jsdelivr.net/npm/fullcalendar@6.0.0/index.global.min.js'></script>
<script src="{{asset('admin/plugins/select2/js/select2.full.min.js')}}"></script>

@endsection