@extends('layouts.store.store')
@section('title', 'Notifications List')
@section('content')

<main>
    <div class="container-fluid p-0">
        <div class="row g-0">
            @include('partials.header')
            @if(Auth::user()->Usertype == 'admin')
                @include('layouts.admin.sidebar')
            @elseif(Auth::user()->Usertype == 'store')
                @include('layouts.store.sidebar')
            @endif
            <section class="content-section col primary-bg-light p-xl-4 p-3">
                <div class="bg-white rounded-3 shadow-sm p-3">
                    <div class="row">
                        <div class="col-12">
                            <div class="small fw-medium d-flex flex-wrap">Notifications</div>
                            <hr class="mb-4">
                            <h5>Notifications</h5>
                        </div>
                        <div class="col-12">
                            <div class="bg-secondary-light text-center rounded">
                                <div class="d-flex flex-column gap-2">
                                    <a href="" class="d-flex nav-link notification-unread rounded-2 p-3 justify-content-between flex-column flex-lg-row border">
                                        <span class="d-flex pe-4">
                                            <i class="bi bi-circle-half me-1"></i>
                                            <p class="text-start mb-1">Feedback: <strong>Very useful.</strong></p>
                                        </span>
                                        <span class="d-flex flex-lg-column justify-content-lg-start justify-content-between text-end text-nowrap">
                                            <span>15 minutes ago</span>
                                            <span>Today</span>
                                        </span>
                                    </a>
                                    <a href="" class="d-flex nav-link rounded-2 p-3 justify-content-between flex-column flex-lg-row border">
                                        <span class="d-flex pe-4">
                                            <i class="bi bi-circle-half me-1"></i>
                                            <p class="text-start mb-1">Support Ticket: <strong>Technical Error.</strong></p>
                                        </span>
                                        <span class="d-flex flex-lg-column justify-content-lg-start justify-content-between text-end text-nowrap">
                                            <span>1:15 pm</span>
                                            <span>Yesterday</span>
                                        </span>
                                    </a>
                                    <a href="account-settings.html" class="d-flex btn nav-link rounded-2 p-3 justify-content-between flex-column flex-lg-row border">
                                        <span class="d-flex pe-4">
                                            <i class="bi bi-circle-half me-1"></i>
                                            <p class="text-start mb-1">Profile: <strong>Password updated.</strong></p>
                                        </span>
                                        <span class="d-flex flex-lg-column justify-content-lg-start justify-content-between text-end text-nowrap">
                                            <span>1:15 pm</span>
                                            <span>02-08-2024</span>
                                        </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</main>









@stop