<aside class="control-sidebar control-sidebar-light" style="display: none">
    <!-- Create the tabs -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
        {{--<li class="active">
            <a href="#control-sidebar-home-tab" data-toggle="tab" aria-expanded="false">
                <i class="fa fa-exchange"></i>
            </a>
        </li>--}}
        <li class="active">
            <a href="#control-sidebar-options-tab" data-toggle="tab" aria-expanded="true">
                <i class="fa fa-wrench"></i>
            </a>
        </li>
        {{--li>
            <a href="#control-sidebar-settings-tab" data-toggle="tab" aria-expanded="false">
                <i class="fa fa-gears"></i>
            </a>
        </li--}}
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        {{--
        <div class="tab-pane active" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">Recent Activity</h3>
            <ul class="control-sidebar-menu">
                @php
                $activities = auth()->user()->audits()->where('auditable_id', '<>', auth()->id())->latest()->take(10)->get();
                @endphp
                @foreach ($activities as $activity)
                <li>
                    <a href="javascript:void(0)">
                        <span class="menu-icon bg-yellow" style="line-height: 1;">
                            <span style="font-size: 12px; margin-top: 6px; display: inline-block;">
                                {{ strtoupper($activity->created_at->format('M')) }}<br />
                                {{ $activity->created_at->format('d') }}
                            </span>
                        </span>
                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ ucfirst($activity->event) }} a {{ $activity->getReadableEntityName() }}</h4>
                            <p>ID: {{ $activity->auditable->getKey() }}</p>
                        </div>
                    </a>
                </li>
                @endforeach
            </ul>
        </div>
        --}}
        <div class="tab-pane active" id="control-sidebar-options-tab">
            <div>
                <h4 class="control-sidebar-heading">Admin Options</h4>
                <div class="form-group">
                    <label class="control-sidebar-subheading">
                        <a class="btn btn-default" onclick="confirm('This action will clear your browser preferences for this website. Do you want to continue?')" href="#" id="clear-local-storage">Clear preferences</a>
                    </label>
                    <p>If you are experiencing column visibility issues. You can clear your datagrid preferences by clicking the 'Clear preferences' button.</p>
                </div>
            </div>
        </div>
        {{--
        <div class="tab-pane" id="control-sidebar-settings-tab">
            <form method="post">
                <h3 class="control-sidebar-heading">General Settings</h3>

                <div class="form-group">
                    <label class="control-sidebar-subheading">
                        Report panel usage
                        <input type="checkbox" class="pull-right" checked="" data-com.agilebits.onepassword.user-edited="yes">
                    </label>

                    <p>
                        Some information about this general settings option
                    </p>
                </div>
                <!-- /.form-group -->

                <div class="form-group">
                    <label class="control-sidebar-subheading">
                        Allow mail redirect
                        <input type="checkbox" class="pull-right" checked="">
                    </label>

                    <p>
                        Other sets of options are available
                    </p>
                </div>
                <!-- /.form-group -->

                <div class="form-group">
                    <label class="control-sidebar-subheading">
                        Expose author name in posts
                        <input type="checkbox" class="pull-right" checked="" data-com.agilebits.onepassword.user-edited="yes">
                    </label>

                    <p>
                        Allow the user to show his name in blog posts
                    </p>
                </div>
                <!-- /.form-group -->

                <h3 class="control-sidebar-heading">Chat Settings</h3>

                <div class="form-group">
                    <label class="control-sidebar-subheading">
                        Show me as online
                        <input type="checkbox" class="pull-right" checked="">
                    </label>
                </div>
                <!-- /.form-group -->

                <div class="form-group">
                    <label class="control-sidebar-subheading">
                        Turn off notifications
                        <input type="checkbox" class="pull-right">
                    </label>
                </div>
                <!-- /.form-group -->

                <div class="form-group">
                    <label class="control-sidebar-subheading">
                        Delete chat history
                        <a href="javascript:void(0)" class="text-red pull-right"><i class="fa fa-trash-o"></i></a>
                    </label>
                </div>
                <!-- /.form-group -->
            </form>
        </div>
        --}}
    </div>
</aside>
<div class="control-sidebar-bg"></div>
