@extends('layouts.master')

@section('content')

<style>
.software-list h1 {
    font-size: 20px;
    /* font-weight: 700; */
    margin-bottom: 15px;
    color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
}
.software-list .single-features-box {
    background-color: #fff;
    transition: .6s;
    border-radius: 10px;
    /* margin-bottom: 25px; */
    text-align: center;
    padding: 10px 12px;
    height: 130px;
    z-index: 1;
    position: relative;
}
.software-list .single-features-box .icon {
    width: 50px;
    height: 50px;
    font-size: 30px;
    position: relative;
    color: #fff;
    transition: .4s;
    border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
}
.software-list .single-features-box .icon i {
    left: 0;
    right: 0;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}

.single-features-box ._notify {
    position: absolute;
    top: 4px;
    right: 6px;
    background-color: #FF5722;
    padding: 1px 5px;
    border-radius: 10px;
    border: 1px solid #003d0075;
}
</style>



<div class="container-fluid">


    <section  id="software-list" class="content software-list ">
        <div class="row">
            <div class="col-md-12 mb-3">
                <div class="card" style="">
                    <div class="" style="">
                        <div class="" style="background-color: #ffffff78">
                            <div class="card-body pt-0">
                                <h1 style="background: linear-gradient(to bottom, #009688 0%, #026158 100%); margin-left: -16px; margin-right: -16px">Government Software</h1>
                                <div class="row">
                                <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                    <a href="https://n-doptor-accounts.nothi.gov.bd/v2/login?referer=aHR0cDovL2Qubm90aGkuZ292LmJkL2xvZ2luX3Jlc3BvbnNlP3JlZGlyZWN0PWRhc2hib2FyZA==" target="_blank" >
                                        <div class="single-features-box" style="background: #009688; ; color: #fff">
                                            <div class="icon">
                                                <img height="30" src="https://dwasa.org/dnothi.png">
                                            </div>ডি-নথি</h3>
                                        </div>

                                    </a>
                                </div>
                                <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                    <a href="https://www.eprocure.gov.bd/" target="_blank" >
                                        <div class="single-features-box" style="background: #009688; ; color: #fff">
                                            <div class="icon">
                                                <i class="fa fa-users"></i>
                                            </div>ই-জিপি</h3>
                                        </div>
                                    </a>
                                </div>
                                <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                    <a href="https://bari.gov.bd/" target="_blank" >
                                        <div class="single-features-box" style="background: #009688; ; color: #fff">
                                            <div class="icon">
                                                <i class="fas fa-globe-asia"></i>
                                            </div>WebSite</h3>
                                        </div>
                                    </a>
                                </div>
                            </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 mb-3">
                <div class="card" style="">
                    <div class="" style="">
                        <div class="" style="background-color: #ffffff78">
                            <div class="card-body pt-0">
                                <h1 style="background: linear-gradient(to bottom, #1083de 0%, #09365a 100%); margin-left: -16px; margin-right: -16px">Existing Software</h1>
                                <div class="row">

                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="https://baripmis.org/admin" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="icon">
                                                    <i class="fa fa-user"></i>
                                                </div>HR</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="https://baripmis.org/salary" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="_notify">04</div>
                                                <div class="icon">
                                                    <i class="fas fa-coins"></i>
                                                </div>Payroll</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="https://baripmis.org/pension" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="icon">
                                                    <i class="fas fa-link"></i>
                                                </div>Pension</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="https://baripmis.org/labour" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="_notify">09</div>
                                                <div class="icon">
                                                    <i class="fa fa-users"></i>
                                                </div>শ্রমিক ব্যবস্থাপনা</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="https://baripmis.org/sapling/admin" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="icon">
                                                    <i class="fas fa-tree"></i>
                                                </div>মাতৃ কলম সরবরাহ</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="https://baripmis.org/transport" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="icon">
                                                    <i class="fas fa-car-side"></i>
                                                </div>Transport</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="https://baripmis.org/monitoring" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="_notify">03</div>
                                                <div class="icon">
                                                    <i class="fas fa-plane"></i>
                                                </div>অনলাইন ভ্রমণসূচী ব্যবস্থাপনা</h3>
                                            </div>
                                        </a>
                                    </div>
                                    {{-- <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="https://baripmis.org/monitoring" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="_notify">03</div>
                                                <div class="icon">
                                                    <i class="fas fa-plane"></i>
                                                </div>অনলাইন</h3>
                                            </div>
                                        </a>
                                    </div> --}}
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="https://play.google.com/store/apps/details?id=org.techuno.bari_contact_directory&hl=en" target="_blank" >
                                            <div class="single-features-box" style="background: #1068ae; ; color: #fff">
                                                <div class="_notify">03</div>
                                                <div class="icon">
                                                <i class="fas fa-id-card-alt"></i>
                                                </div>BARI Telephone Directory</h3>
                                            </div>
                                        </a>
                                    </div>



                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-12 mb-3">
                <div class="card" style="">
                    <div class="" style="">
                        <div class="" style="background-color: #ffffff78">
                            <div class="card-body pt-0">
                                <h1 style="background: linear-gradient(to bottom, #006A7C 0%, #023a44 100%); margin-left: -16px; margin-right: -16px">Propose Software</h1>
                                <div class="row">
                                    
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('inventory') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">09</div>
                                                <div class="icon">
                                                <i class="fas fa-truck-loading"></i>
                                                </div>Inventory</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('leave') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">01</div>
                                                <div class="icon">
                                                <i class="fas fa-walking"></i>
                                                </div>Leave</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('attendance') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                    <i class="fa fa-check-circle"></i>
                                                </div>Attendance</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('asset') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">12</div>
                                                <div class="icon">
                                                 <i class="fas fa-couch"></i>
                                                </div>Asset Management</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('canteen') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-utensils"></i>
                                                </div>Canteen Management</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('dormitory') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-hotel"></i>
                                                </div>Dormitory</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('library') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-book-reader"></i>
                                                </div>Library</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('training') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">09</div>
                                                <div class="icon">
                                                <i class="fas fa-fill-drip"></i>
                                                </div>Training</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('land') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">04</div>
                                                <div class="icon">
                                                    <i class="fas fa-drafting-compass"></i>
                                                </div>Land</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('quarter') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                    <i class="fa fa-home"></i>
                                                </div>Quarter</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('citizen-charter') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-headset"></i>
                                                </div>Citizen Charter</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('laboratory') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">09</div>
                                                <div class="icon">
                                                <i class="fas fa-flask"></i>
                                                </div>Laboratory Management</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('school') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-graduation-cap"></i>
                                                </div>School Management</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('rpms') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-microscope"></i>
                                                </div>Research Project Management System</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('spadm') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-seedling"></i>
                                                </div>Seed Production & Distribution Management</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('mis-report') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">15</div>
                                                <div class="icon">
                                                <i class="fas fa-chart-bar"></i>
                                                </div>Management Information System (MIS) Report</h3>
                                            </div>
                                        </a>
                                    </div>


                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('provident-fund') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">15</div>
                                                <div class="icon">
                                                <i class="fas fa-funnel-dollar fa-fw"></i>
                                                </div>Provident Fund</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('accounts') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">05</div>
                                                <div class="icon">
                                                <i class="fas fa-file-invoice-dollar fa-fw"></i>
                                                </div>Accounts</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-1 col-lg-1 col-sm-1 col-md-1 col-6 p-1">
                                        <a href="{{ url('intro-card') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-id-card fa-fw"></i>
                                                </div>Intro Card</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('sms-and-mail-portal') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">13</div>
                                                <div class="icon">
                                                <i class="fas fa-mail-bulk fa-fw"></i>
                                                </div>SMS and Mail portal</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('budget') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="icon">
                                                <i class="fas fa-money-check-alt fa-fw"></i>
                                                </div>Budget management</h3>
                                            </div>
                                        </a>
                                    </div>
                                    <div class="col-xl-2 col-lg-2 col-sm-2 col-md-2 col-6 p-1">
                                        <a href="{{ url('application') }}" target="" >
                                            <div class="single-features-box" style="background: #006A7C; ; color: #fff">
                                                <div class="_notify">52</div>
                                                <div class="icon">
                                                <i class="fas fa-receipt fa-fw"></i>
                                                </div>Application management</h3>
                                            </div>
                                        </a>
                                    </div>
                                    
                                    



                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </section>



    @if (false)
        
    
    <div class="row g-3">







        <!-- Card 1 -->
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-success">
                <i class="fas fa-chart-pie"></i>
                <small>Human Resources</small>
                <h2>HR</h2>
                <div class="card-footer">
                    <a href="{{ url('hr') }}">Number of Order <i class="fas fa-arrow-circle-right"></i></a>
                    <a href="https://baripmis.org/admin" target="_blank">Number of Order <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <!-- Card 2 -->
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-secondary">
                <i class="fas fa-chart-bar"></i>
                <small>Leave Management</small>
                <h2>Leave</h2>
                <div class="card-footer">
                    <a href="{{ url('leave') }}">Number of Order <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <!-- Card 3 -->
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-info">
                <i class="fas fa-shopping-bag"></i>
                <small>Attendance Management</small>
                <h2>Attendance</h2>
                <div class="card-footer">
                    <a href="{{ url('attendance') }}">Number of Order <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>

        <!-- Card 4 -->
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>Inventory</small>
                <h2>Inventory</h2>
                <div class="card-footer">
                    <a href="{{ url('inventory') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>account and finance</small>
                <h2>Accounts</h2>
                <div class="card-footer">
                    <a href="{{ url('accounts') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>payroll and sallery</small>
                <h2>Payroll</h2>
                <div class="card-footer">
                    <a href="{{ url('payroll') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>procurement and supply chain</small>
                <h2>Supply Chain</h2>
                <div class="card-footer">
                    <a href="{{ url('supply-chain') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>utility</small>
                <h2>Utility</h2>
                <div class="card-footer">
                    <a href="{{ url('utility') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>




        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>Asset management</small>
                <h2>Asset</h2>
                <div class="card-footer">
                    <a href="{{ url('asset') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>transport and behicle</small>
                <h2>Transport</h2>
                <div class="card-footer">
                    <a href="{{ url('transport') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>Dormetory Management System</small>
                <h2>Dormetory</h2>
                <div class="card-footer">
                    <a href="{{ url('dormetory') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>Library Management System</small>
                <h2>Library</h2>
                <div class="card-footer">
                    <a href="{{ url('library') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>Land and Property Management System</small>
                <h2>Land</h2>
                <div class="card-footer">
                    <a href="{{ url('land') }}">Number of Product <i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 col-md-6">
            <div class="dashboard-card bg-primary">
                <i class="fas fa-user-plus"></i>
                <small>Quarter Management System</small>
                <h2>Quarter</h2>
                <div class="card-footer">
                    <a href="{{ url('quarter') }}"> Go To<i class="fas fa-arrow-circle-right"></i></a>
                </div>
            </div>
        </div>
    </div>
    <!-- end row -->

    <div class="row mt-3 dashboard-collapse-card">
        <!-- Most Popular Articles -->
        <div class="col-lg-6 mb-4">
            <div class="card">
                <div class="card-header" data-bs-toggle="collapse" data-bs-target="#mostPopularArticles"
                    aria-expanded="true">
                    MOST POPULAR ARTICLES



                </div>
                <div id="mostPopularArticles" class="collapse show">
                    <div class="card-body">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Article Name</th>
                                    <th>Views</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Articles go here -->
                            </tbody>
                        </table>
                    </div>
                    <div class="card-footer">
                        <a href="#">View All Articles</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Category List -->
        <div class="col-lg-6 mb-4">
            <div class="card">
                <div class="card-header" data-bs-toggle="collapse" data-bs-target="#categoryList"
                    aria-expanded="true">
                    CATEGORY LIST

                </div>
                <div id="categoryList" class="collapse show">
                    <div class="card-body">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Category Name</th>
                                    <th>Article No</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>Blog</td>
                                    <td><span class="badge bg-info">14</span></td>
                                </tr>
                                <tr>
                                    <td>New Page</td>
                                    <td><span class="badge bg-info">1</span></td>
                                </tr>
                                <tr>
                                    <td>Service</td>
                                    <td><span class="badge bg-info">3</span></td>
                                </tr>
                                <tr>
                                    <td>Home</td>
                                    <td><span class="badge bg-info">0</span></td>
                                </tr>
                                <tr>
                                    <td>Video Gallery</td>
                                    <td><span class="badge bg-info">1</span></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="card-footer">
                        <a href="#">View All Categories</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Login User List -->
        <div class="col-lg-6 mb-4">
            <div class="card">
                <div class="card-header" data-bs-toggle="collapse" data-bs-target="#loginUserList"
                    aria-expanded="true">
                    LOGIN USER LIST

                </div>
                <div id="loginUserList" class="collapse show">
                    <div class="card-body">
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>User Name</th>
                                    <th>Login Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>TechUNO Admin</td>
                                    <td>28-01-2024 09:58:55 AM</td>
                                </tr>
                                <tr>
                                    <td>Admin</td>
                                    <td>24-06-2024 11:50:36 AM</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="card-footer">
                        <a href="#">View All Users</a>
                    </div>
                </div>
            </div>
        </div>

        <!-- Newsletter Subscribers List -->
        <div class="col-lg-6 mb-4">
            <div class="card">
                <div class="card-header" data-bs-toggle="collapse"
                    data-bs-target="#newsletterSubscribersList" aria-expanded="true">
                    NEWSLETTER SUBSCRIBERS LIST

                </div>
                <div id="newsletterSubscribersList" class="collapse show">
                    <div class="card-body">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>E-mail</th>
                                    <th>Subscription Time</th>
                                </tr>
                            </thead>
                            <tbody>
                                <!-- Subscribers will go here -->
                            </tbody>
                        </table>
                    </div>
                    <div class="card-footer">
                        <a href="#">View All Newsletter</a>
                    </div>
                </div>
            </div>
        </div>


        <div class="col-lg-6 mb-4">
            <!-- Card with Custom Checkbox and Radio -->
            <div class="card">
                <div class="card-header">
                    <h5 class="card-title">Preferences</h5>
                </div>
                <div class="card-body">
                    <p class="card-text">Select your preferences below:</p>

                    <!-- Custom Checkbox Group -->
                    <div class="custom-checkbox mb-3">
                        <input type="checkbox" id="checkbox1">
                        <label for="checkbox1">Receive Email Notifications</label>
                    </div>
                    <div class="custom-checkbox mb-3">
                        <input type="checkbox" id="checkbox2">
                        <label for="checkbox2">Subscribe to Newsletter</label>
                    </div>

                    <!-- Custom Radio Group -->
                    <p class="mt-4">Choose your account type:</p>
                    <div class="custom-radio mb-3">
                        <input type="radio" id="radio1" name="accountType">
                        <label for="radio1">Personal Account</label>
                    </div>
                    <div class="custom-radio mb-3">
                        <input type="radio" id="radio2" name="accountType">
                        <label for="radio2">Business Account</label>
                    </div>
                </div>
            </div>
        </div>

    </div>
    @endif

</div>
@endsection('content')