@extends('include.master')
@section('content')
    <div class="card">
        <div class="card-body">
            <div class="position-relative">
                <div class="simplebar-content" style="padding: 0px;">
                    <a href="#!" class="text-reset notification-item">
                        <div class="d-flex">
                            <div class="flex-shrink-0 me-3">
                                <img src="{{ asset('assets/images/users/avatar-3.jpg') }}" class="rounded-circle avatar-sm"
                                    alt="user-pic">
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-muted font-size-13 mb-0 float-end">1 hour ago</p>
                                <h6 class="mb-1">James Lemire</h6>
                                <div>
                                    <p class="mb-0">It will seem like simplified English.</p>
                                </div>
                            </div>

                        </div>
                    </a>
                    <a href="#!" class="text-reset notification-item">
                        <div class="d-flex">
                            <div class="flex-shrink-0 avatar-sm me-3">
                                <span class="avatar-title bg-primary rounded-circle font-size-18">
                                    <i class="bx bx-cart"></i>
                                </span>
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-muted font-size-13 mb-0 float-end">3 min ago</p>
                                <h6 class="mb-1">Your order is placed</h6>
                                <div>
                                    <p class="mb-0">If several languages coalesce the grammar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="#!" class="text-reset notification-item">
                        <div class="d-flex">
                            <div class="flex-shrink-0 avatar-sm me-3">
                                <span class="avatar-title bg-success rounded-circle font-size-18">
                                    <i class="bx bx-badge-check"></i>
                                </span>
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-muted font-size-13 mb-0 float-end">8 min ago</p>
                                <h6 class="mb-1">Your item is shipped</h6>
                                <div>
                                    <p class="mb-0">If several languages coalesce the grammar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="#!" class="text-reset notification-item">
                        <div class="d-flex">
                            <div class="flex-shrink-0 me-3">
                                <img src="{{ asset('assets/images/users/avatar-6.jpg') }}" class="rounded-circle avatar-sm"
                                    alt="user-pic">
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-muted font-size-13 mb-0 float-end">1 hour ago</p>
                                <h6 class="mb-1">Salena Layfield</h6>
                                <div>
                                    <p class="mb-1">As a skeptical Cambridge friend of mine occidental.</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="#!" class="text-reset notification-item">
                        <div class="d-flex">
                            <div class="flex-shrink-0 me-3">
                                <img src="{{ asset('assets/images/users/avatar-3.jpg') }}" class="rounded-circle avatar-sm"
                                    alt="user-pic">
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-muted font-size-13 mb-0 float-end">1 hour ago</p>
                                <h6 class="mb-1">James Lemire</h6>
                                <div>
                                    <p class="mb-0">It will seem like simplified English.</p>
                                </div>
                            </div>

                        </div>
                    </a>
                    <a href="#!" class="text-reset notification-item">
                        <div class="d-flex">
                            <div class="flex-shrink-0 avatar-sm me-3">
                                <span class="avatar-title bg-primary rounded-circle font-size-18">
                                    <i class="bx bx-cart"></i>
                                </span>
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-muted font-size-13 mb-0 float-end">3 min ago</p>
                                <h6 class="mb-1">Your order is placed</h6>
                                <div>
                                    <p class="mb-0">If several languages coalesce the grammar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="#!" class="text-reset notification-item">
                        <div class="d-flex">
                            <div class="flex-shrink-0 avatar-sm me-3">
                                <span class="avatar-title bg-success rounded-circle font-size-18">
                                    <i class="bx bx-badge-check"></i>
                                </span>
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-muted font-size-13 mb-0 float-end">8 min ago</p>
                                <h6 class="mb-1">Your item is shipped</h6>
                                <div>
                                    <p class="mb-0">If several languages coalesce the grammar</p>
                                </div>
                            </div>
                        </div>
                    </a>
                    <a href="#!" class="text-reset notification-item">
                        <div class="d-flex">
                            <div class="flex-shrink-0 me-3">
                                <img src="{{ asset('assets/images/users/avatar-6.jpg') }}" class="rounded-circle avatar-sm"
                                    alt="user-pic">
                            </div>
                            <div class="flex-grow-1">
                                <p class="text-muted font-size-13 mb-0 float-end">1 hour ago</p>
                                <h6 class="mb-1">Salena Layfield</h6>
                                <div>
                                    <p class="mb-1">As a skeptical Cambridge friend of mine occidental.</p>
                                </div>
                            </div>
                        </div>
                    </a>
                </div>

            </div>
        </div>
    </div>
@endsection
@section('scripts')
    <script>
        $("#base-style").DataTable();
    </script>
@endsection