@extends('admin.layout.master')
@section('content')
<div class="card sina-card">
  <div class="card-header d-flex justify-content-between align-items-center">
      <div>
          <h5 class="font-weight-bold mb-0">Tour list</h5>
      </div>
      <div>
          <a href="{{route('payroll.hrm.tour.create')}}" class="btn btn-sm btn-primary">Add Tour</a>
      </div>
  </div>
  <div class="card-body">
      <form id="filterform" class="d-flex flex-wrap" action="{{route('payroll.hrm.tour.list')}}" method="GET">
          <div class="col-2 px-1">
            <label for="employee" class="labels">Employee Name/Code</label>
            <select class="form-control name_code_live_search" name="emp_id" id="emp_id">
            </select>  
          </div>
          <div class="col-3 px-1">
              <label for="">Department</label>
              <select class="form-control select_2" name="department_id" id="">
                  <option disable selected value="">Select Dept.</option>
                  @foreach ($departments as $d)
                      <option
                          {{request('department_id') == $d->id ? 'selected' : ''}}
                          value="{{$d->id}}">{{$d->name}}</option>
                  @endforeach
              </select>
          </div>
          <div class="col-2 px-1">
              <label for="">Status</label>
              <select class="form-control select_2" name="status" id="">
                  <option disable selected value="">Select Status</option>
                  <option {{request('status') == 1 ? 'selected' : ''}} value="1">Pending</option>
                  <option {{request('status') == 2 ? 'selected' : ''}} value="2">Approved</option>
                  <option {{request('status') == 3 ? 'selected' : ''}} value="3">Rejected</option>
               </select>
          </div>
          <div class="col-2 mb-3 px-1">
              <label for="">From Date</label>
              <input value="{{request('from_date')}}" class="form-control" type="date" name="from_date">
          </div>
          <div class="col-2 mb-3 px-1">
              <label for="">To Date</label>
              <input value="{{request('to_date')}}" class="form-control" type="date" name="to_date">
          </div>


          <div class="col-1 mb-3 text-right">
              <button type="submit" name="filter" class="btn btn-sm btn-primary mt-4">Filter</button>
          </div>
       
      </form>

      <div>
          <table class="table table-hover table-bordered mt-3">
              <thead class="thead-dark">
              <tr>

                  <th>Emp Name</th>
                  <th>Emp Code</th>
                  <th>Dept.</th>
                  <th>Date From</th>
                  <th>Date To</th>
                  <th>Location</th>
                  <th>Duration</th>
                  <th>Status</th>
                  <th>Action</th>
              </tr>
              </thead>
              <tbody>
              @foreach ($tours as $list)

                  <tr>
                      <td>{{$list->empinfo ? $list->empinfo->emp_name : null}}</td>
                      <td>{{$list->empinfo ? $list->empinfo->emp_code : null}} </td>
                      <td>{{$list->deptinfo ? $list->deptinfo->name : null}}</td>

                      <td>{{$list->from_date}}</td>
                      <td>{{$list->to_date}}</td>
                      <td>{{$list->tour_location}}</td>
                      <td>
                        {{get_date_difference($list->from_date,$list->to_date) }} Days
                    </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>

                     <td>
                        @if($list->status==1)
                            <div class="row p-1">
                                {!! getApprovalInputField($list->id,709) !!}
                            </div>
                         @else
                           <button type="button" class="btn btn-sm btn-success">{{__('obs.approved')}}</button>
                           @if(company_settings()->approval_system ==2)
                                {{-- <a href="{{route('payroll.hrm.tour.delete',['id'=>$l->id])}}" onclick="return confirm('Data Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a> --}}
                            @endif
                        @endif

                        <button type="button" class="btn btn-danger btn-sm " onclick="delete_data({{$list->id}},'pay_tours','{{route('payroll.hrm.tour.delete')}}')">
                            <i class="fa fas fa-trash"></i>
                        </button>  
                        
                        <a href="{{ route('payroll.hrm.tour.edit', ['id' => $list->id]) }}" class="btn btn-warning btn-sm">Edit</a>
                    </td>
                      </tr>

                      @endforeach

                  </tbody>


              </table>
          </div>
      </div>
  </div>
</div>

@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script>

$('.select_2').select2();
$(function () {
    $('[data-toggle="tooltip"]').tooltip()
  })

// tour aoorove start
  function tourapprove(id) {
      $.confirm({
          title: 'Are you sure?',
          content: 'If you click approve then this tour will on approve state',
          type: 'green',
          typeAnimated: true,
          buttons: {
              tryAgain: {
                  text: 'Approve',
                  btnClass: 'btn-green',
                  action: function(){
                    window.location.href = '{{ route('payroll.hrm.tour.approve') }}/'+id;
                  }
              },
              close: function () {
              }
          }
      });
    }
// tour aoorove end

// tour reject start
function tourreject(id) {
      $.confirm({
          title: 'Are you sure?',
          content: 'If you click reject then this tour will on reject state',
          type: 'red',
          typeAnimated: true,
          buttons: {
              tryAgain: {
                  text: 'Reject',
                  btnClass: 'btn-red',
                  action: function(){
                    window.location.href = '{{ route('payroll.hrm.tour.reject') }}/'+id;
                  }
              },
              close: function () {
              }
          }
      });
    }
// tour reject end

$(".empty").click(function() {

    $(this).closest('form').find("input[type=number], input[type=date], select").val("");
});

</script>

@endsection