@extends('layouts.admin_default') @section('title', 'Dealer Table') @section('page', 'Dealer / List') @section('content') <div class="layout-px-spacing">
  <div class="row layout-top-spacing">
    <div class="col-xl-12 col-lg-12 col-sm-12  layout-spacing">
      <div class="widget-content widget-content-area br-6">
        <div id="delete_bd_ms"></div> @if(isset($errors) && $errors->any()) @foreach($errors->all() as $error ) <div class="alert alert-danger fade in alert-dismissible show" style="margin-bottom: 5px;">
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true" style="font-size:20px">×</span>
          </button>
          {{$error}}
        </div> @endforeach @endif @if(session()->has('message')) <div class="alert alert-success fade in alert-dismissible show" style="margin-bottom: 5px;">
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true" style="font-size:20px">×</span>
          </button>
          {{ session()->get('message') }}
        </div> @elseif(session()->has('error')) <div class="alert alert-danger fade in alert-dismissible show" style="margin-bottom: 5px;">
          <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true" style="font-size:20px">×</span>
          </button>
          {{ session()->get('error') }}
        </div> @endif 
        <div class="col-md-12 text-right">
          <!-- <a class="btn btn-success mb-2" href="javascript:void();" onclick="csvAddModal();">Import Dealer</a>
          <a class="btn btn-success mb-2" href="{{ route('export-dealer') }}">Export Dealer</a>
          <a href="javascript:void();" onclick="addModal();" class="btn btn-primary mb-2">Add +</a> -->
        </div>
        <div class="col-md-12 text-left">
          <div class="" id="#error"></div>
          <div class="multiple-action">
            <!-- <button type="button" onclick="multiple_del()" class="btn btn-primary del">Approve</button> -->
            {{-- <button type="button" onclick="multiple_active()" class="btn btn-success active-status">Active</button>
                  <button type="button"  onclick="multiple_deactive()" class="btn btn-danger inactive-status">Inactive</button> --}}
          </div>
          <!-- <small>Apply action on checked record.</small> -->
        </div>
        <div class="mb-4 mt-4">
          <table id="multi-column-ordering" class="table table-hover">
            <thead>
              <tr>
                <th>
                  <input type="checkbox" class="new-control-input" id="contact-check-all">
                </th>
                <th>Product Name</th>
                <th>Dealer Name</th>
                <th>Invoice Number</th>
                <th>Invoice Date</th>
                <th>Serial Number</th>
                <th>Created Date</th>
                <th>Action</th>
              </tr>
            </thead>
            <tbody id="tableItem"></tbody>
            <tfoot>
              <tr>
                <th></th>
                <th>Product Name</th>
                <th>Dealer Name</th>
                <th>Invoice Number</th>
                <th>Invoice Date</th>
                <th>Serial Number</th>
                <th>Created Date</th>
                <th>Action</th>
              </tr>
            </tfoot>
          </table>
        </div>
      </div>
    </div>
  </div>
</div>

</div>

<!-- import csv file to add Category end --> 
@endsection @section('footer') 
<script type="text/javascript">
  // function destroy(url){
  //   swal({
  //     title: "Are you sure?",
  //     text: "Do you want to delete this Category!",
  //     type: "warning",
  //     showCancelButton: true,
  //     confirmButtonText: "Yes, delete it!",
  //     cancelButtonText: "No, cancel plx!",
  //     closeOnConfirm: false,
  //   }, function(isConfirm) {
  //     if (isConfirm) {
  //       document.location.href = url;
  //     }
  //   });
  // }
</script>
<script type="text/javascript">
  $(document).ready(function() {
    $('#multi-column-ordering').DataTable({
      processing: true,
      serverSide: true,
      stateSave: true,
      ajax: "{{route('dealer_products_data')}}",
      columns: [{
        data: 'checkall',
        orderable: false,
        searchable: false
      }, {
        data: 'product_name'
      }, {
        data: 'dealer_name'
      }, {
        data: 'invoice_number'
      }, {
        data: 'invoice_date'
      }, {
        data: 'serial_number'
      }, {
        data: 'created_at'
      }, {
        data: 'action',
        orderable: false,
        searchable: false
      }, ],
      order: [
        [1, 'asc']
      ],
      drawCallback: function(settings) {
        var response = settings.json;
        // $('#totalRecords').text(response.totalRecords);
        // $('#activeRecords').text(response.activeRecords);
        // $('#inactiveRecords').text(response.inactiveRecords);
        // $('#deletedRecords').text(response.deletedRecords);
        console.log(response);
        updateIcon()
      },
    });
    /*ajax header setup*/
    $.ajaxSetup({
      headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
      }
    });
  });

    function approve_item(id) {
      let _url = "{{route('ApprovedUplodaRequest')}}";
      let _token = $('meta[name="csrf-token"]').attr('content');
      $.ajax({
        url: _url,
        type: 'POST',
        data: {
          id: id,
          _token: _token
        },
        success: function(response) {
          console.log(response);
          let result = JSON.parse(response);
          if (result.status) {
            mySuccessToast(result.message);
              setTimeout(() => {
                $('#contact-check-all').prop('checked', false);
                $('#multi-column-ordering').DataTable().ajax.reload();

              }, 500);
        } else {
            myFaildToast('Something went wrong.');
          }
        }
      });
    }
</script>
<!-- form validation start -->
<script>
   function upload_products(){
      $('#csv_add_products_modal').modal('show');
   }
  $("#CategoryForm").validate({
    // rules: {
    //   field: {
    //     required: true,
    //   }
    // }
  });
  $("#CategoryEditForm").validate({
    // rules: {
    //   field: {
    //     required: true,
    //   }
    // }
  });
  $("#addCsvForm").validate({});
</script>
<!-- form validation end -->
<!-- getting item details start -->
<!-- getting item details end -->
<!-- add csv modal start -->
<!-- getting item details end -->
<!-- add csv modal start -->
<script type="text/javascript">
  function csvAddModal() {
    $("#csv_add_blog_modal").modal('show');
  }
</script>
<script>
  // Add the following code if you want the name of the file appear on select
  $(".custom-file-input").on("change", function() {
    var fileName = $(this).val().split("\\").pop();
    $(this).siblings(".custom-file-label").addClass("selected").html(fileName);
  });
</script>
<!-- check all record start -->
<script type="text/javascript">
  $("#contact-check-all").click(function() {
    $('input:checkbox[name="multicheck[]"]').not(this).prop('checked', this.checked);
  });

  function multiple_del() {
    var multicheck = []
    $("input[name='multicheck[]']:checked").each(function() {
      multicheck.push(parseInt($(this).val()));
    });
    if (multicheck.length > 0) {
      Swal.fire({
        title: 'Are you sure?',
        text: "Do you want to Approve selected Product!",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#3085d6',
        cancelButtonColor: '#d33',
        confirmButtonText: 'Yes'
      }).then((result) => {
        if (result.isConfirmed) {
          $.ajax({
            url: "{{route('approve_uplod_request_multiple')}}",
            method: 'post',
            data: {
              ids: multicheck
            },
          }).done(function(obj) {
            console.log(obj);
            let result = JSON.parse(obj);
            if (result.status) {
              mySuccessToast(result.message);
              setTimeout(() => {
                $('#contact-check-all').prop('checked', false);
              }, 500);
            } else {
              myFaildToast('Something went wrong.');
            }
            $('#multi-column-ordering').DataTable().ajax.reload();
          });
        } else {
          // alert('false');
        }
      })
    } else {
      myFaildToast('Please select a record.');
    }
  }
</script>
<!-- footer script if required --> 
@endsection