@extends('layouts.dashboard')

@section('content')

<!-- Page Header -->
<section class="content-header">
  <div class="container-fluid">
    <div class="row ">
      <div class="col-sm-6">
        <h1 class="mb-0">Salary Details : {{ $employee->name }}</h1>

      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="/">Home</a></li>
          <li class="breadcrumb-item active">Salary </li>
        </ol>
      </div>
    </div>
  </div>
</section>



<!-- Salary Form Section -->
<section class="content">
  <div class="card p-2">
    <div class="row">
      <div class="col-md-6">
        <h4 class=" mb-0">Employee Salary Details(Annual)</h4>
      </div>
      <div class="col-md-6 d-flex justify-content-end">
        <button type="button" class="btn uniqbtn-btn btn-sm float-right">
          <a href="{{ url()->previous() }}" class="text-white" style="text-decoration: none;">
            <i class="fa fa-backward text-white"></i>&nbsp; Back
          </a>
        </button>
      </div>
    </div>
  </div>
  <div class="card">
    <!-- Header -->
    <!-- <div class="card-header py-0 bg-warning">
      <div class="row">
        <div class="col-md-6"><h4 class="text-white mb-0">Employee Salary Details(Annual)</h4></div>
        <div class="col-md-6 d-flex justify-content-end"><button type="button" class="btn btn-warning btn-sm float-right">
        <a href="{{ url()->previous() }}" class="text-white" style="text-decoration: none;">
          <i class="fa fa-backward text-white"></i>&nbsp; Back
        </a>
      </button></div>
      </div>
      
      
    </div> -->

    <!-- Form Body -->
    <div class="card-body">
      @if(session('message'))
        <div class="alert alert-success">{{ session('message') }}</div>
      @endif

      <form method="POST" action="{{ route('salary.update', $employee->id) }}">
        @csrf
        @method('PUT')

        @php
          $salary = optional($employee->salaries->first());
        @endphp

        <div class="row">
          <div class="form-group col-md-4">
            <label>CTC Basic </label>
            <input type="number" name="ctc" min="0" class="form-control" value="{{ old('ctc', $salary->ctc) }}" required>
          </div>

          <div class="form-group col-md-4">
            <label>HRA</label>
            <input type="number" name="hra" min="0" class="form-control" value="{{ old('hra', $salary->hra) }}">
          </div>

          <div class="form-group col-md-4">
            <label>Special Allowance</label>
            <input type="number" name="special_allowance" min="0" class="form-control" value="{{ old('special_allowance', $salary->special_allowance) }}">
          </div>

          <div class="form-group col-md-4">
            <label>Medical Allowance</label>
            <input type="number" name="medical_allowance" min="0" class="form-control" value="{{ old('medical_allowance', $salary->medical_allowance) }}">
          </div>

          <div class="form-group col-md-4">
            <label>DA</label>
            <input type="number" name="da" min="0" class="form-control" value="{{ old('da', $salary->da) }}">
          </div>
        </div>

        <h5 class="text-white bg-gray-light p-2 mt-0">Salary Deduction(Monthly)</h5>
        <div class="row">
          <div class="form-group col-md-4">
  <label for="pf">PF Contribution</label>
  <div class="input-with-percent">
    <input type="number"
           name="pf"
           id="pf"
           class="form-control"
           value="{{ old('pf', $salary->pf) }}"
           min="0"
           max="999"
           step="0.01"
           oninput="if (parseFloat(this.value) > 100) this.value = 100;">
           
    <span class="percent-sign"></span>
  </div>
</div>


          <div class="form-group col-md-4">
            <label>Professional Tax</label>
            <input type="number" name="professional_tax" min="0" class="form-control" value="{{ old('professional_tax', $salary->professional_tax) }}">
          </div>

          <div class="form-group col-md-4">
    <label for="tds">TDS</label>
    
    <div class="form-check mt-2">
        <input type="checkbox"
               class="form-check-input"
               id="tds"
               name="tds"
               value="1">
        <label class="form-check-label" for="tds">Apply TDS</label>
    </div>
</div>


          <div class="form-group col-md-4">
            <label>ESIC</label>
            <input type="number" name="esic" min="0" class="form-control" value="{{ old('esic', $salary->esic) }}">
          </div>
        </div>

        <div class="form-group mt-3">
          <button type="submit" class="btn btn-primary float-right">Submit</button>
        </div>
      </form>
    </div>
  </div>
</section>

@endsection