@php ($headerOption = [
'title' => "Reported Users",
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@endphp
@extends('admin.layouts.layout',$headerOption)


@section('content')
<div class="page-filter">
  <select name="status" class="form-select mb-3" style="max-width: 150px" id="status-select" onchange="redirectToPage(this)">
    <option value="{{ route('repored-users.index', ['status' => '']) }}" @if(request('status') == '') selected @endif>Reports</option>
    <option value="{{ route('repored-users.index', ['status' => 'blocked']) }}"@if(request('status') == 'blocked') selected @endif>Blocked Users</option>
  </select>
</div>

<div class="table-responsive">
  {{-- <table class="{!! \Config::get('view.table.table_class') !!}"> --}}
    <table id="exampleTable" class="table table-striped table-bordered">
    <thead class="{!! \Config::get('view.table.table_head_class') !!}">
      <tr>
        {{-- <th colspan="2">Name {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'first_name', $orderBy) !!}</th>
        <th>Contact {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'email', $orderBy) !!}</th>
        <th>Role {!! \App\Helpers\Helper::sort($routePrefix . '.index', 'r__title', $orderBy) !!}</th>
        <th>Status</th>
        <th>Created At</th>
        @if($permission['edit'] || $permission['destroy'])
        <th width="15%" style="text-align: right;">Action</th>
        @endif --}}
        <th>The Complainant </th>
        <th>Rule Breaker </th>
        <th>Reason</th>
        <th>Reported Time</th>
        <th>Block User</th>
        <th>Delete Report</th>
        
      </tr>
    </thead>
    <tbody>
      @if($reportsInfo)
        @foreach ($reportsInfo as $key => $val)
        <tr>
          {{-- <td width="3%">{!! \App\Helpers\Helper::genLogo($val->avatar, $val, 'xs', 'rounded-circle') !!}</td>
          <td><a href="{{ route($routePrefix . '.show', $val->id) }}" class="show-modal-lg">{{ $val->full_name }}</a></td>
          <td><strong>Email:</strong> {{ $val->email }}</td>
          <td>{{ $val->role_title }}</td>
          <td><span class="badge badge-pill badge-soft-{{ $val->statuses[$val->status]['badge'] }} font-size-12">{!! $val->statuses[$val->status]['name'] !!}</span></td>
          <td>{{ \App\Helpers\Helper::showDate($val->created_at) }}</td>
          @if($permission['edit'] || $permission['destroy'])
          <td class="text-right">
            @if($permission['edit'])
            <a href="{{ route($routePrefix . '.edit', $val->id) }}" class="{!! \Config::get('view.table.list_light_button') !!}" data-toggle="tooltip" title="" data-original-title="Edit">{!! \Config::get('settings.icon_edit') !!}</a>
            @endif
            @if($permission['destroy'] && $val->id != auth()->user()->id)
              <a class="{!! \Config::get('view.table.list_danger_button') !!}" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
                    document.getElementById('delete-form-{{$val->id}}').submit();" data-original-title="Delete">{!! \Config::get('settings.icon_delete') !!}</a>
              {!! html()->form('DELETE', route(
                  $routePrefix . '.destroy',
                  $val->id
                  ))->attributes([
                  'style' => 'display:inline',
                  'id'    => 'delete-form-' . $val->id  
                ])->open() !!}
              {!! html()->form()->close() !!}
            @endif
          </td>
          @endif --}}

          <td> {{ isset($val['complainant_username']) ? $val['complainant_username'] : '-' }}</td>
          <td> {{ isset($val['reported_username']) ? $val['reported_username'] : '-'}}</td>
          <td>{{ isset($val['reason']) ? $val['reason'] : '-' }}</td>
          <td>{{ \Carbon\Carbon::parse($val['created_at'])->format('d/m/Y') }} </td>
          <td><a href="#" class="btn btn-light" data-toggle="tooltip" title="" data-original-title="Block">Block</a></td>
          <td>
            @php
                $docId = $val['id']; 
            @endphp
            <a class="{!! \Config::get('view.table.list_danger_button') !!}" data-toggle="tooltip" title="" data-confirm="Are You Sure?|This action can not be undone. Do you want to continue?" data-confirm-yes="event.preventDefault();
            document.getElementById('delete-form-{{$docId}}').submit();" data-original-title="Delete"><i class="mdi mdi-delete"></i></a>
            {!! html()->form('DELETE', route(
            'repored-users' . '.delete',
            $docId
            ))->attributes([
            'style' => 'display:inline',
            'id'    => 'delete-form-' . $docId  
          ])->open() !!}
          {!! html()->form()->close() !!}
        </td>
          
        </tr>
        @endforeach
      @else
      <tr>
        <td colspan="25">
          <div class="alert alert-danger">No Data</div>
        </td>
      </tr>
      @endif
    </tbody>
  </table>
</div>

@include('admin.components.pagination')
@push('page_script')
<script>
    $(document).ready(function () {
        $('#exampleTable').DataTable({
            searching: false, // Disables the search bar
            scrollY: '400px',  // Adjust height as needed
          scrollCollapse: true,
          paging: true,     // Disable pagination if needed
          fixedHeader: true,
          ordering: false
        });
    });
    function redirectToPage(select) {
        var url = select.value; // Get the selected value (URL)
        if (url) {
            window.location.href = url; // Redirect to the selected route
        }
    }

    
</script>
@endpush
@endsection