@extends('layouts.app')
@section('content')
    @auth

        <script src="{{ asset('js/PWA/guide.js') }}"></script>
        <script src="{{ asset('js/pdf-viewer.js') }}"></script>


        @if (auth()->user()->email === 'donar@sample.com')
            <link rel="manifest" href="/manifest.json">
            <meta name="theme-color" content="#0d6efd">
        @endif




        <div class="container-fluid">
            <div class="row">
                <div class="col-sm-1">
                    <button class="btn btn-secondary btn-sm" id="showServices">Services</button>
                </div>
            </div>
            <div class="row">
                <nav class="col-12 col-md-3 bg-light p-3 sidebar" id="sidebar">
                    <ul class="list-unstyled">
                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    1. HIV prevention
                                </button>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown"
                                            role="button" aria-expanded="false">
                                            1.1 Different types of HTS and CBS testing
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">Facility based testing</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">CBS</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Self testing</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown"
                                            role="button" aria-expanded="false">
                                            1.2 Harm Reduction
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Prevention package</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">FSW nature</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">MSM nature</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">PWID nature</a></li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="#"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">
                                                    1.2.1 PrEP
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">Screening</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Follow up</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Seroconversion
                                                            management</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">1.2.2 PEP</a></li>
                                            <li><a class="dropdown-item" href="#">1.2.3 STI screening</a></li>
                                            <li><a class="dropdown-item" href="#">1.2.4 Hepatitis B &amp; C testing</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#" data-bs-toggle="dropdown"
                                            role="button" aria-expanded="false">
                                            1.3 Substance used management
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="#"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">
                                                    1.3.1 OST
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">Methadone vs
                                                            Buprenorphine</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Methadone</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Buprenorphine
                                                            (BPN)</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">1.3.2 Withdrawal management</a></li>
                                            <li><a class="dropdown-item" href="#">1.3.3 Overdose management</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="dropdown-item" href="#">1.4 Hormone</a></li>
                                </ul>
                            </div>
                        </li>
                        <!-- HIV -->
                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    2. HIV treatment and care
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">2.1 WHO staging &amp; OI prophylaxis</a></li>

                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">
                                            2.2 ART preparation
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">2.2.1 OI screening &amp; baseline
                                                    investigation</a></li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">
                                                    2.2.2 OI management
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">PCP</a></li>
                                                    <li><a class="dropdown-item decorated_content"
                                                            href="#">Cryptococcal</a></li>
                                                    <li><a class="dropdown-item decorated_content"
                                                            href="#">Penicilliosis</a></li>
                                                    <li><a class="dropdown-item decorated_content"
                                                            href="#">Toxoplasmosis</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">CMV</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">PMNL</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">MAC</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Other
                                                            OIs</a></li>
                                                </ul>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">
                                                    2.2.3 ART regime choice
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">Child</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Adult</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">PMTCT</a>
                                                    </li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">
                                            2.3 ART follow up
                                        </a>
                                        <ul class="dropdown-menu">
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">
                                                    2.3.1 Side effect monitoring
                                                </a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content load-content" href="#"
                                                            data-content-url="{{ route('get-medical-content', ['topic' => 'Facility_based_testing_1_1']) }}">Nephrotoxicity</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">DILI</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content"
                                                            href="#">Hypersensitivity</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">2.3.2 Follow up investigation</a></li>
                                            <li><a class="dropdown-item" href="#">2.3.3 Red alert cases</a></li>
                                            <li><a class="dropdown-item" href="#">2.3.4 VL monitoring and management of
                                                    high VL</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="dropdown-item" href="#">2.4 ART failure case management</a></li>
                                </ul>
                            </div>
                        </li>

                        <!-- -->

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    3. Tuberculosis
                                </button>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">3.1 General
                                            knowledge</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Diagnosis</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Presumptive TB</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">TB screening in high
                                                    risk population</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">ICMV referral</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">Truenat referral</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">Management of M0
                                                    gene X pert result</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">3.2 TB
                                            treatment</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">3.2.1 Regimes choice & follow up
                                                    sputum testing</a></li>
                                            <li><a class="dropdown-item" href="#">3.2.2 Dosage of anti-TB</a></li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">3.2.3
                                                    Management of anti-TB side effects</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content"
                                                            href="#">Hypersensitivity</a></li>
                                                    <li><a class="dropdown-item decorated_content"
                                                            href="#">Hepatitis</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Other side
                                                            effect</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">3.2.4 Management of follow up sputum
                                                    (+)ve cases</a></li>
                                            <li><a class="dropdown-item" href="#">3.2.5 Management of anti-TB
                                                    interruption</a></li>
                                            <li><a class="dropdown-item" href="#">3.2.6 TB treatment counselling</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li><a class="dropdown-item" href="#">3.3 TB outcomes</a></li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle"href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">3.4 Latent TB
                                            management</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">3.4.1 Regime choice & dosage</a></li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle"href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">3.4.2
                                                    Management of side effect</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content"
                                                            href="#">Hypersensitivity</a></li>
                                                    <li><a class="dropdown-item decorated_content"
                                                            href="#">Hepatitis</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Other side
                                                            effects</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">3.4.3 Management of IPT
                                                    interruption</a></li>
                                            <li><a class="dropdown-item" href="#">3.4.4 IPT outcome</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="dropdown-item" href="#">3.5 TB Infection Control</a></li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">3.6 TB
                                            counselling</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Active TB
                                                    treatment</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Latent TB
                                                    treatment</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    4. Non-communicable diseases (NCDs)
                                </button>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">4.1 Hypertension
                                            (general knowledge)</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">4.1.1 Diagnosis of Hypertension</a>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">4.1.2
                                                    Hypertension Treatment</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">Stage 1
                                                            (&lt;160/100)</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Stage 2
                                                            (&lt;180/110)</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Stage 3
                                                            (≥180/110)</a></li>
                                                </ul>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">4.2 Diabetes
                                            (general knowledge)</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">4.2.1 Diabetes diagnosis</a></li>
                                            <li><a class="dropdown-item" href="#">4.2.2 Diabetes treatment</a></li>
                                            <li><a class="dropdown-item" href="#">4.2.3 Diabetes follow up
                                                    management</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">4.3 NCD
                                            complications (general knowledge)</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">4.3.1 Annual investigation</a></li>
                                            <li><a class="dropdown-item" href="#">4.3.2 Diabetic foot</a></li>
                                            <li><a class="dropdown-item" href="#">4.3.3 Diabetic neuropathy</a></li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">4.3.4 CVD
                                                    risk score assessment</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">With
                                                            cholestrol</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Without
                                                            cholestrol</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">4.3.5 Indication for atorvastation &
                                                    aspirin</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    5. Sexually Transmitted Infection (STI)
                                </button>
                                <ul class="dropdown-menu">
                                    <li>
                                        <a class="dropdown-item decorated_content" href="/pdf/Sti/STI_guideline.pdf"
                                            data-topic="sti_01">5.1 STI knowledge</a>
                                    </li>

                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">5.2 Diagnosis of
                                            STI</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">5.2.1 High risk women</a></li>
                                            <li><a class="dropdown-item" href="#">5.2.2 Low risk women</a></li>
                                            <li><a class="dropdown-item" href="#">5.2.3 MSM</a></li>
                                            <li><a class="dropdown-item" href="#">5.2.4 Men</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">5.3 STI
                                            treatment</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Discharge</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Ulcer</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    6. Hepatitis B
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">6.1 Hep B testing</a></li>
                                    <li><a class="dropdown-item" href="#">6.2 Hep B vaccination</a></li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle"href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">6.3 Hep B
                                            PMTCT</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Knowledge</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Diagnosis (including
                                                    eligibility criteria, pretreatment preparation)</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Treatment</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Monitoring
                                                    schedule</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Prevention
                                                    (Vaccination)</a></li>
                                            <li class="dropdown-submenu"><a class="dropdown-item" href="#">6.3.1
                                                    Criteria for hep B PMTCT</a></li>
                                            <li class="dropdown-submenu"><a class="dropdown-item" href="#">6.3.2 Hep B
                                                    PMTCT preparation</a></li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">6.3.3 Hep
                                                    B PMTCT management</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">Mother</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Child
                                                            vaccination</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">6.3.4 Hep B PMTCT counselling</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    7. Hepatitis C
                                </button>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">7.1 Knowledge</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Diagnosis (including
                                                    eligibility criteria, pretreatment preparation)</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Treatment</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Monitoring
                                                    schedule</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Prevention</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="dropdown-item" href="#">7.2 Hep C screening</a></li>
                                    <li><a class="dropdown-item" href="#">7.3 Hep C treatment eligibility</a></li>
                                    <li><a class="dropdown-item" href="#">7.4 Hep C treatment preparation</a></li>
                                    <li><a class="dropdown-item" href="#">7.5 Hep C treatment regime</a></li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">7.6 Hep C follow
                                            up</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Follow up
                                                    schedule</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Management of
                                                    treatment interruption</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">7.7 Hep C failure
                                            management</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Reinfection
                                                    assessment</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Discussion flow</a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    8. Mental health
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">8.1 Basic knowledge</a></li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">8.2 Mental health
                                            screening</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Basic Mental Health
                                                    Screening</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">PHQ9</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">GAD7</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#">8.3 Depression</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">8.3.1 Depression screening and
                                                    management</a></li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle"href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">8.3.2
                                                    Pharmacological treatment for depression</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">Dosage and
                                                            duration</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Side effect
                                                            management</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">8.3.3 Psychosocial intervention
                                                    (Counselling approach)</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle"href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">8.4 Anxiety
                                            disorder</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">8.4.1 Anxiety disorder screening and
                                                    management</a></li>
                                            <li><a class="dropdown-item" href="#">8.4.2 Pharmacological treatment for
                                                    anxiety disorder</a></li>
                                            <li><a class="dropdown-item" href="#">8.4.3 Psychosocial intervention
                                                    (Counselling approach)</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#">8.5 Psychosis</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">8.5.1 Psychosis screening and
                                                    management</a></li>
                                            <li><a class="dropdown-item" href="#">8.5.2 Pharmacological treatment for
                                                    Psychosis</a></li>
                                            <li><a class="dropdown-item" href="#">8.5.3 Psychosocial intervention
                                                    (Counselling approach)</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle"href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">8.6 Management of
                                            emergency presentation of substance use</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Sedative
                                                    intoxication</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Sedative
                                                    withdrawal</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Acute stimulant
                                                    intoxication</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Opioid
                                                    withdrawal</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Wernicke’s
                                                    encephalopathy</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">How to communicate
                                                    with agitated and/or aggressive patients</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#">8.7 Drug use and sexualized
                                            drug use management flow</a>
                                        <ul class="dropdown-menu">
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">8.7.1
                                                    Brief intervention</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">ASSIST
                                                            screening</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Client
                                                            feedbacks</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Setting
                                                            planned goal</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Follow ups
                                                            after planned goal</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Stages of
                                                            BI</a></li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Drug facts
                                                            and other required documents</a></li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">8.7.2 Management of drug use and
                                                    sexualized drug use with no willingness to change</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="dropdown-item" href="#">8.8 Suicide</a></li>
                                    <li><a class="dropdown-item" href="#">8.9 Referral for mental health cases</a></li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    9. Breast Cancer Screening
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">9.1 Knowledge</a></li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">9.2 Breast cancer
                                            screening</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Active screening</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">Passive
                                                    screening</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Recording flow</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">9.3 Breast
                                            examination</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">History</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Inspection</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Palpation</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Self examination</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">12 signs of breast
                                                    cancer</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">9.4 Management of
                                            other breast problem</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Mastitis</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Breast abscess</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">Breast cyst</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Fibroadenois</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">Fibroadenomas
                                                    (breast mouse)</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Lipoma</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    10. Cervical Cancer Screening
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">10.1 Knowledge</a></li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#">10.2 Screening criteria</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Who to be
                                                    screened?</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">When to stop?</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">10.3 Cervical
                                            cancer screening and management flow</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">LGORITHM 1. PRIMARY
                                                    VIA SCREENING (SCREEN-ANDTREAT APPROACH)</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">ALGORITHM 4. HPV DNA
                                                    SCREENING AND HPV16/18 TRIAGE (SCREEN, TRIAGE AND TREAT APPROACH)</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#">10.4 HPV testing</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Before the test</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">PROCEDURE FOR SAMPLE
                                                    COLLECTION FOR HPV TESTING</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">HPV self
                                                    sampling</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">10.5 VIA
                                            testing</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Procedure for
                                                    VIA</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Preparation for
                                                    VIA</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Performing VIA</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">After VIA</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#">10.6 Pre-cancerous treatment
                                            (thermal ablation)</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Eligibility</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Thermal ablation
                                                    procedure</a></li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="#">10.7 Counselling for Cervical
                                            Cancer screening & management</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Cervical cancer
                                                    screening counselling</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Counselling for
                                                    thermal ablation</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    11. Family Planning
                                </button>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">11.1 Family
                                            planning knowledge</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">OC pills</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Depo</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Implant</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">IUCD</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Emergency
                                                    contraceptives</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Condoms</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    12. Nutrition
                                </button>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">12.1 Knowledge</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">Children</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">MAM management</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">SAM management</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">12.2 Nutrition
                                            assessment</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">6 months - 5
                                                    years</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">&lt; 6 months</a>
                                            </li>
                                            <li><a class="dropdown-item decorated_content" href="#">> 5 years</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Pregnant women</a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle"href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">12.3 Malnutrition
                                            management (6 months - 5 years)</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item" href="#">12.3.1 Admission and discharge
                                                    criteria</a></li>
                                            <li><a class="dropdown-item" href="#">12.3.2 Management flow</a></li>
                                            <li><a class="dropdown-item" href="#">12.3.3 Appetite test</a></li>
                                            <li><a class="dropdown-item" href="#">12.3.4 Routine medical treatment</a>
                                            </li>
                                            <li class="dropdown-submenu">
                                                <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                                    data-bs-toggle="dropdown" role="button" aria-expanded="false">12.3.5 Day
                                                    care management</a>
                                                <ul class="dropdown-menu">
                                                    <li><a class="dropdown-item decorated_content" href="#">Phase 1</a>
                                                    </li>
                                                    <li><a class="dropdown-item decorated_content" href="#">Phase 2</a>
                                                    </li>
                                                </ul>
                                            </li>
                                            <li><a class="dropdown-item" href="#">12.3.6 Ambulatory management</a></li>
                                            <li><a class="dropdown-item" href="#">12.3.7 Management of medical
                                                    complication</a></li>
                                        </ul>
                                    </li>
                                    <li><a class="dropdown-item" href="#">12.4 Malnutrition management &lt; 6 months</a>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    13. Sexual Violence
                                </button>
                                <ul class="dropdown-menu">
                                    <li class="dropdown-submenu">
                                        <a class="dropdown-item dropdown-toggle" href="javascript:void(0);"
                                            data-bs-toggle="dropdown" role="button" aria-expanded="false">13.1 General
                                            knowledge</a>
                                        <ul class="dropdown-menu">
                                            <li><a class="dropdown-item decorated_content" href="#">PEP</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">STI syndromic
                                                    management</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Emergency
                                                    contraceptive pill</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Management of
                                                    physical injury</a></li>
                                            <li><a class="dropdown-item decorated_content" href="#">Recording</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    14. Primary/Basic Health Care
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">14.1 Clinical guideline</a></li>
                                    <li><a class="dropdown-item" href="#">14.2 Essential drug</a></li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    15. Reference guidelines
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">15.1</a></li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    16. Reference Memos
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">16.1</a></li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    17. Drug interaction checker
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">17.1 HIV drug drug interaction</a></li>
                                    <li><a class="dropdown-item" href="#">17.2 Hep C drug drug interaction</a></li>
                                </ul>
                            </div>
                        </li>

                        <li>
                            <div class="btn-group w-100">
                                <button type="button" class="btn btn-secondary btn-lg dropdown-toggle"
                                    data-bs-toggle="dropdown" aria-expanded="false">
                                    18. Recording / Reporting Formats
                                </button>
                                <ul class="dropdown-menu">
                                    <li><a class="dropdown-item" href="#">18.1</a></li>
                                </ul>
                            </div>
                        </li>





                    </ul>
                </nav>



                <main class="col-12 col-md-9 main-content">
                    <div id="dynamicContentCard" class="card" style="display: none;">
                        <div class="card-header" id="cardHeader">
                            Please select a topic from the menu.
                        </div>
                        <div class="card-body" id="cardBody">
                            The content will appear here dynamically.
                        </div>
                    </div>
                    <p id="initialGreeting">Welcome to the Medical Guidelines. Select a category from the menu to view detailed
                        information.</p>



                    <div id="pdf-viewer" style="height: calc(100vh - 180px); display:none;">
                        <div id="pdf-toolbar" style="padding: .5rem 0;">
                            <a id="pdf-download" href="#" download>Download PDF</a>
                        </div>
                        <iframe id="pdf-iframe" src="" width="100%" height="100%" style="border:0;"></iframe>
                    </div>

                    <div id="content-area"><!-- your normal dynamic content goes here --></div>




                </main>
            </div>
        </div>
    @endauth
@endsection

<script>
    
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('/service-worker.js')
            .then(reg => console.log('SW registered:', reg))
            .catch(err => console.error('SW registration failed:', err));
    }
</script>