@extends('admin.layout.master')
@section('content')
@include('admin/countries/country_js')

<style>
  .dataTables_length{
      display: none !important;
  }
</style>

<div class="nav-scroller bg-light shado-sm mx-3 mt-2 border">

  <div class='bg-white rounded'>
    <div class="nav-scroller">
      <table class='table'>
        <form class="search-form" method="POST">
        <nav class="nav">
            <li class="nav-item d-flex align-items-center">
                <a class='nav-link fw-bold text-primary' href="{{url('/home')}}">{{trans('project.home')}}</a>
                <span class="bi bi-caret-right"></span>
                <span class="mx-2"> {{ trans('admin.activity') }} </span>
            </li>

            <li class="nav-item mx-auto me-2 d-flex align-items-center gap-2">
              <label> {{ trans('admin.show') }} </label>
              <select class="form-select form-select-sm" id="no_of_entries">
                  <option value="10" selected>10</option>
                  <option value="30">30</option>
                  <option value="50">50</option>
                  <option value="100">100</option>
                  <option value="200">200</option>
                  <option value="300">300</option>
                  <option value="400">400</option>
                  <option value="400">500</option>
                  <option value="-1">{{ trans('admin.all') }}</option>
              </select>
          </li>

            <li class="nav-item mx-auto me-2 d-flex align-items-center gap-2">
              <input type="text" class="form-control form-control-sm" id="search_new" placeholder="{{trans('project.search')}}">
          </li>

            <li class="nav-item mx-auto me-2 d-flex align-items-center gap-2">
              <label>{{ trans('admin.from') }}</label>
              <input type="date" class="form-control from-date"  name="fromDate" placeholder=" ">
            </li>

             <li class="nav-item mx-auto me-2 d-flex align-items-center gap-2">
              <label>{{ trans('admin.from') }}</label>
              <input type="date" class="form-control from-date"  name="fromDate" placeholder=" ">
            </li>


            <li class="nav-item me-2">

                <button type="submit" class='nav-link btn btn-default btn btn-xs text-muted borderd'>{{trans('admin.search')}}<i class="bi bi-arrow-right px-2"></i></button>
            </li>

            <li class="nav-item me-2">
              <button type="reset" class='nav-link btn btn-default btn btn-xs text-muted borderd btn-reset'> {{trans("admin.reset")}} <i class="bi bi-arrow-repeat px-2 pr-1"></i>
          </li>



            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="dropdown">
                    <b class="bi-box-arrow-up-right me-2"></b> {{ trans('admin.export') }}
                </a>
                <ul class="dropdown-menu">
                    <li>
                        <a class="dropdown-item" onclick="jQuery('.data-table').print()">
                            <i class="bi-printer mx-2"></i>
                            {{__('project.print')}}
                        </a>
                            <a class="dropdown-item" onclick="exportTable('data-table', 'pdf', '{{trans('home slider')}} 2024-10-18 02:36:27')">
                                <i class="bi bi-file-earmark-pdf mx-2"></i>
                                {{__('project.pdf')}}
                            </a>
                        <a class="dropdown-item" onclick="exportTable('data-table', 'csv', '{{trans('home slider')}} 2024-10-18 02:36:27')">
                            <i class="bi bi-file-spreadsheet mx-2"></i>
                            {{__('project.excel_csv')}}
                        </a>
                    </li>
                </ul>
            </li>
        </nav>
        </form>
      </table>
    </div>
</div>

