<!DOCTYPE html>

<html lang="en">
<head>
        <?php echo view('partials/title-meta', array('title' => 'Activity Stream')) ?> <?= $this->include('partials/head-css') ?>
    </head>
<body>
<div class="wrapper">
            <?php echo view('partials/topbar', array('subtitle' => 'Apps', 'title' => 'Activity Stream')) ?> <?= $this->include('partials/sidenav') ?>

            <!-- Start Page Content here -->
<div class="page-content">
<main>
                    <?php echo view('partials/page-title', array('subtitle' => 'Apps', 'title' => 'Activity Stream')) ?>

                    <div class="container-fluid">
<div class="grid grid-cols-1 lg:grid-cols-2 gap-base">
<div class="card">
<div class="card-header">
<h4 class="card-title">Basic Activity Stream</h4>
</div>
<!-- end card-header-->
<div class="card-body">
<div class="flex items-center gap-base pb-2.5">
<span class="badge badge-label bg-info text-white">Add</span>
<span class="text-default-400">Today at 08:05:33 am</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-1.jpg"/>
                                            Olivia Lee
                                        </a>
                                        Added a new design asset
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-success text-white">Update</span>
<span class="text-default-400">Today at 08:48:20 am</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-2.jpg"/>
                                            Ethan Wong
                                        </a>
                                        Updated project timeline
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-primary text-white">Upload</span>
<span class="text-default-400">Today at 09:12:45 am</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-3.jpg"/>
                                            Grace Kim
                                        </a>
                                        Uploaded design guidelines PDF
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-danger text-white">Remove</span>
<span class="text-default-400">Today at 09:55:02 am</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-4.jpg"/>
                                            Noah Smith
                                        </a>
                                        Removed outdated document
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-warning text-white">Comment</span>
<span class="text-default-400">Today at 10:34:10 am</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-5.jpg"/>
                                            Mia Johnson
                                        </a>
                                        Commented on new task board
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-success text-white">Approve</span>
<span class="text-default-400">Today at 11:03:22 am</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-6.jpg"/>
                                            Liam Davis
                                        </a>
                                        Approved budget request
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-primary text-white">Add</span>
<span class="text-default-400">Today at 11:40:07 am</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-7.jpg"/>
                                            Sophia Martinez
                                        </a>
                                        Added new member to team
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-warning text-white">Edit</span>
<span class="text-default-400">Today at 12:18:33 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-8.jpg"/>
                                            Jack Wilson
                                        </a>
                                        Edited task deadline
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-danger text-white">Reject</span>
<span class="text-default-400">Today at 01:05:11 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-9.jpg"/>
                                            Ella Moore
                                        </a>
                                        Rejected draft submission
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-info text-white">Share</span>
<span class="text-default-400">Today at 01:43:29 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-10.jpg"/>
                                            Benjamin Taylor
                                        </a>
                                        Shared roadmap document
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-success text-white">Upload</span>
<span class="text-default-400">Today at 02:15:50 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-1.jpg"/>
                                            Olivia Lee
                                        </a>
                                        Uploaded Q2 reports
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-warning text-white">Edit</span>
<span class="text-default-400">Today at 02:52:06 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-2.jpg"/>
                                            Ethan Wong
                                        </a>
                                        Edited team description
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-danger text-white">Delete</span>
<span class="text-default-400">Today at 03:20:44 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-3.jpg"/>
                                            Grace Kim
                                        </a>
                                        Deleted obsolete files
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-success text-white">Approve</span>
<span class="text-default-400">Today at 03:58:00 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-4.jpg"/>
                                            Noah Smith
                                        </a>
                                        Approved new sprint plan
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-primary text-white">Add</span>
<span class="text-default-400">Today at 04:36:18 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-5.jpg"/>
                                            Mia Johnson
                                        </a>
                                        Added new project brief
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-warning text-white">Comment</span>
<span class="text-default-400">Today at 05:14:03 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-6.jpg"/>
                                            Liam Davis
                                        </a>
                                        Left a note on timeline slide
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-info text-white">Share</span>
<span class="text-default-400">Today at 05:49:57 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-7.jpg"/>
                                            Sophia Martinez
                                        </a>
                                        Shared access to internal repo
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-danger text-white">Remove</span>
<span class="text-default-400">Today at 06:30:41 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-8.jpg"/>
                                            Jack Wilson
                                        </a>
                                        Removed archived ticket
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-primary text-white">Upload</span>
<span class="text-default-400">Today at 07:10:59 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-9.jpg"/>
                                            Ella Moore
                                        </a>
                                        Uploaded team performance chart
                                    </div>
<div class="flex items-center gap-base py-2.5">
<span class="badge badge-label bg-success text-white">Create</span>
<span class="text-default-400">Today at 07:52:14 pm</span>
<a class="hover:text-primary flex items-center gap-1.5 font-semibold" href="#!">
<img alt="" class="size-4 rounded-full" src="/images/users/user-10.jpg"/>
                                            Benjamin Taylor
                                        </a>
                                        Created a new OKR session
                                    </div>
