@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">Office 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">Office 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.office_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="formrow-firstname-input">Employee ID</label>
                                <input type="text" name="emp_id" value="{{ $employee->emp_id ?? '' }}" readonly class="form-control "  id="emp_id">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="formrow-firstname-input">Employee Name</label>
                                <input type="text" name="name" value="{{ $user->name ?? '' }}" class="form-control "  id="name">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="formrow-email-input">Email Address</label>
                                <input type="email" value="{{ $user->email ?? '' }}" name="email" class="form-control "  id="email">
                            </div>
                            <div class="col-md-4 mb-3">
                                <label class="form-label" for="phone1">Contact No.</label>
                                <input type="text"  maxlength="11" onkeyup="this.value=this.value.replace(/[^\d]/,'')" name="phone"   value="{{ $user->phone ?? '' }}" class="form-control "  id="phone">
                            </div>
                            <div class="col-md-4">
                                <div class="mb-3">
                                    <label class="form-label"> Select Department </label>
                                    <input type="text" value="{{ $employee->department->name ?? '' }}" class="form-control" readonly >
                                    <input type="hidden" name="department_id" value="{{ $employee->department_id ?? '' }}" />
                                </div>
                            </div>
                          
                          <div class="col-md-4 mb-3">
                              <label class="form-label" for="phone1">Select Designation</label>
                              <input type="text" class="form-control" value="{{ $employee->designation->name ?? '' }}" readonly  />     
                              <input type="hidden" name="designation_id" @if(isset($employee->designation)) value="{{ $employee->designation_id }}" @else value="" @endif  />
                          </div>
                          <div class="col-md-4 mb-3">
                              <label class="form-label" for="phone1">Reporting To</label>
                              <select name="reporting_to"  @if(Auth::user()->user_type != "HR") disabled style="background:#e9ecef!important;" @endif class="form-control" id="reporting_to" >
                                  <option value="">Select Reporting to</option>                                                        
                                  @if(isset($team_leaders_list) && count($team_leaders_list) > 0) 
                                  @foreach($team_leaders_list as $leader)                                
                                  <option value="{{$leader->existing_id}}"
                                  selected>
                                  {{$leader->name}}</option> 
                                  @endforeach
                                  @endif                                                
                              </select>
                          </div>
                          <div class="col-md-4 mb-3">
                              <label class="form-label" for="phone1">Employment Type</label>                              
                              <select @if(Auth::user()->user_type != "HR") disabled style="background:#e9ecef!important;" @endif name="employment_type" class="form-control" id="employment_type" >
                                <option value="">Select Employment type</option>                                                        
                                <option {{(isset($employee->employment_type) && $employee->employment_type == "Permanent") ? 'selected="selecte"' : '' }} value="Permanent">Permanent</option>
                                <option {{(isset($employee->employment_type) && $employee->employment_type == "Probation") ? 'selected="selecte"' : '' }} value="Probation">Probation</option>
                                <option {{(isset($employee->employment_type) && $employee->employment_type == "Contractual") ? 'selected="selecte"' : '' }} value="Contractual">Contractual</option>
                            </select>
                          </div>
                          <div class="col-md-4 mb-3">
                              <label class="form-label" for="phone1">Joining date</label>
                              <input id="joining_date" @if(Auth::user()->user_type == "Employee") readonly @endif class="form-control" value="{{$employee->joining_date ?? ''}}" name="joining_date"  type="date"  />
                          </div>
                          <div class="col-md-4 mb-3">
                            <label class="form-label" for="phone1">Probation Period</label>
                            <input @if(Auth::user()->user_type == "Employee") readonly @endif type="text" onkeyup="this.value=this.value.replace(/[^\d]/,'')" name="probation_period" class="form-control" value="{{$employee->probation_period ?? ''}}" id="probation_period" >
                          </div>
                          <div class="col-md-4 mb-3">
                            <label class="form-label" for="phone1">End Date</label>
                            <input id="end_date" class="form-control" value="{{ date('Y-m-d', strtotime($employee->joining_date. ' + '.$employee->probation_period.' months')) ?? ''}}" name="end_date"  type="date" readonly />
                          </div>
                          <div class="col-md-4 mb-3">
                            <label class="form-label" for="phone1">Office Mail</label>
                            <input @if(Auth::user()->user_type == "Employee") readonly @else  type="text" @endif name="official_email" class="form-control" value="{{$employee->official_email ?? ''}}" id="official_email" >
                          </div>
                          <div class="col-md-4 mb-3">
                            <label class="input-label" for="probation_period">Gross Salary</label>
                            <input type="text" name="gross_salary" class="form-control" value="{{$employee->gross_salary ?? ''}}" id="gross_salary" >
                        </div>  
                        <div class="col-md-4 mb-3">
                            <label class="input-label" for="payment_method">Payment Method</label>
                           
                            <select name="payment_method" class="form-control" id="payment_method">
                                <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 hide_bkash">
                            <label class="input-label" for="bkash_number">Bkash Number</label>
                            <input type="text" name="bkash_number" class="form-control" value="{{$employee->bkash_number ?? ''}}" id="bkash_number" >
                        </div>
                        <div class="col-md-4 mb-3 hide_bank">
                            <label class="input-label" for="probation_period">Account Number</label>
                            <input type="text" name="account_number" class="form-control" value="{{$employee->account_number ?? ''}}" id="account_number" >
                        </div>
                   
                        <div class="col-md-4 mb-3 hide_bank">
                            <label class="input-label" for="probation_period">Account Title</label>
                            <input type="text" name="account_title" class="form-control" value="{{$employee->account_title ?? ''}}" id="account_title" >
                        </div>
                    
                        <div class="col-md-4 mb-3 hide_bank">
                            <label class="input-label" for="probation_period">Bank Name</label>
                            <input type="text" name="bank_name" class="form-control" value="{{$employee->bank_name ?? ''}}" id="bank_name" >
                        </div>
                
                        <div class="col-md-4 mb-3 hide_bank">
                            <label class="input-label" for="probation_period">Branch</label>
                            <input type="text" name="branch" class="form-control" value="{{$employee->branch ?? ''}}" id="branch" >
                        </div>
                    
                        <div class="col-md-4 mb-3 hide_bank">
                            <label class="input-label" for="probation_period">Routing Number</label>
                            <input type="text" name="routing_number" class="form-control" value="{{$employee->routing_number ?? ''}}" id="routing_number" >
                        </div>
                        <div class="col-md-4 mb-3">
                            <label class="input-label" for="probation_period">Performance</label>
                            <textarea name="performance" class="form-control "  id="performance">{{ $employee->performance ?? '' }} </textarea>                                                  
                        </div>
                    </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" class="btn btn-outline-primary w-sm me-2">Reset</button>
                          <button type="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 () {  
      
      $('.hide_bkash').hide();
      let val = $('#payment_method').val();
        if(val == 'Bkash'){
            $('.hide_bkash').show();
            $('.hide_bank').hide();
        }
        else{
            $('.hide_bank').show();
            $('.hide_bkash').hide();
        }



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

    });

    $(document).on('change', "#payment_method", function (e) {
        e.preventDefault();
        let val = $('#payment_method').val();
        if(val == 'Bkash'){
            $('.hide_bkash').show();
            $('.hide_bank').hide();
        }
        else{
            $('.hide_bank').show();
            $('.hide_bkash').hide();
        }
    });
    
</script>
@endsection