@extends('payroll.employee_frontend.layouts.employee')
@section('content')
<section>
  <div class="col-12 mt-4">
    <h2 class="page-title text-center">Tour 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>
          Tour History
        </h5>
      </div>
      <div class="col-12 col-md-6 text-left text-md-right">
        <a class="btn btn-success" href="{{route('employee.tour.create')}}" >Create new tour</a>
      
      </div>
      <div class="col-12 table-responsive">
      
        <table class="table table-bordered table-hover">
          <thead class="thead-blu">
            <tr>
              
              <th>Location</th>
              <th>Date From</th>
              <th>Date To</th>
              <th>Duration</th>
              <th>Purpose</th>
              <th>Status</th>
            </tr>
          </thead>
          <tbody>

            @foreach ($tours as $list)
            <tr class="att-status-row">
           
              <td>{{$list->tour_location}}</td>
              <td>{{$list->from_date}}</td>
              <td>{{$list->to_date}}</td>
              <td>
                  {{get_date_difference($list->from_date,$list->to_date)}} Days
              </td>
              <td style="white-space: pre-wrap; max-width: 150px;">{{$list->purpose}}</td>
              <td>
                @if($list->status ==1)
                <span class="badge badge-primary">Pending</span>        
                @elseif($list->status ==2)
                <span class="badge badge-success">Approved</span>
                @elseif ($list->status ==3)
                <span class="badge badge-danger">Rejected</span>
                @endif
               </td>
            </tr>
            @endforeach
          </tbody>
        </table>
      </div>
    </div>
  </div>

</section>




@endsection