@inject('categories', 'App\Models\Blog\Category')

<aside class="col-lg-4">
   
    <div class="search mb30">
        <form action="{{ route('blog.search') }}" method="POST" class="form form-inline">
            @csrf
            <input type="text" name="filter" placeholder="Filtrar:" value="{{ $filters['filter'] ?? '' }}">
            <input type="submit" value="">
        </form>
    </div>      

    <div class="asite-info">
        <h1>Quadro de avisos!</h1>
        <div class="my-4">               
            <div>
                <i class="fas fa-user"></i> 
                <span> {{ Auth::user()->name }}</span> |             
                
                <a  href="{{ route('logout') }}" onclick="event.preventDefault();
                    document.getElementById('logout-form').submit();">
                    <i class="fas fa-sign-out-alt" aria-hidden="true"></i>
                    {{ __('Logout') }}       
                </a>
            </div>           
            @can('obras-visualizar')
                <hr>
                <div>
                    <a href="{{ route('obras.index') }}">
                        <i class="fas fa-wrench"></i>
                        Obras
                    </a>        
                </div>                
            @endcan
            {{-- <hr>
            <div>
                <a href="#"><i class="fa fa-envelope"></i> Você tem <b>10</b> mensagens</a>
                <hr>
                <a href="#"><i class="fa fa-thumbs-up"> </i> Você tem itens para aprovação</a>    
            </div> --}}
        </div>
    </div>
    <div class="aside-categories">
        <h1>Categorias</h1> 
        
        @foreach ($categories->all() as $category)           
            <ul>
                <li>
                    <a href="{{url("blog/categoria/{$category->url}")}}">
                        <i class="fa fa-angle-right"></i> 
                        {{ $category->title }}
                    </a>
                </li>            
            </ul>
        @endforeach   
    </div>
</aside>