@extends('layouts.app')

@section('content')
<div class="dashboard-content">
  <div class="main-order-layout">
    <div class="main-card">
      <div class="main-heading">
        <h4>User Management</h4>
      </div>
    </div>
        <!-- Search & Add Store -->
        <div class="store-filter">
            <div class="position-relative">
               
            </div>
            <a class="add-btn" href='{{ route('users.create') }}'>
                <button class="add-store">
                    <span>
                        <img src="{{ asset('admin-assets/images/add-icon.svg') }}" alt="add" class="add-img me-2">Add User
                    </span>
                </button>
            </a>
        </div>


    <!-- User table -->
    <div class="table-user-layout">
      <table id="orderTable"
                class="table table-borderless"
                data-toggle="table"
                data-search="true"
                data-pagination="true"
                data-sortable="true"
                data-page-size="8"
                data-click-to-select="false">
        <thead>
          <tr>
            <th>Name</th>
            <th>Email</th>
            <th>Phone</th>
            <th>Access Level</th>
            <th>Language</th>
            <th>IP Address</th>
            <th>Notes</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
        @foreach($data as $user)
          <tr>
            <td>{{ $user->name }}</td>
            <td>{{ $user->email }}</td>
            <td>{{ $user->phone }}</td>
            <td>{{ $user->access_level }}</td>
            <td>{{ $user->language }}</td>
            <td>{{ $user->ip_address }}</td>
            <td>{{ $user->notes }}</td>
            <td>
              <div class="d-flex table-actions">
                <a href="{{ route('users.edit', $user->id) }}">
                  <img src="{{ asset('admin-assets/images/edit.svg') }}" alt="edit" class="edit-img">
                </a>
                <form action="{{ route('users.destroy', $user->id) }}" method="POST" onsubmit="return confirm('Are you sure?');">
                  @csrf
                  @method('DELETE')
                  <button type="submit" class="btn btn-link p-0">
                    <img src="{{ asset('admin-assets/images/delete-icon.svg') }}" alt="delete" class="delete-img">
                  </button>
                </form>
              </div>
            </td>
          </tr>
        @endforeach
        </tbody>
      </table>
      
      <!-- Pagination -->
      <div class="table-pagination">
        {{ $data->links() }}
      </div>
    </div>
  </div>
</div>
@endsection