@extends('layouts.app')

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


        <!-- order table  -->
        <div class="table-notification-layout">
            <table class="table">
                <thead>
                    <tr>
                        <th>Name</th>
                        <th>Stores </th>
                        <th>Updated</th>
                        <th>Created </th>
                        <th>Notes</th>

                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>КАМЕРАЗАМОТОРСДВ</td>
                        <td>Sportcam-2024</td>
                        <td>2024-11-15 10:36:09</td>
                        <td>2024-11-15 10:36:09</td>
                        <td>Notes</td>
                        <td>

                            <div class="d-flex table-actions">
                                <a><img src="{{ asset('admin-assets/images/edit.svg') }}" alt="edit" class="edit-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