<div class="sidebar">
    <nav class="sidebar-nav">
        <ul class="nav">

            <li class="nav-item ">
                <a class="nav-link" href="{{ route('dashboard.index') }}">
                    <i class="nav-icon icon-speedometer"></i> @lang('texts.dashboard')
                </a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="/clients">
                    <i class="nav-icon icon-user"></i> @lang('texts.clients')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="{{ route('invoices.index') }}">
                    <i class="nav-icon icon-notebook"></i> @lang('texts.invoices')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-wallet"></i> @lang('texts.payments')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-docs"></i> @lang('texts.recurring')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-badge"></i> @lang('texts.credits')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-vector"></i> @lang('texts.quotes')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-wrench"></i> @lang('texts.projects')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-grid"></i> @lang('texts.tasks')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-envelope-open"></i> @lang('texts.expenses')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-bell"></i> @lang('texts.vendors')</a>
            </li>

            <li class="nav-item">
                <a class="nav-link" href="typography.html">
                    <i class="nav-icon icon-printer"></i> @lang('texts.reports')</a>
            </li>
        </ul>
    </nav>
    <button class="sidebar-minimizer brand-minimizer" type="button"></button>
</div>