@if (auth()->user()->role == 'camp')
    <a href="" class="sidebar_switch on_switch bs_ttip" data-placement="auto right" data-viewport="body"
        title="Hide Sidebar">Sidebar switch</a>
    <div class="sidebar">
        <div class="sidebar_inner_scroll">
            <div class="sidebar_inner">

                <div id="side_accordion" class="panel-group">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseFour" data-parent="#side_accordion" data-toggle="collapse"
                                class="accordion-toggle">
                                <i class="glyphicon glyphicon-cog"></i> Camp
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseFour">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li class="nav-header">Free Health Camp</li>
                                    <li class="active"><a href="{{ route('camp.create') }}">Add Camp</a></li>
                                    <li class="active"><a href="{{ route('camp.index') }}">Camp Details</a></li>

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



                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapse7" data-parent="#side_accordion" data-toggle="collapse"
                                class="accordion-toggle">
                                <i class="glyphicon glyphicon-th"></i> Calculator
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapse7">
                            <div class="panel-body">
                                <form name="Calc" id="calc">
                                    <div class="formSep input-group input-group-sm">
                                        <input class="form-control" name="Input" type="text" />
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default" name="clear" value="c"
                                                onclick="Calc.Input.value = ''">
                                                <i class="glyphicon glyphicon-remove"></i>
                                            </button>
                                        </span>
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="seven"
                                            value="7" onclick="Calc.Input.value += '7'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="eight"
                                            value="8" onclick="Calc.Input.value += '8'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="nine"
                                            value="9" onclick="Calc.Input.value += '9'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="div"
                                            value="/" onclick="Calc.Input.value += ' / '" type="button">
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="four"
                                            value="4" onclick="Calc.Input.value += '4'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="five"
                                            value="5" onclick="Calc.Input.value += '5'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="six"
                                            value="6" onclick="Calc.Input.value += '6'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="times"
                                            value="x" onclick="Calc.Input.value += ' * '" type="button">
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="one"
                                            value="1" onclick="Calc.Input.value += '1'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="two"
                                            value="2" onclick="Calc.Input.value += '2'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="three"
                                            value="3" onclick="Calc.Input.value += '3'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="minus"
                                            value="-" onclick="Calc.Input.value += ' - '" type="button">
                                    </div>
                                    <div class="formSep form-group">
                                        <input class="btn form-control btn-default input-sm" name="dot"
                                            value="." onclick="Calc.Input.value += '.'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="zero"
                                            value="0" onclick="Calc.Input.value += '0'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="DoIt"
                                            value="="
                                            onclick="Calc.Input.value = Math.round( eval(Calc.Input.value) * 1000)/1000"
                                            type="button">
                                        <input class="btn form-control btn-default input-sm" name="plus"
                                            value="+" onclick="Calc.Input.value += ' + '" type="button">
                                    </div>
                                    Contributed by <a href="http://themeforest.net/user/maumao">maumao</a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="push"></div>
            </div>

        </div>
    </div>


    <script>
        // Add event listeners to all accordion toggles
        var accordionToggles = document.querySelectorAll('.accordion-toggle');
        accordionToggles.forEach(function(toggle) {
            toggle.addEventListener('click', function() {
                // Toggle the collapse state of all panels except the clicked one
                accordionToggles.forEach(function(toggle) {
                    if (toggle !== this) {
                        var target = document.querySelector(toggle.getAttribute('href'));
                        if (target.classList.contains('in')) {
                            target.classList.remove('in');
                        }
                    }
                }, this);

                // Toggle the 'active' class
                accordionToggles.forEach(function(toggle) {
                    toggle.classList.remove('active');
                });
                this.classList.add('active');
            });
        });
    </script>


    <style>
        /* Style for active link */
        .accordion-toggle.active {
            background-color: #f0f0f0;
            color: #333;
        }
    </style>
@endif

