@extends('layouts.app')
@section('content')
<div class="container">
  <div class="az-content-body d-flex flex-column">
    <div class="az-dashboard-one-title">
      <div>
        <h2 class="az-dashboard-title">Confirmed Enquiries</h2>
        <p class="az-dashboard-text">Search & Filter Enquires</p>
      </div>
      <form action="{{ url('/') }}/enquiry/confirm" method="GET">
      <div class="az-content-header-right">
        <div class="media">
          <div class="media-body">
            <label>Start Date</label>
            <input name="sdate" value="{{ $sdate }}" type="text" class="form-control fc-datepicker" placeholder="MM/DD/YYYY">
          </div><!-- media-body -->
        </div><!-- media -->
        <div class="media">
          <div class="media-body">
            <label>End Date</label>
            <input name="edate" value="{{ $edate }}" type="text" class="form-control fc-datepicker" placeholder="MM/DD/YYYY">
          </div><!-- media-body -->
        </div><!-- media -->
        <div class="media">
          <div class="media-body">
            <label>Country</label>
            <select name="selected_country" style="width: 150px;" class="form-control select2">
              <option value="" label="Choose one"></option>
              @foreach ($countries as $country)
              <option {{ $selected_country == $country->name ? 'selected' : '' }} value="{{ $country->name }}">{{ $country->name }}</option>
              @endforeach
            </select>
          </div><!-- media-body -->
        </div><!-- media -->
        <div class="media">
          <div class="media-body">
            <label>Employee</label>
            <select name="selected_emp" style="width: 150px;" class="form-control select2">
              <option value="" label="Choose one"></option>
              @foreach ($employees_list as $employee_id => $employee)
              <option {{ $selected_emp == $employee_id ? 'selected' : '' }} value="{{ $employee_id }}">{{ $employee }}</option>
              @endforeach
            </select>
          </div><!-- media-body -->
        </div><!-- media -->
        <div class="media">
          <div class="media-body">
            <label>Department</label>
            <select name="selected_department" style="width: 150px;" class="form-control select2">
              <option value="" label="Choose one"></option>
              <option {{ $selected_department == 'English' ? 'selected' : '' }} value="English">English</option>
              <option {{ $selected_department == 'Spanish' ? 'selected' : '' }} value="Spanish">Spanish</option>
              <option {{ $selected_department == 'Luxury Train' ? 'selected' : '' }} value="Luxury Train">Luxury Train</option>
            </select>
          </div><!-- media-body -->
        </div><!-- media -->
        <button class="btn btn-purple mt-3" type="submit">Filter</button>
      </div>
    </form>
    </div>
    <div class="table-responsive">
      <table class="table table-bordered table-striped mg-b-0">
        <thead>
          <tr>
            <th>#</th>
            <th>Enquiry</th>
            <th>Date</th>
            <th style="width: 15%;">Client</th>
            <th>Arrival</th>
            <th>Country</th>
            <th>Subject</th>
            <th>Product</th>
            <th>Department</th>
            <th>Assign To</th>
            <th>Action</th>
            <th><i onclick="deleteEnquiries()" class="fa fa-trash"></i></th>
          </tr>
        </thead>
        <tbody>
          @foreach ($enquiries as $key => $enquiry)
          <tr class="enquiry-tr-{{ $enquiry->id }}">
            <td class="text-center" scope="row">{{ ++$key }}</td>
            <td class="text-center">
              <a class="enquiryid-span" href="javascript:void()" onclick="enquiry_view_popup('{{ $enquiry->id }}')" data-toggle="modal" data-target="#enquiryViewModal">{{ $enquiry->enquiryid }}</a>
              <span class="enquiry-status-{{ $enquiry->enquiry_status }}">{{ $enquiry->enquiry_status }}</span>
            </td>
            <td>{{ date("d/M/Y", strtotime($enquiry->created_at)) }}</td>
            <td>
              <span class="enquiry-td-client">{{ $enquiry->name }}</span>
              <span class="enquiry-td-info">Adult: {{ $enquiry->adult }} | Infant: {{ $enquiry->child1 }} | Child: {{ $enquiry->child2 }} </span>
            </td>
            <td>{{ date("d/M/Y", strtotime($enquiry->arrival)) }}</td>
            <td>
              @if (in_array($enquiry->country, ['India', 'india']))
              {{ $enquiry->country }}
              @else
              <span class="badge badge-info">{{ $enquiry->country }}</span>
              @endif
            </td>
            <td>{{ $enquiry->subject }}</td>
            <td class="text-center">{{ $enquiry->product_code }}</td>
            <td class="text-center">{{ $enquiry->department }}</td>
            <td class="text-center" id="assign-td-{{ $enquiry->id }}">
              @if (isset($employees_list[$enquiry->assign]))
              {{ $employees_list[$enquiry->assign] }}
              @else
              <select id="select-{{ $enquiry->id }}" onchange="assignEnquiry(this.value, '{{ $enquiry->id }}')" style="width: 120px; height: 30px;" class="form-control select2">
                <option value="" label="Choose"></option>
                @foreach ($employees_list as $employee_id => $employee)
                <option value="{{ $employee_id.'--'.$employee }}">{{ $employee }}</option>
                @endforeach
              </select>
              @endif
            </td>
            <td class="text-center">
              <a target="_blank" href="{{ url('/') }}/enquiry/view/{{ $enquiry->id }}"><i class="far fa-eye"></i></a>
            </td>
            <td class="text-center">
              <input type="checkbox" onclick="onDeleteSelect()" name="delete_enquiry[]" value="{{ $enquiry->id }}" />
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div><!-- table-responsive -->

    <div class="ht-40"></div>

    <div class="az-footer mg-t-auto">
      <div class="container">
        <span class="text-muted d-block text-center text-sm-left d-sm-inline-block">Copyright © travelogy india {{ date("Y") }}</span>
      </div><!-- container -->
    </div><!-- az-footer -->
  </div><!-- az-content-body -->
