@extends('layouts.app')

@section('content')
<div class="dashboard-content">
  <div class="main-order-layout">
    <div class="main-card">
      <div class="main-heading">
        <h4>Access Levels</h4>
      </div>
    </div>
    <div class="add-btn-notify">
      <a href="{{route('user.addAccesslevel')}}"><button class="add-store"><span><img src="{{ asset('admin-assets/images/add-icon.svg') }}" alt="add" class="add-img me-2">Add</span></button></span></a>
    </div>
    <!-- heading end  -->


    <!-- order table  -->
    <div class="table-access-layout">
      <table class="table">
        <thead>
          <tr>
            <th><input type="checkbox"></th>
            <th>Name</th>
            <th>Updated</th>
            <th>Created </th>
            <th>Notes</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><input type="checkbox"></td>
            <td>КАМЕРАЗАМОТОРСДВ</td>
            <td>2024-11-15 10:36:09</td>
            <td>2024-11-15 10:36:09</td>
            <td>Notes</td>
            <td>
    </div>
    <div class="d-flex table-actions"> <a href="{{route('user.editAccesslevel')}}"><img src="{{ asset('admin-assets/images/edit.svg') }}" alt="edit" class="edit-img"></a>
      <a ><img src="{{ asset('admin-assets/images/delete-icon.svg') }}" alt="info" class="info-img"></a>
      </td>
      </tr>
      </tbody>
      </table>
      <div class="table-pagination">
        <nav aria-label="Page navigation example">

          <ul class="pagination justify-content-end gap-2">
            <li class="page-item">
              <a class="page-link" href="#" aria-label="Previous">
                <span aria-hidden="true">&laquo;</span>
              </a>
            </li>
            <li class="page-item"><a class="page-link" href="#">1</a></li>
            <li class="page-item"><a class="page-link" href="#">2</a></li>
            <li class="page-item"><a class="page-link" href="#">3</a></li>
            <li class="page-item"><a class="page-link" href="#">...</a></li>
            <li class="page-item"><a class="page-link" href="#">4</a></li>
            <li class="page-item"><a class="page-link" href="#">5</a></li>
            <li class="page-item"><a class="page-link" href="#">6</a></li>
            <li class="page-item">
              <a class="page-link" href="#" aria-label="Next">
                <span aria-hidden="true">&raquo;</span>
              </a>
            </li>
          </ul>

        </nav>
      </div>

    </div>

  </div>
</div>


@endsection