</div>
</div>
<div class="card h-full">
<div class="card-header">
<h4 class="card-title">Expended Activity Stream</h4>
</div>
<!-- end card-header-->
<div class="card-body">
<div>
<!-- Event 1 -->
<div class="flex gap-x-base">
<div class="after:border-default-300 relative after:absolute after:start-1/2 after:top-7 after:bottom-0 after:w-px after:border-e -ms-px after:border-dashed last:after:hidden">
<div class="relative z-10 flex items-center justify-center">
<div class="border-default-300 flex size-7.5 items-center justify-center rounded-full border border-dashed">
<i class="iconify tabler--rocket text-primary text-lg"></i>
</div>
</div>
</div>
<div class="flex-1 pb-5">
<div class="flex justify-between">
<h5 class="mb-1.25">
                                                        New Feature Released
                                                        <span class="badge badge-label ms-2.5 bg-info/15 text-info">Deploy</span>
</h5>
<span class="text-default-400 text-xs">Today at 3:45 PM</span>
</div>
<p class="text-default-400 mb-1.25">Launched the real-time chat feature across all user accounts.</p>
<div class="flex items-center gap-2.5">
<img alt="Natalie Brooks" class="size-4 rounded-full" src="/images/users/user-6.jpg"/>
<a class="hover:text-primary font-semibold" href="#!">Natalie Brooks</a>
</div>
</div>
</div>
<!-- Event 2 -->
<div class="flex gap-x-base">
<div class="after:border-default-300 relative after:absolute after:start-1/2 after:top-7 after:bottom-0 after:w-px after:border-e -ms-px after:border-dashed last:after:hidden">
<div class="relative z-10 flex items-center justify-center">
<div class="border-default-300 flex size-7.5 items-center justify-center rounded-full border border-dashed">
<i class="iconify tabler--calendar-event text-warning text-lg"></i>
</div>
</div>
</div>
<div class="flex-1 pb-5">
<div class="flex justify-between">
<h5 class="mb-1.25">
                                                        Team Sync-Up
                                                        <span class="badge badge-label ms-2.5 bg-secondary/15 text-secondary">Meeting</span>
</h5>
<span class="text-default-400 text-xs">Today at 2:00 PM</span>
</div>
<p class="text-default-400 mb-1.25">Reviewed sprint progress and discussed remaining tasks with the dev team.</p>
<div class="flex items-center gap-2.5">
<img alt="Oliver Grant" class="size-4 rounded-full" src="/images/users/user-4.jpg"/>
<a class="hover:text-primary font-semibold" href="#!">Oliver Grant</a>
</div>
</div>
</div>
<!-- Event 3 -->
<div class="flex gap-x-base">
<div class="after:border-default-300 relative after:absolute after:start-1/2 after:top-7 after:bottom-0 after:w-px after:border-e -ms-px after:border-dashed last:after:hidden">
<div class="relative z-10 flex items-center justify-center">
<div class="border-default-300 flex size-7.5 items-center justify-center rounded-full border border-dashed">
<i class="iconify tabler--palette text-success text-lg"></i>
</div>
</div>
</div>
<div class="flex-1 pb-5">
<div class="flex justify-between">
<h5 class="mb-1.25">
                                                        UI Design Review
                                                        <span class="badge badge-label ms-2.5 bg-success/15 text-success">Design</span>
</h5>
<span class="text-default-400 text-xs">Today at 1:15 PM</span>
</div>
<p class="text-default-400 mb-1.25">Updated component spacing and colors for improved accessibility.</p>
<div class="flex items-center gap-2.5">
<img alt="Clara Jensen" class="size-4 rounded-full" src="/images/users/user-9.jpg"/>
<a class="hover:text-primary font-semibold" href="#!">Clara Jensen</a>
</div>
</div>
</div>
<!-- Event 4 -->
<div class="flex gap-x-base">
<div class="after:border-default-300 relative after:absolute after:start-1/2 after:top-7 after:bottom-0 after:w-px after:border-e -ms-px after:border-dashed last:after:hidden">
<div class="relative z-10 flex items-center justify-center">
<div class="border-default-300 flex size-7.5 items-center justify-center rounded-full border border-dashed">
<i class="iconify tabler--database text-danger text-lg"></i>
</div>
</div>
</div>
<div class="flex-1 pb-5">
<div class="flex justify-between">
<h5 class="mb-1.25">
                                                        Database Optimization
                                                        <span class="badge badge-label ms-2.5 bg-danger/15 text-danger">Backend</span>
