@extends('admin.layout.dashboard-template')
  @section('content')
<style>
    input[type=checkbox] {
    position: absolute;
    z-index: 1;
    opacity: unset;
}
th:first-child.sorting_disabled {
    background-image: none !important;
    pointer-events: none;
}
</style>
  <div class="db-info-wrap db-package-wrap">
      <div class="dashboard-box table-opp-color-box">
          <h4>Inactive Agents</h4>

          <div class="card mb-5">
              <div class=" card-body">
                  <h4>Filter by Inactive Duration (in Days)</h4>

                  <div class="row">
                      <div class="col-4">
                          <input class="form-control" type="number" id="days" name="days" value="30" />
                          <!-- <input type="file" name="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" required> -->
                      </div>
                      <div class="col-8">
                          <button class="btn btn-success filter">Filter</button>
                          <button class="btn btn-danger" id="delete-selected">Delete Agent Permanently   
                          &nbsp;&nbsp;  <button class="btn btn-info" id="remove-hotlead-permission-selected">Remove hot Lead permission
                  </div>

              </div>
          </div>

          @if(\Session::get('success'))
          <div class="alert alert-success alert-dismissible fade show" role="alert">
              <div class="alert-body">
                  {{ \Session::get('success') }}
              </div>
              <button type="button" class="btn-close" data-dismiss="alert" aria-label="Close"></button>
          </div>
          @endif
          {{ \Session::forget('success') }}
          @if(\Session::get('error'))
          <div class="alert alert-danger alert-dismissible fade show" role="alert">
              <div class="alert-body">
                  {{ \Session::get('error') }}
              </div>
              <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close">x</button>
          </div>
          @endif
          <div class="table-responsive">
              <table class="table text-center">
                  <thead>
                      <tr>
                          <th><input type="checkbox" class="form-control" id="select-all"></th>
                          <th>Sl<br>No</th>
                          <th>ID</th>
                          <th>Name</th>
                          <th>Mobile<br> Number</th>
                          <th>Last active at</th>
                            <th>Hot lead Permission</th>
                          <th>Status</th>
                          <th>Action</th>
                      </tr>
                  </thead>
                  <tbody>
                      <!-- <tr role="row" class="odd">
                          <td class="sorting_1">1</td>
                          <td><span class="package-name">manu mathew</span></td>
                          <td>9188360233</td>
                          <td>manu@gmail.com</td>
                          <td><span class="badge badge-primary">350</span></td>
                          <td><a href="javascript:void(0)" data-id="26" data-value="0" id="status"><span class="badge badge-danger">Inactive</span></a></td>
                          <td> <a href="{{route('admin.agent-view')}}" class="text-muted"> <span class="badge badge-success"><i class="far fa-eye"></i></span></a>
                              <a href="javascript:void(0);" class="text-muted"> <span class="badge badge-success"><i class="far fa-edit"></i></span></a>
                              <a href="javascript:void(0);" data-id="26" id="getDeleteId" class="text-muted"> <span class="badge badge-danger"><i class="far fa-trash-alt"></i></span></a>
                          </td>
                      </tr> -->

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

  </div>
  </div>
  <script type="text/javascript">
      $(function() {

          var table = $('.table').DataTable({
              processing: true,
              serverSide: true,
              ajax: {
                  url: "{{ route('admin.get-inactive-agents') }}",
                  method: 'GET',
                  data: function(d) {
                      d.days = $('input[name="days"]').val();
                  }
              },
              // ajax: "{{ route('admin.get-inactive-agents') }}",
              columns: [{
                      data: 'checkbox',
                      name: 'checkbox',
                      orderable: false,
                      searchable: false
                  },
                  {
                      data: 'DT_RowIndex',
                      name: 'DT_RowIndex'
                  },
                  {
                      data: 'id',
                      name: 'id'
                  },
                  {
                      data: 'name',
                      name: 'name'
                  },
                  {
                      data: 'number',
                      name: 'number'
                  },
                  {
                      data: 'last_active_at',
                      name: 'last_active_at'
                  },

                 {
                      data: 'hot_lead',
                      name: 'hot_lead'
                  },
                  {
                      data: 'status',
                      name: 'status'
                  },
                  {
                      data: 'action',
                      name: 'action',
                      orderable: false,
                      searchable: false
                  },
              ],
              "select": {
                  'style': 'multi',
                  'selector': 'td:first-child' //only checkbox can select row
              },
          });
          $(".filter").click(function() {
              table.draw();
          });
      });
      $(document).on('click', '#status', function(e) {
          id = $(this).data('id');
          status = $(this).data('value');
          e.preventDefault();
          $.ajaxSetup({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              }
          });
          $.ajax({
              url: "{{ route('admin.change-agent-status') }}",
              method: "GET",
              data: {
                  'id': id,
                  'status': status
              },
              success: function(result) {
                  $('.table').DataTable().ajax.reload();
                  if (result == 1) {
                      $(".alert-success").text("Status Changed successfully.");
                  } else {
                      $(".alert-danger").text("Something went wrong.");
                  }

                  $('.data-table').DataTable().ajax.reload();

              }
          });
      });
      $(document).on('click', '#getDeleteId', function(e) {
          var answer = confirm("Are you sure you want to delete from this item?");
          if (answer) {
              id = $(this).data('id');
              e.preventDefault();
              $.ajaxSetup({
                  headers: {
                      'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                  }
              });
              $.ajax({
                  url: "{{ route('admin.delete-agent') }}",
                  method: "GET",
                  data: {
                      'id': id
                  },
                  success: function(result) {
                      $('.table').DataTable().ajax.reload();
                      if (result == 1) {
                          $(".alert-success").text("Package Deleted successfully.");
                      } else {
                          $(".alert-danger").text("Something went wrong.");
                      }

                      $('.data-table').DataTable().ajax.reload();

                  }
              });
          }
      });

      /*****delete agents ************/

      // Handle select all checkbox
      $(document).on('click', '#select-all', function() {
          $('.agent-checkbox').prop('checked', this.checked);
      });

      // Handle delete selected
      $(document).on('click', '#delete-selected', function() {
          var selected = [];
          $('.agent-checkbox:checked').each(function() {
              selected.push($(this).val());
          });

          if (selected.length == 0) {
              alert('Please select at least one agent to delete.');
              return;
          }

          if (!confirm("Are you sure you want to delete selected agents?")) {
              return;
          }

          $.ajaxSetup({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              }
          });

          $.ajax({
              url: "{{ route('admin.bulk-delete-agents') }}",
              type: 'POST',
              data: {
                  ids: selected
              },
              success: function(response) {
                  $('.table').DataTable().ajax.reload();
                  alert('Deleted successfully.');
              },
              error: function() {
                  alert('Error deleting agents.');
              }
          });
      });
      
      
        // Handle delete selected
      $(document).on('click', '#remove-hotlead-permission-selected', function() {
          var selected = [];
          $('.agent-checkbox:checked').each(function() {
              selected.push($(this).val());
          });

          if (selected.length == 0) {
              alert('Please select at least one agent .');
              return;
          }

          if (!confirm("Are you sure you want to remove hot lead permission from selected agents?")) {
              return;
          }

          $.ajaxSetup({
              headers: {
                  'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
              }
          });

          $.ajax({
              url: "{{ route('admin.remove-hotlead-permission') }}",
              type: 'POST',
              data: {
                  ids: selected
              },
              success: function(response) {
                  $('.table').DataTable().ajax.reload();
                  alert('Successfully remove hot lead eligiblility for selected agents ');
              },
              error: function() {
                  alert('Something went wrong.');
              }
          });
      });
  </script>
  @endsection