@extends('payroll.employee_frontend.layouts.employee')
@section('content')
<section>
  <div class="col-12 mt-4">
    <h2 class="page-title text-center">{{__('obs.advance')}} {{__('obs.history')}}</h2>
    <div class="mb-2 heading-border"></div>
  </div>
</section>
<section class="px-3  pt-3 pt-lg-5 row">

  <div class="col-12 mb-4">
    <div class="blu-card d-flex flex-wrap">
      <div class="col-12 col-md-6">
        <h5 class="mb-3 card-in-h">
          <i class="fa fa-calendar mr-2 text-primary" aria-hidden="true"></i>
          {{__('obs.advance')}} {{__('obs.history')}}
        </h5>
      </div>
      <div class="col-12 col-md-6 text-left text-md-right">
        <a class="btn btn-success" href="{{route('employee.advance.create')}}" >{{__('obs.create')}} {{__('obs.new')}} {{__('obs.advance')}}</a>
      </div>
      <div class="col-12 table-responsive">
     
        <table class="table table-bordered table-hover">
          <thead class="thead-blu">
            <tr>
              <th>{{__('obs.apply')}} {{__('obs.date')}}</th>
             
              <th>{{__('obs.amount')}}</th>
      
              <th>{{__('obs.purpose')}} & {{__('obs.note')}}</th>
              <th>{{__('obs.status')}}</th>
            </tr>
          </thead>
          <tbody>

            @foreach ($advance_history as $lh)
            <tr>
              <td>{{$lh->application_date}}</td>
        
              <td>{{$lh->amount}}</td>
           
          
             
              <td style="white-space: pre-wrap; max-width: 150px;"><span class="font-weight-bold">{{__('obs.purpose')}}:</span> {{$lh->purpose}}<br><span class="font-weight-bold">{{__('obs.note')}}:</span> {{$lh->note}}</td>
              <td>
                <span class="

                {{
                  $lh->approve_status == 2 ? 'badge badge-success' : 
                  ($lh->approve_status == 1 ? 'badge badge-warning' : 
                  ($lh->approve_status == 3 ? 'badge badge-danger' : 'badge badge-primary'
             
                   ) )}}
                
                

                 px-2 py-1">
                 {{
                  $lh->approve_status == 2 ? 'Active' : 
                  ($lh->approve_status == 1 ? 'Pending' : 
                  ($lh->approve_status == 3 ? 'Rejected' : 'Completed'
             
                   ) )}}

                </span></td>
            </tr>
            @endforeach
      
          
       
          </tbody>
        </table>
      </div>
    </div>
  </div>

</section>




@endsection