@if (auth()->user()->role == 'followup')
    <a href="" class="sidebar_switch on_switch bs_ttip" data-placement="auto right" data-viewport="body"
        title="Hide Sidebar">Sidebar switch</a>
    <div class="sidebar">
        <div class="sidebar_inner_scroll">
            <div class="sidebar_inner">



                <div id="side_accordion" class="panel-group">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseFour" data-parent="#side_accordion" data-toggle="collapse"
                                class="accordion-toggle">
                                <i class="glyphicon glyphicon-cog"></i> Follow-up Pt.
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseFour">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li class="nav-header">Follow-up Patient Section</li>
                                    <li class="active"><a href="{{ route('followup.create') }}">Add Follow-up Patient</a>
                                    </li>
                                    <li class="active"><a href="{{ route('followup.index') }}">View Follow-up Patient</a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapse7" data-parent="#side_accordion" data-toggle="collapse"
                                class="accordion-toggle">
                                <i class="glyphicon glyphicon-th"></i> Calculator
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapse7">
                            <div class="panel-body">
                                <form name="Calc" id="calc">
                                    <div class="formSep input-group input-group-sm">
                                        <input class="form-control" name="Input" type="text" />
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default" name="clear"
                                                value="c" onclick="Calc.Input.value = ''">
                                                <i class="glyphicon glyphicon-remove"></i>
                                            </button>
                                        </span>
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="seven"
                                            value="7" onclick="Calc.Input.value += '7'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="eight"
                                            value="8" onclick="Calc.Input.value += '8'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="nine"
                                            value="9" onclick="Calc.Input.value += '9'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="div"
                                            value="/" onclick="Calc.Input.value += ' / '" type="button">
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="four"
                                            value="4" onclick="Calc.Input.value += '4'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="five"
                                            value="5" onclick="Calc.Input.value += '5'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="six"
                                            value="6" onclick="Calc.Input.value += '6'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="times"
                                            value="x" onclick="Calc.Input.value += ' * '" type="button">
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="one"
                                            value="1" onclick="Calc.Input.value += '1'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="two"
                                            value="2" onclick="Calc.Input.value += '2'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="three"
                                            value="3" onclick="Calc.Input.value += '3'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="minus"
                                            value="-" onclick="Calc.Input.value += ' - '" type="button">
                                    </div>
                                    <div class="formSep form-group">
                                        <input class="btn form-control btn-default input-sm" name="dot"
                                            value="." onclick="Calc.Input.value += '.'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="zero"
                                            value="0" onclick="Calc.Input.value += '0'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="DoIt"
                                            value="="
                                            onclick="Calc.Input.value = Math.round( eval(Calc.Input.value) * 1000)/1000"
                                            type="button">
                                        <input class="btn form-control btn-default input-sm" name="plus"
                                            value="+" onclick="Calc.Input.value += ' + '" type="button">
                                    </div>
                                    Contributed by <a href="http://themeforest.net/user/maumao">maumao</a>
                                </form>
                            </div>
                        </div>
                        <!-- Real-time date and time display -->

                    </div>
                </div>
                <div class="push"></div>
               
            </div>
        </div>
    </div>

    <script>
        // Add event listeners to all accordion toggles
        var accordionToggles = document.querySelectorAll('.accordion-toggle');
        accordionToggles.forEach(function(toggle) {
            toggle.addEventListener('click', function() {
                // Toggle the collapse state of all panels except the clicked one
                accordionToggles.forEach(function(toggle) {
                    if (toggle !== this) {
                        var target = document.querySelector(toggle.getAttribute('href'));
                        if (target.classList.contains('in')) {
                            target.classList.remove('in');
                        }
                    }
                }, this);

                // Toggle the 'active' class
                accordionToggles.forEach(function(toggle) {
                    toggle.classList.remove('active');
                });
                this.classList.add('active');
            });
        });

        // Function to update date and time
        function updateDateTime() {
            var now = new Date();
            var date = now.toLocaleDateString();
            var time = now.toLocaleTimeString();
            document.getElementById('dateTimeDisplay').textContent = date + ' ' + time;
        }

        // Update date and time every second
        setInterval(updateDateTime, 1000);

        // Initialize date and time display
        updateDateTime();
    </script>



    <style>
        /* Style for active link */
        .accordion-toggle.active {
            background-color: #f0f0f0;
            color: #333;
        }
    </style>
@endif

