<!-- Control Sidebar -->
<aside class="control-sidebar control-sidebar-dark">
    <!-- Tab panes -->
    <div class="tab-content">
        <!-- Home tab content -->
        <div class="tab-panel active" id="control-sidebar-home-tab">
            <h3 class="control-sidebar-heading">{{ 'create_new_stuff'|_ }}</h3>
            <ul class='control-sidebar-menu'>
                <li>
                    <a href="{{ route('transactions.create', 'withdrawal') }}">
                        <i class="menu-icon fa fa-long-arrow-left bg-red"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_withdrawal'|_ }}</h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{{ route('transactions.create', 'deposit') }}">
                        <i class="menu-icon fa fa-long-arrow-right bg-green"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_deposit'|_ }}</h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{{ route('transactions.create', 'transfer') }}">
                        <i class="menu-icon fa fa-exchange bg-blue"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_transfer'|_ }}</h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{{ route('accounts.create', 'asset') }}">
                        <i class="menu-icon fa fa-money bg-maroon"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_asset_account'|_ }}</h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{{ route('accounts.create', 'expense') }}">
                        <i class="menu-icon fa fa-shopping-cart bg-maroon"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_expense_account'|_ }}</h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{{ route('accounts.create', 'revenue') }}">
                        <i class="menu-icon fa fa-download bg-maroon"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_revenue_account'|_ }}</h4>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="{{ route('budgets.create') }}">
                        <i class="menu-icon fa fa-tasks bg-red"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_budget'|_ }}</h4>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="{{ route('categories.create') }}">
                        <i class="menu-icon fa fa-bar-chart bg-red"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_category'|_ }}</h4>
                        </div>
                    </a>
                </li>

                <li>
                    <a href="{{ route('piggy-banks.create') }}">
                        <i class="menu-icon fa fa-sort-amount-asc bg-teal"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_piggy_bank'|_ }}</h4>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="{{ route('bills.create') }}">
                        <i class="menu-icon fa fa-calendar-o bg-purple"></i>

                        <div class="menu-info">
                            <h4 class="control-sidebar-subheading">{{ 'new_bill'|_ }}</h4>
                        </div>
                    </a>
                </li>

            </ul>
            <!-- /.control-sidebar-menu -->

        </div>
        <!-- /.tab-pane -->
    </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>
