<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
    <!-- Create the tabs -->
    <ul class="nav nav-tabs nav-justified control-sidebar-tabs">
        @foreach($sidebarControls as $name => $data)
        <li class="<?=(isset($data['options']['active']) and $data['options']['active']) ? 'active' : ''?>"><a href="#control-sidebar-{{ $name }}-tab" data-toggle="tab"><i class="{{ (isset($data['options']['icon']) ? $data['options']['icon'] : '') }}"></i></a></li>
        @endforeach
    </ul>
    <!-- Tab panes -->
    <div class="tab-content">
        @foreach($sidebarControls as $name => $data)
        <div class="tab-pane <?=(isset($data['options']['active']) and $data['options']['active']) ? 'active' : ''?>" id="control-sidebar-{{ $name }}-tab">
            {!! $data['html'] !!}
        </div>
        <!-- /.tab-pane -->
        @endforeach
    </div>
</aside>
<!-- /.control-sidebar -->
<!-- Add the sidebar's background. This div must be placed
     immediately after the control sidebar -->
<div class="control-sidebar-bg"></div>