{{--
    <div class="row">

            <div class="col-sm-9  ">
                <table class='table'>
                    <form class="search-form" method="POST">
                        <tr>
                            <td> <a class='p-2' href="{{('/home')}}">
                                <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34">
                                <g id="Group_2427" data-name="Group 2427" transform="translate(-220 -100)">
                                <circle id="Color" cx="17" cy="17" r="17" transform="translate(220 100)" fill="#969696" opacity="0.2"/>
                                <path id="Icon_ionic-ios-arrow-round-back" data-name="Icon ionic-ios-arrow-round-back" d="M13.973,11.466a.763.763,0,0,1,.006,1.075L10.434,16.1H23.943a.759.759,0,0,1,0,1.518H10.434l3.551,3.557a.769.769,0,0,1-.006,1.075.756.756,0,0,1-1.069-.006L8.1,17.394h0a.853.853,0,0,1-.158-.239.725.725,0,0,1-.058-.292.761.761,0,0,1,.216-.531l4.812-4.847A.744.744,0,0,1,13.973,11.466Z" transform="translate(221.711 100.142)"/>
                                </g>
                                </svg>
                                </a></td>
                            <td>
                                <div class="mb-3 ">
                                <label for="exampleFormControlInput1" class="form-label">{{ trans('admin.from') }}</label>
                                <input type="date" class="form-control from-date"  name="fromDate" placeholder=" ">
                                </div>
                            </td>
                            <td>
                                <div class="mb-3">
                                <label for="exampleFormControlInput1" class="form-label">{{ trans('admin.to') }}</label>
                                <input type="date" class="form-control to-date" name="toDate" placeholder=" ">
                                </div>
                            </td>
                            <td>
                                <div class="mt-3 pt-2 ">
                                <button type="submit" class='btn btn-info btn_blue btn-search'>{{trans('admin.search')}}<i class="bi bi-arrow-right px-2"></i></button>
                                <button type="reset" class='btn btn-info btn_yellow btn-reset'> {{trans("admin.reset")}} <i class="bi bi-arrow-repeat px-2 pr-1"></i>

                                </button>
                                </div>
                            </td>
                        </tr>
                    </form>
                </table>
            </div>
      </div> --}}









</div>


<main class="px-0 scroll-y">
  <!-- body content  -->
  <div class="card rounded border-0">
    <div class="card-body pt-0">
      <div class="row">
        <div class="col-lg-12">
          <div class="table-responsive">
            <table class="table w-100 table-sm table-hover mb-0 table-bordered data-table">
              <thead class="bg-light">
                  <tr>
                    <th>{{trans('admin.id')}}</th>
                    {{-- <th>{{trans('admin.Name')}}</th> --}}
                    <th>{{trans('admin.user')}}</th>
                    <th>{{trans('admin.log_name')}}</th>
                    <th>{{trans('admin.description')}}</th>
                    <th>{{trans('admin.properties')}}</th>
                    {{-- <th>{{trans('admin.Action')}}</th> --}}
                  </tr>
              </thead>
              <tbody>
              </tbody>
            </table>
          </div>
      </div>
    </div>
  </div>
</div>
</main>






<style>
    .dataTables_filter {
    display: none;
  }
</style>

@endsection
@section('custom-js')
<script type="text/javascript">
  var table ="";
  $(function () {
    table = $('.data-table').DataTable({
      processing: true,
      serverSide: true,
        ajax: {
            url: "{{ route('user-activity') }}",
            data: function (d) {
                d.fromDate = $('input[name=fromDate]').val();
                d.toDate = $('input[name=toDate]').val();
            }
        },
      columns: [
          {data: 'id', name: 'id'},
          {data:'user',name:'user'},
          {data: 'log_name', name: 'log_name'},
        //   {data: 'name_ar', name: 'name_ar'},
          {data: 'description', name: 'description'},
          {data: 'properties', name: 'properties'},
        //   {data: 'action', name: 'action',
        //    orderable: false, searchable: false},
      ],
      "lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]]
    });
  });
  $("body").on('reset','.search-form',function(e){
      $(this)[0].reset();
      table.draw();
  });
  $("#search_new").on("keyup search input paste cut", function() {
     table.search(this.value).draw();
  });
  $('body').on('submit','.search-form',function (e) {
    e.preventDefault();
    if($('input[name=fromDate]').val() == "" && $('input[name=toDate]').val() =="")
    {
        swal("{{trans('admin.empty_fields_are_not_allowed')}}","warn");
        return
    }
    table.draw();
  });

</script>

@endsection