@extends('layouts/contentLayoutMaster')
@section('title', 'Add Employee Type Incentives')
@section('vendor-style')
  <!-- vendor css files -->
  <link rel="stylesheet" href="{{ asset('vendors/css/forms/select/select2.min.css') }}">
@endsection

<style>
    th{
        vertical-align: middle !important;
    }
    td{
        font-size:14px !important;
    }
</style>
@section('content')
<!-- Basic multiple Column Form section start -->
<section id="multiple-column-form">
  <div class="row">
    <div class="col-12">
      <div class="card">
        <div class="card-header">
          <h4 class="card-title text-primary ">Employee Type : {{$employeeType->name ? $employeeType->name : 'N/A'}}</h4>
        </div>
        <div class="card-body">
            @if ($message = Session::get('success'))
            <div class="demo-spacing-0 my-2">
                <div class="alert alert-success alert-dismissible fade show" role="alert">
                    <div class="alert-body">{{ $message }}</div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
            @endif
            @if ($errorMessage = Session::get('errorMessage'))
            <div class="demo-spacing-0 my-2">
                <div class="alert alert-danger alert-dismissible fade show" role="alert">
                    <div class="alert-body">{{ $errorMessage }}</div>
                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                </div>
            </div>
            @endif
          <form class="form" action="{{ route('hr.employee-types.update', $employeeType->_id) }}" method="POST">
            @csrf
            @method('PUT')
            <div class="row">
                <div class="col-md-4 col-12">
                    <div class="mb-1">
                        <label class="form-label" for="max_gross_salary">Max Gross Salary (Rs)</label>
                        <input 
                            type="text" 
                            id="max_gross_salary" 
                            class="form-control" 
                            name="max_gross_salary" 
                            value="" 
                            required 
                        />
                        @error('max_gross_salary')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row">
                
                <div class="col-md-4 col-12">
                    <div class="mb-1">
                        <label class="form-label" for="incentive_rate_may_to_nov">Incentive Rate / Per Liter (May to Nov) (Rs)</label>
                        <input 
                            type="text" 
                            id="incentive_rate_may_to_nov" 
                            class="form-control" 
                            name="incentive_rate_may_to_nov" 
                            value="" 
                            required 
                        />
                        @error('incentive_rate_may_to_nov')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
                <div class="col-md-4 col-12">
                    <div class="mb-1">
                        <label class="form-label" for="incentive_rate_dec_to_apr">Incentive Rate / Per Liter (Dec to Apr) (Rs) *</label>
                        <input 
                            type="text" 
                            id="incentive_rate_dec_to_apr" 
                            class="form-control" 
                            name="incentive_rate_dec_to_apr" 
                            value="" 
                            required 
                        />
                        @error('incentive_rate_dec_to_apr')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
            </div>
            <div class="row">
              
                <div class="col-md-4 col-12">
                    <div class="mb-1">
                        <label class="form-label" for="milk_volume_limit">Milk Volume Limit (13 TS)</label>
                        <input 
                            type="text" 
                            id="milk_volume_limit" 
                            class="form-control" 
                            name="milk_volume_limit" 
                            value="" 
                            required 
                        />
                        @error('milk_volume_limit')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
                
                <div class="col-md-4 col-12">
                    <div class="mb-1">
                        <label class="form-label" for="volume_greater_than_limit_rate">Amount for Volume Greater Than Limit (Rs) *</label>
                        <input 
                            type="text" 
                            id="volume_greater_than_limit_rate" 
                            class="form-control" 
                            name="volume_greater_than_limit_rate" 
                            value="" 
                            required 
                        />
                        @error('volume_greater_than_limit_rate')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
                
                <div class="col-md-4 col-12">
                    <div class="mb-1">
                        <label class="form-label" for="volume_less_than_limit_rate">Amount for Volume Less Than Limit Rate (Rs) *</label>
                        <input 
                            type="text" 
                            id="volume_less_than_limit_rate" 
                            class="form-control" 
                            name="volume_less_than_limit_rate" 
                            value="" 
                            required 
                        />
                        @error('volume_less_than_limit_rate')
                            <span class="text-danger">{{$message}}</span>
                        @enderror
                    </div>
                </div>
            
              <div class="col-12 mt-2">
                <button type="submit" class="btn btn-primary me-1">Submit</button>
                <button type="reset" class="btn btn-outline-secondary me-1">Reset</button>
                <a class="btn btn-outline-secondary cancel-btn" href="{{ route('hr.employee-types.index') }}" >Cancel</a>
              </div>
            </div>
          </form>
          <div class="table-responsive mt-3"  style="overflow-y: hidden">
            <table class="table table-bordered" >
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Max Gross Salary</th>
                        <th>Milk Volume Limit</th>
                        <th>Amount for Volume Greater Than Limit</th>
                        <th>Amount for Volume Less Than Limit</th>
                        <th>Incentive Rate (Dec to Apr)</th>
                        <th>Incentive Rate (May to Nov)</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($typeDetails as $index => $typeDetail)
                        <tr>
                            <td>{{ $typeDetail->date }}</td>
                            <td>{{ $typeDetail->max_gross_salary }}</td>
                            <td>{{ $typeDetail->milk_volume_limit }}</td>
                            <td>{{ $typeDetail->volume_greater_than_limit_rate }}</td>
                            <td>{{ $typeDetail->volume_less_than_limit_rate }}</td>
                            <td>{{ $typeDetail->incentive_rate_dec_to_apr }}</td>
                            <td>{{ $typeDetail->incentive_rate_may_to_nov }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        
        </div>
      </div>
    </div>
  </div>
</section>
<!-- Basic Floating Label Form section end -->
@endsection
@section('vendor-script')
  <!-- vendor files -->
  <script src="{{ asset('vendors/js/forms/select/select2.full.min.js') }}"></script>
@endsection
@section('page-script')
  <!-- Page js files -->
  <script src="{{ asset('js/scripts/forms/form-select2.js') }}"></script>
@endsection