@extends('panel.layouts.app')
@section('page-title')
<title>
{{ LaraCore::setting('html_prefix') }} {{ (LaraCore::setting('html_prefix') != '') ? '|' : '' }} Parcel Inquiries</title>
@stop
@section('content')
<div class="content-wrapper">
  <div class="row">
    <div class="col-md-1"></div>
    <div class="col-md-10">
      <section class="content">
        <div class="box box-default">
          <div class="box-header with-border">
            <i class="fa fa-cube"></i>
            <h3 class="box-title">Parcel Inquiries</h3>
            <div class="box-tools box-tools-common pull-right">
              <button class="btn btn-default btn-sm" onclick="inquries(this)" id='status' data-status='0'>See All Closed Inquries</button>
              <a href="javascript:void(0)" class="btn btn-box-tool show-tooltip" onclick="ToggleDataTable('parcel-inquiries-grid')" title="Search"><i class="fa fa-search"></i></a>
            </div>
          </div>
          <div class="box-body">
            <div class="table-responsive">
              <table id="parcel-inquiries-grid" class="table table-bordered table-hover display">
                <thead>
                  <th>Id</th> 
                  <th class="text-center">
                    @if(LaraCore::canOrNot('delete_carriers'))
                    <input name="select_all" type="checkbox"  class="minimal" id="bulk_delete" data-scope="#parcel-inquiries-grid" />
                    @endif
                  </th>
                  <th>Date</th>
                  <th>Name</th>
                  <th>Email</th>
                  <th>Phone</th>
                  <th>Note</th>
                  <th>&nbsp;</th>
                </thead>
                <tbody>
                </tbody>
              </table>
            </div>
          </div>
        </div>
        <div class="incomes_modal_div">
          <div class="edit_modal">
          </div>
          @include('parcelinquiry.closed_confirm_modal')
        </div>
        {{-- @include('common.modal.delete_confirm_modal',['entity' =>  'parcel-inquiries']) --}}
      </section>
    </div>
    <div class="col-md-1"></div>
  </div>
</div>
@stop
@section('custom-scripts')
<script type="text/javascript">
  var rows_selected  = "";
  var StatusData = $('#status').attr('data-status');
  $(document).ready(function () {
    initDate('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initDateRange('{{AppHelper::dateFormatJS(LaraCore::setting('date_format'))}}');
    initRichText();
    ParcelInquiriesTable = $('#parcel-inquiries-grid').DataTable({
      'language': { "emptyTable": '{{LaraCore::setting('no_records')}}', "processing": "<i class='fa fa-spinner fa-spin fa-3x'></i>" },
      "aLengthMenu": [[10, 20, 30, 40, 50], [10, 20, 30, 40, 50]],
      "order": [ 0, "desc" ],
      processing: true,
      serverSide: true,
      ajax: {
        url : '{{route("parcel.inquiries.list")}}',
        type: 'POST',
        data: function (d) {
          d.status = StatusData
        },
      },
      columns: [
      {data: 'id', name: 'id',visible: false,searchable: false},
      {data: 'bulk_delete', name: 'bulk_delete',orderable: false,searchable: false, width: '5%', className: 'text-center', visible: '{{LaraCore::canOrNot("delete_carriers")}}'},
      {data: 'created_at', name: 'created_at'},
      {data: 'name', name: 'name'},
      {data: 'email', name: 'email'},
      {data: 'phone', name: 'phone'},
      {data: 'note', name: 'note'},
      {data: 'status', name: 'status', class:'text-center', searchable: false, orderable: false},
      ],'rowCallback': function(row, data, dataIndex){
        var rowId = data['id'];
        if($.inArray(rowId, rows_selected) !== -1){
          $(row).find('.entity_chkbox').prop('checked', true);
          $(row).addClass('selected');
        }
      },
    });
    initSelectAll('#parcel-inquiries-grid', ParcelInquiriesTable);

    $(document).on('click', '#closed_inqury', function(e){
      var id = $('#closed_inqury_modal').find('#id').val();
      var current_status = $('#closed_inqury_modal').find('#current-status').val();
      var new_status = $('#closed_inqury_modal').find('#new-status').val();

      var formData = { 'id' :id, 'current_status':current_status, 'new_status':new_status };
      var url = APP_URL+"/closed-inqury";
      $.ajax({
        type: "POST",
        url: url,
        data: formData,
        dataType: 'json',
        success: function (data) {
          ParcelInquiriesTable.draw();
          $('#closed_inqury_modal').modal('hide');
          DisplayMessages(data['message']);
        },
        error: function (jqXHR, exception) {
          var Response = jqXHR.responseText;
          Response = $.parseJSON(Response);
          DisplayMessages(Response.message,'error');
        }
      });
    });
  });

  $(document).on('hidden.bs.modal', '#closed_inqury_modal',function (event) {
    var form = $("#closed_status_save");
    $(form)[0].reset();
    form.find('input[name="id"]').val('');
    form.find('input[name="current-status"]').val('');
    form.find('input[name="new-status"]').val('');
  });

  function close_inquiry_btn(element) {
    var id = $(element).attr('data-id');
    var status = $(element).attr('data-status');
    if (status == 0) {
      $('#closed_inqury_modal').find('#new-status').val('1');
      $('#closed_inqury_modal').find('#modal-title').html('Close Inquiry');
      $('#closed_inqury_modal').find('#model-body').html('Are you sure you want to close this Inquiry?');
    }
    $('#closed_inqury_modal').find('#id').val(id);
    $('#closed_inqury_modal').find('#current-status').val(status);
    $('#closed_inqury_modal').modal('show');
  }

  function inquries(element){
    var Status = $(element).attr('data-status');
    if(Status=='0'){
      $(element).attr('data-status','1');
      $(element).html('See All Open Inquries');
      StatusData = '1';
    } else {
      $(element).attr('data-status','0');
      $(element).html('See All Closed Inqiuries');
      StatusData = '0';
    }
    ParcelInquiriesTable.ajax.reload();
  }
</script>
@stop