{{-- @php ($headerOption = [
'title' => $module,
'header_buttons' => [
  '<a class="'. \Config::get('view.buttons.secondary') .'" href="'. route('export.users', Request::input()) .'" data-toggle="tooltip" data-original-title="Export Records"><i class="bx bx-download"></i></a>',
  ($permission['create'] ? '<a class="'. \Config::get('view.buttons.primary') .'" href="'. route($routePrefix . '.create') .'" data-toggle="tooltip" data-original-title="Add New Record">'. \Config::get('settings.icon_add') .' <span>Add New</span></a>' : ''),
],
'filters' => isset($filters) ? $filters : [],
'data' => isset($data) ? $data : []
])
@extends('admin.layouts.layout', $headerOption) --}}

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


@section('content')
<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>Image </th>
        <th>User ID </th>
        <th>First Name </th>
        <th>Last Name </th>
        <th>Email </th>
        <th>Username </th>
        <th>Address </th>
        <th>Gender</th>
        <th>Balance</th>
        <th>Overall Records</th>
        <th>Edit</th>
        <th>Block User</th>
        
      </tr>
    </thead>
    <tbody>
      @if($usersInfo)
        @foreach ($usersInfo as $key => $val)
        <tr>
          <td><img src="{{ isset($val['image']) ? $val['image'] : asset('img/no-profile.jpg') }}" alt="Profile Image" width="50" height="50" style="border-radius: 50%;"></td>
          <td> {{ $val['id'] }}</td>
          <td>{{ isset($val['first_name']) ? $val['first_name'] : '-' }}</td>
          <td>{{ isset($val['last_name']) ? $val['last_name'] : '-' }}</td>
          <td>{{ isset($val['email']) ? $val['email'] : '-' }}</td>
          <td>{{ isset($val['username']) ? $val['username'] : '-' }}</td>
          {{-- <td>{{ isset($val['address']) ? $val['address']:'-'}}</td> --}}
          <td>
            @if(isset($val['country']) && isset($val['state']) && isset($val['city']))
                {{ $val['country'] }}, {{ $val['state'] }}, {{ $val['city'] }}
            @elseif(isset($val['country']) && isset($val['state']))
                {{ $val['country'] }}, {{ $val['state'] }}, -
            @elseif(isset($val['country']) && isset($val['city']))
                {{ $val['country'] }}, -, {{ $val['city'] }}
            @elseif(isset($val['state']) && isset($val['city']))
                -, {{ $val['state'] }}, {{ $val['city'] }}
            @elseif(isset($val['country']))
                {{ $val['country'] }}
            @elseif(isset($val['state']))
                {{ $val['state'] }}
            @elseif(isset($val['city']))
                {{ $val['city'] }}
            @else
                -
            @endif
          </td>
          <td>{{ isset($val['gender']) ? $val['gender']:'-'}}</td>
          <td>{{ isset($val['balance']) ? number_format($val['balance'],0):'-'}}</td>
          <td>{{ isset($val['overall_records']) ? $val['overall_records']:'-'}}</td>
          <td class="text-right">
            <a href="{{ route('users' . '.edit', $val['id']) }}" class="{!! \Config::get('view.table.list_light_button') !!} mr-2" data-toggle="tooltip" title="" data-original-title="Edit"><i class="mdi mdi-border-color"></i></a>
            
          </td>
          <td>
            <a class="btn btn-light mr-2" data-toggle="tooltip" title="" data-confirm="Are You Sure You Want To {{ !empty($val['is_blocked']) ? 'Unblock' : 'Block' }} {{ $val['first_name'] ?? 'This User' }} ?" data-confirm-yes="event.preventDefault();
                document.getElementById('delete-form-{{$val['id']}}').submit();" data-original-title="Delete">{{ !empty($val['is_blocked']) ? 'Unblock' : 'Block' }}</a>
          {!! html()->form('PUT', route(
              'users' . '.restrictUser',
              $val['id']
              ))->attributes([
              'style' => 'display:inline',
              'id'    => 'delete-form-' . $val['id']
            ])->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 () {
      let table = $('#exampleTable').DataTable({
        //scrollY: '400px',  // Adjust height as needed
        //scrollCollapse: true,
        paging: true,     // Enable pagination
        // fixedHeader: {
        //     header: true,
            
        // },
        //autoWidth: false,  // Prevent misalignment
        //responsive: true   // Improves table behavior on different screen sizes
    }).columns([11]).visible(true);
    // Adjust column widths after DataTables initializes
    
    });
</script>
@endpush

@push('page_script')
<script>
    $(document).ready(function () {
        $('#exampleTable').DataTable();
    });
</script>
@endpush
@endsection