@extends('admin.layout.master')
@section('custom_style')
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css">
@endsection
@section('home')

<div class="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('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('tour.filter')}}" method="GET">
          <div class="col-12 col-md-4 mb-3 px-1">
              <label for="">Employee code</label>
              <input value="{{request('emp_code')}}" class="form-control" type="number" name="emp_code">
          </div>
          <div class="col-12 col-md-4 mb-3 px-1">
              <label for="">Department</label>
              <select class="form-control" name="dept_id" id="">
                  <option disable selected value="">Select Dept.</option>

                  @foreach ($departments as $d)
                      <option
                          {{request('dept_id') == $d->id ? 'selected' : ''}}
                          value="{{$d->id}}">{{$d->name}}</option>
                  @endforeach

              </select>
          </div>
          <div class="col-12 col-md-4 mb-3 px-1">
              <label for="">Status</label>
              <select class="form-control" name="status" id="">
                  <option disable selected value="">select status</option>
                  <option {{request('status') == 1 ? 'selected' : ''}} value="1">Approved</option>
                  <option {{request('status') == 2 ? 'selected' : ''}} value="2">Rejected</option>
                  <option {{request('status') == 3 ? 'selected' : ''}} value="3">Pending</option>
               </select>
          </div>
          <div class="col-12 col-md-4 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-12 col-md-4 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-12 col-md-3 mb-3 px-1">
              <button type="submit" class="btn w-100 btn-primary mt-4">Filter</button>
          </div>
          <div class="col-12 col-md-1 mb-3 px-1">
              <button class="empty btn w-100 btn-warning mt-4" type="button">Reset</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>tour Date</th>
                  <th>Location</th>
                  <th>Duration</th>
                  <th>Status</th>
                  <th>Action</th>
              </tr>
              </thead>
              <tbody>
              @foreach ($tours as $l)

                  <tr>
                      <td>
                          @if ($l->emp_id == 0)
                              all employee
                              @else
                              {{$l->empinfo->emp_name}}
                          @endif
                      </td>
                      <td>
                          @if ($l->emp_id == 0)
                              N\A
                              @else
                              {{$l->empinfo->emp_code}}
                          @endif
                      </td>
                      <td>
                          @if ($l->dept_id == 0)
                              all dept
                              @else
                               {{$l->deptinfo->name}}
                          @endif
                      </td>

                      <td>{{$l->from_date}}</td>
                      <td>{{$l->tour_location}}</td>
                      <td>
                          @php

                        $f = strtotime($l->from_date);
                        $t = strtotime($l->to_date);
                        $datediff = $t - $f;

                        echo round($datediff / (60 * 60 * 24))+1;
                          @endphp
                          Days

                     </td>
                      <td>
                              <span class="

                                  {{
                                      $l->status == 1 ? 'badge badge-success' :
                                      ($l->status == 2 ? 'badge badge-danger' :

                                      ($l->status == 3 ? 'badge badge-warning' : 'badge badge-secondary'

                                      ))
                                      }}

                                       px-2 py-1">

                                      {{

                                      $l->status == 1 ? 'Approved' :
                                      ($l->status == 2 ? 'rejected' :
                                      ($l->status == 3 ? 'pending' : 'unknown'
                                      ) )}}

                                  </span>
                          </td>


                          <td>
                              <div class="d-flex">
                                @if ($l->status !== 1)
                                    <a target="_blank" title="Edit tour" data-toggle="tooltip" data-placement="top" href="{{route('tour.edit',[$l->id])}}" class="btn btn-primary mr-1">
                                        <i class="fadeIn animated bx bx-edit-alt"></i>
                                    </a>
                                @else
                                    no action
                                @endif

                                @if ($l->status == 2 || $l->status == 3)
                                    <button title="Approve tour" type="button" data-toggle="tooltip" data-placement="top"
                                        onclick="tourapprove({{$l->id}})" class="btn btn-success mr-1">
                                        <i class='bx bx-check-double'></i>
                                    </button>
                                @endif

                                @if ($l->status == 3 )
                                    <button title="Reject tour" type="button" data-toggle="tooltip" data-placement="top"
                                        onclick="tourreject({{$l->id}})" class="btn btn-danger mr-1">
                                        <i class='bx bx-x'></i>
                                    </button>
                                @endif

                                @if($l->status == 2 || $l->status == 3)
                                    <a href="{{route('tour.delete',['id'=>$l->id])}}" title="Delete tour" data-toggle="tooltip" onclick="return confirm('Tour Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>
                                @endif
                              </div>

                          </td>
                      </tr>

                      @endforeach

                  </tbody>


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

@endsection


@section('script')
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script>

<script>
$(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('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('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