@extends('administrative.layouts.main')
@section('title', 'Impersonate User Logs')
@section('content')
  <x-breadcrumb />

  <div class="flex justify-between items-center mt-5">
    <div>
      <h4 class="text-2xl font-semibold">Impersonate User Logs</h4>
    </div>
    <x-button link="true" url="{{ request()->fullUrlWithQuery(['download' => '']) }}" variant="red"
      size="sm">Download</x-button>
  </div>

  <div class="mt-6 rounded-lg bg-white p-4 shadow-[0_0_10px_0_rgba(183,192,206,0.2)]">
    <table id="datatables" class="table">
      <thead>
        <tr>
          <th>ID</th>
          <th>Impersonated By</th>
          <th>Impersonated To</th>
          <th>Impersonated To Customer Name</th>
          <th>Impersonated At</th>
        </tr>
      </thead>
      <tbody></tbody>
    </table>
  </div>
@endsection
@section('pageScripts')
  <script>
    $(document).ready(function() {
      let url = new URL('{{ route('administrative.impersonateUserLogData') }}');

      $('#datatables').DataTable({
        layout: {
          topEnd: {
            search: {
              placeholder: 'Search...'
            }
          }
        },
        lengthMenu: [10, 25, 50, 100, {
          label: 'All',
          value: -1
        }],
        pageLength: 50,
        language: {
          search: ""
        },
        scrollX: true,
        processing: true,
        serverSide: true,
        ajax: '{{ route('administrative.impersonateUserLogData') }}',
        columns: [{
            data: 'DT_RowIndex',
            name: 'DT_RowIndex',
            orderable: true,
            searchable: false
          },
          {
            data: 'impersonate_by_username',
            name: 'impersonate_by_username'
          },
          {
            data: 'impersonate_to_userename',
            name: 'impersonate_to_userename'
          },
          {
            data: 'impersonate_to_customer_name',
            name: 'impersonate_to_customer_name'
          },
          {
            data: 'impersonated_at',
            name: 'impersonated_at'
          },

        ],
        order: [
          [4, 'desc']
        ]
      });
    });
  </script>
@endsection