</h5>
<span class="text-default-400 text-xs">Today at 12:30 PM</span>
</div>
<p class="text-default-400 mb-1.25">Improved DB query performance, reducing load time by 35%.</p>
<div class="flex items-center gap-2.5">
<img alt="Leo Armstrong" class="size-4 rounded-full" src="/images/users/user-10.jpg"/>
<a class="hover:text-primary font-semibold" href="#!">Leo Armstrong</a>
</div>
</div>
</div>
<!-- Event 5 -->
<div class="flex gap-x-base">
<div class="after:border-default-300 relative after:absolute after:start-1/2 after:top-7 after:bottom-0 after:w-px after:border-e -ms-px after:border-dashed last:after:hidden">
<div class="relative z-10 flex items-center justify-center">
<div class="border-default-300 flex size-7.5 items-center justify-center rounded-full border border-dashed">
<i class="iconify tabler--user-hexagon text-info text-lg"></i>
</div>
</div>
</div>
<div class="flex-1 pb-5">
<div class="flex justify-between">
<h5 class="mb-1.25">
                                                        Security Audit Completed
                                                        <span class="badge badge-label ms-2.5 bg-warning/15 text-warning">Audit</span>
</h5>
<span class="text-default-400 text-xs">Today at 11:00 AM</span>
</div>
<p class="text-default-400 mb-1.25">Completed internal security audit with no critical issues found.</p>
<div class="flex items-center gap-2.5">
<img alt="Liam Carter" class="size-4 rounded-full" src="/images/users/user-8.jpg"/>
<a class="hover:text-primary font-semibold" href="#!">Liam Carter</a>
</div>
</div>
</div>
<!-- Event 6 -->
<div class="flex gap-x-base">
<div class="after:border-default-300 relative after:absolute after:start-1/2 after:top-7 after:bottom-0 after:w-px after:border-e -ms-px after:border-dashed last:after:hidden">
<div class="relative z-10 flex items-center justify-center">
<div class="border-default-300 flex size-7.5 items-center justify-center rounded-full border border-dashed">
<i class="iconify tabler--user-plus text-success text-lg"></i>
</div>
</div>
</div>
<div class="flex-1 pb-5">
<div class="flex justify-between">
<h5 class="mb-1.25">
                                                        New Team Member Joined
                                                        <span class="badge badge-label ms-2.5 bg-primary/15 text-primary">Onboarding</span>
</h5>
<span class="text-default-400 text-xs">Today at 10:15 AM</span>
</div>
<p class="text-default-400 mb-1.25">Michael Lee has joined the development team as a Frontend Engineer.</p>
<div class="flex items-center gap-2.5">
<img alt="Emma Davis" class="size-4 rounded-full" src="/images/users/user-7.jpg"/>
<a class="hover:text-primary font-semibold" href="#!">Emma Davis</a>
</div>
</div>
</div>
<!-- Event 7 -->
<div class="flex gap-x-base">
<div class="after:border-default-300 relative after:absolute after:start-1/2 after:top-7 after:bottom-0 after:w-px after:border-e -ms-px after:border-dashed last:after:hidden">
<div class="relative z-10 flex items-center justify-center">
<div class="border-default-300 flex size-7.5 items-center justify-center rounded-full border border-dashed">
<i class="iconify tabler--pencil text-warning text-lg"></i>
</div>
</div>
</div>
<div class="flex-1 pb-5">
<div class="flex justify-between">
<h5 class="mb-1.25">
                                                        Documentation Updated
                                                        <span class="badge badge-label ms-2.5 bg-secondary/15 text-secondary">Docs</span>
</h5>
<span class="text-default-400 text-xs">Yesterday at 5:20 PM</span>
</div>
<p class="text-default-400 mb-1.25">Refreshed developer documentation with updated APIs and workflows.</p>
<div class="flex items-center gap-2.5">
<img alt="Sophia Reed" class="size-4 rounded-full" src="/images/users/user-7.jpg"/>
<a class="hover:text-primary font-semibold" href="#!">Sophia Reed</a>
</div>
</div>
</div>
<!-- Event 8 -->
<div class="flex gap-x-base">
<div>
<div class="relative z-10 flex items-center justify-center">
<div class="border-default-300 flex size-7.5 items-center justify-center rounded-full border border-dashed">
<i class="iconify tabler--check text-success text-lg"></i>
</div>
</div>
</div>
<div class="flex-1 pb-5">
<div class="flex justify-between">
<h5 class="mb-1.25">
                                                        Task Completed
                                                        <span class="badge badge-label ms-2.5 bg-success/15 text-success">Done</span>
</h5>
<span class="text-default-400 text-xs">Yesterday at 3:10 PM</span>
</div>
<p class="text-default-400 mb-1.25">Finished implementation of the email notification system.</p>
<div class="flex items-center gap-2.5">
<img alt="Daniel Chen" class="size-4 rounded-full" src="/images/users/user-5.jpg"/>
<a class="hover:text-primary font-semibold" href="#!">Daniel Chen</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>

                <?= $this->include('partials/footer') ?>
            </div>
<!-- End Page content -->
</div>

        <?= $this->include('partials/customizer') ?> <?= $this->include('partials/footer-scripts') ?>
    </body>
</html>