</div><!-- container -->
<script>
  function deleteEnquiries() {
    let ids = [];
    $('input[name="delete_enquiry[]"]:checked').each(function() {
      ids.push(this.value);
      $(".enquiry-tr-"+this.value).addClass('enquiry-delete');
    });
    if (ids.length > 0) {
      var r = confirm("Do you want to delete selected enquiries?");
      if (r) {
        var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
        $.ajax({
            /* the route pointing to the post function */
            url: '{{ url('/') }}/enquiry/delete',
            type: 'POST',
            /* send the csrf-token and the input to the controller */
            data: {_token: CSRF_TOKEN, employee_ids: ids},
            dataType: 'JSON',
            /* remind that 'data' is the response of the AjaxController */
            success: function (data) { 
              if (data.status) {
                for (let index in ids) {
                  $(".enquiry-tr-"+ids[index]).remove();
                }
              }
              alert(data.message);
            }
        });
      }
    }
  }
  function onDeleteSelect() {
    $('input[name="delete_enquiry[]"]:checked').each(function() {
      $(".enquiry-tr-"+this.value).addClass('enquiry-delete');
    });
  }
  function assignEnquiry(employee, id) {
    employee_data = employee.split('--');
    var r = confirm("Do you want to assign this enquiry to "+employee_data[1]+"?");
    if (!r) {
      $('#select-'+id+' option:selected').remove();
      return false;
    }
    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
    $.ajax({
        /* the route pointing to the post function */
        url: '{{ url('/') }}/enquiry/assign',
        type: 'POST',
        /* send the csrf-token and the input to the controller */
        data: {_token: CSRF_TOKEN, employee_id: employee_data[0], enquiry_id: id},
        dataType: 'JSON',
        /* remind that 'data' is the response of the AjaxController */
        success: function (data) { 
          if (data.status) {
            $('#assign-td-'+id).html(employee_data[1]);
          } else {
            $('#select-'+id+' option:selected').remove();
          } 
          alert(data.message);
        }
    });
  }
</script>
@endsection