@extends('master')
@section('content')
<section class="section dashboard">
        <div class="row">
            <div class="col-12">
              <div class="d-flex justify-content-between align-items-center mb-4">
                <h3 class="fw-bold fs-5">Add Employee</h3>
            </div>
               
                <div class="card e-collect-form card-min-height">
                    <div class="card-body mt-5">
                  
                    <form class="row g-3 needs-validation" action="{{ isset($employee) ? route('save_employee', ['id' => $employee->id]) : route('save_employee') }}"  method="post" novalidate>
                            @csrf 
                        <div class="row">
                          <div class="col-md-6 mb-3">
                            <label for="validationCustom02" class="form-label fw-600">Name</label>
                            <input type="text" value="{{ $employee->name }}" class="form-control custom-input" name="name" id="validationCustom02"
                               required>
                            <div class="valid-feedback">
                                Looks good!
                            </div>
                        </div>

                        <div class="col-md-6 mb-3">
                          <label for="validationCustom02" class="form-label fw-600">Father Name</label>
                          <input type="text" class="form-control custom-input" value="{{ $employee->father_name }}" name="fname" id="validationCustom02"
                               >
                          <div class="valid-feedback">
                              Looks good!
                          </div>
                      </div>
                        </div>
                        <div class="row">
                          <div class="col-md-6 mb-3">
                            <label for="validationCustom02" class="form-label fw-600">Date Of Birth</label>
                            <input type="date" class="form-control custom-input" value="{{ $employee->dob }}" name="dob" id="validationCustom03"
                                required>
                            <div class="valid-feedback">
                                Looks good!
                            </div>
                        </div>
                        <div class="col-md-6 mb-3">
                          <label for="validationCustom01" class="form-label fw-600">CNIC</label>
                          <input type="text" class="form-control custom-input" value="{{ $employee->cnic }}" name="cnic" id="validationCustom01"
                              required>
                          <div class="valid-feedback">
                              Looks good!
                          </div>
                      </div>
                    </div>
                    <div class="row">
                      <div class="col-md-6 mb-3">
                        <label for="validationCustom02" class="form-label fw-600">Contact</label>
                        <input type="text" class="form-control custom-input"  value="{{ $employee->contact }}" name="contact" id="validationCustom02"
                         required>
                        <div class="valid-feedback">
                            Looks good!
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                        <label for="validationCustom04" class="form-label fw-600">Gender</label>
                        <select class="form-select" name="gender" aria-label="Default select example">
                            <option value="" selected>Please Select</option>
                            <option value="Male" {{ $employee->gender == 'Male' ? 'selected' : '' }}>Male</option>
                            <option value="Female" {{ $employee->gender == 'Female' ? 'selected' : '' }}>Female</option>
                        </select>
                               
                        
                    </div>
                    </div>
                    <div class="row">
                    <div class="col-md-6 mb-3">
                              <label for="validationCustom02" class="form-label fw-600">Employee ID</label>
                              <input type="text"  value="{{ $employee->emp_id }}" class="form-control custom-input" name="emp_id" id="validationCustom02"
                              required>
                          </div>
                          <div class="col-md-6 mb-3">
                                <label for="validationCustom02" class="form-label fw-600">Department</label>
                                <select class="form-select" name="dept_id" aria-label="Default select example">
                                    <option value="" selected>Please Select</option>
                                    
                                    @foreach($employee->company->departments as $department)
                                        <option value="{{ $department->id }}" {{ $employee->dept_id == $department->id ? 'selected' : '' }}>
                                            {{ $department->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                    </div>
                    <div class="row">
                    <div class="col-md-6 mb-3">
                        <label for="validationCustom02" class="form-label fw-600">Joining Date</label>
                        <input type="date" class="form-control custom-input" value="{{ $employee->joining_date }}" name="joining_date" id="validationCustom02"
                         required>
                    </div>
                      <div class="col-md-6 mb-3">
                        <label for="validationCustom02" class="form-label fw-600">Resignation</label>
                        <input type="date" class="form-control custom-input" value="{{ $employee->resignation }}" name="resignation" id="validationCustom02"
                         required>
                    </div>
                    
                    </div>
                     <div class="row">
                      
                    <div class="col-md-6 mb-3">
                        <label for="validationCustom02" class="form-label fw-600">Address</label>
                        <textarea class="form-control custom-input" name="address" id="validationCustom02" required>{{ $employee->address }}</textarea>

                        <div class="valid-feedback">
                          Please provide a valid Address.
                        </div>
                    </div>
                    <div class="col-md-6 mb-3">
                                        <label for="validationCustom02" class="form-label fw-600">Status</label>
                                        <select class="form-select" name="status" aria-label="Default select example">
                                            <option value="" selected>Please Select</option>
                                            <option value="100" {{ $employee->status == 100 ? 'selected' : '' }}>Active</option>
                                            <option value="0" {{ $employee->status == 0 ? 'selected' : '' }}>Inactive</option>
                                        </select>
                    </div>
                    </div>
                    
                    <div class="row">
                            @auth
                              <div class="col-md-6 mb-3 d-none">
                                  <label for="validationCustom02" class="form-label fw-600">Company id</label>
                                  <select class="form-select" name="company_id" aria-label="Default select example" readonly>
                                      <option value="{{ auth()->user()->company->id }}" selected>{{ auth()->user()->company->name }}</option>
                                  </select> 
                              </div>
                            @endauth
                         
                    </div>
                    <div class="col-12">
                            <div class="form-action-button">
                                <button type="submit" class="btn save-btn">Save</button>
                                <button type="button" class="btn bg-white" onclick="window.history.back()">Back</button>

                            </div>
                        </div>

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




            </div>
                
           
        </div>
        
    </section>
@endsection