@if (auth()->user()->role == 'admin')
    <a href="" class="sidebar_switch on_switch bs_ttip" data-placement="auto right" data-viewport="body"
        title="Hide Sidebar">Sidebar switch</a>
    <div class="sidebar">
        <div class="sidebar_inner_scroll">
            <div class="sidebar_inner">

                <div id="side_accordion" class="panel-group">
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseFour" data-parent="#side_accordion" data-toggle="collapse"
                                class="accordion-toggle">
                                <i class="glyphicon glyphicon-cog"></i> Master
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseFour">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li class="nav-header">Company</li>
                                    <li class="active"><a href=" ">Add Company</a></li>
                                    <li><a href="">View Companies</a></li>
                                    <li class="nav-header">Compliances</li>
                                    <li><a href="">TDS//TCS</a></li>
                                    <li><a href="">ROC</a></li>
                                    <li><a href="">GSTR1 - M</a></li>
                                    <li><a href="">GSTR3B - M</a></li>
                                    <li><a href="">GSTR9/9C</a></li>
                                    <li><a href="">INCOME TAX RETURN</a></li>
                                    <li><a href="">ADVANCED TAX</a></li>
                                    <li><a href="">TAX AUDIT</a></li>
                                    <li><a href="">TP REPORT</a></li>
                                    <li class="divider"></li>
                                    <li><a href="">Help</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseOne" data-parent="#side_accordion" data-toggle="collapse"
                                class="accordion-toggle">
                                <i class="glyphicon glyphicon-folder-close"></i> Compliance
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseOne">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href=" ">Add Compliance</a></li>
                                    <li><a href="">View Companies</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapseTwo" data-parent="#side_accordion" data-toggle="collapse"
                                class="accordion-toggle">
                                <i class="glyphicon glyphicon-user"></i> KYC
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapseTwo">
                            <div class="panel-body">
                                <ul class="nav nav-pills nav-stacked">
                                    <li><a href="">Add KYC</a></li>
                                    <li><a href="">View KYC</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>

                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <a href="#collapse7" data-parent="#side_accordion" data-toggle="collapse"
                                class="accordion-toggle">
                                <i class="glyphicon glyphicon-th"></i> Calculator
                            </a>
                        </div>
                        <div class="accordion-body collapse" id="collapse7">
                            <div class="panel-body">
                                <form name="Calc" id="calc">
                                    <div class="formSep input-group input-group-sm">
                                        <input class="form-control" name="Input" type="text" />
                                        <span class="input-group-btn">
                                            <button type="button" class="btn btn-default" name="clear"
                                                value="c" onclick="Calc.Input.value = ''">
                                                <i class="glyphicon glyphicon-remove"></i>
                                            </button>
                                        </span>
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="seven"
                                            value="7" onclick="Calc.Input.value += '7'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="eight"
                                            value="8" onclick="Calc.Input.value += '8'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="nine"
                                            value="9" onclick="Calc.Input.value += '9'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="div"
                                            value="/" onclick="Calc.Input.value += ' / '" type="button">
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="four"
                                            value="4" onclick="Calc.Input.value += '4'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="five"
                                            value="5" onclick="Calc.Input.value += '5'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="six"
                                            value="6" onclick="Calc.Input.value += '6'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="times"
                                            value="x" onclick="Calc.Input.value += ' * '" type="button">
                                    </div>
                                    <div class="form-group">
                                        <input class="btn form-control btn-default input-sm" name="one"
                                            value="1" onclick="Calc.Input.value += '1'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="two"
                                            value="2" onclick="Calc.Input.value += '2'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="three"
                                            value="3" onclick="Calc.Input.value += '3'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="minus"
                                            value="-" onclick="Calc.Input.value += ' - '" type="button">
                                    </div>
                                    <div class="formSep form-group">
                                        <input class="btn form-control btn-default input-sm" name="dot"
                                            value="." onclick="Calc.Input.value += '.'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="zero"
                                            value="0" onclick="Calc.Input.value += '0'" type="button">
                                        <input class="btn form-control btn-default input-sm" name="DoIt"
                                            value="="
                                            onclick="Calc.Input.value = Math.round( eval(Calc.Input.value) * 1000)/1000"
                                            type="button">
                                        <input class="btn form-control btn-default input-sm" name="plus"
                                            value="+" onclick="Calc.Input.value += ' + '" type="button">
                                    </div>
                                    Contributed by <a href="http://themeforest.net/user/maumao">maumao</a>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="push"></div>
            </div>

        </div>
    </div>


    <script>
        // Add event listeners to all accordion toggles
        var accordionToggles = document.querySelectorAll('.accordion-toggle');
        accordionToggles.forEach(function(toggle) {
            toggle.addEventListener('click', function() {
                // Toggle the collapse state of all panels except the clicked one
                accordionToggles.forEach(function(toggle) {
                    if (toggle !== this) {
                        var target = document.querySelector(toggle.getAttribute('href'));
                        if (target.classList.contains('in')) {
                            target.classList.remove('in');
                        }
                    }
                }, this);

                // Toggle the 'active' class
                accordionToggles.forEach(function(toggle) {
                    toggle.classList.remove('active');
                });
                this.classList.add('active');
            });
        });
    </script>


    <style>
        /* Style for active link */
        .accordion-toggle.active {
            background-color: #f0f0f0;
            color: #333;
        }
    </style>
@endif