@extends('layouts.site')

@section('title')
<title> Portfólio - {{env('APP_NAME')}}</title>
@endsection

@section('content')
    <div id="wrapper">
        <div class="content-holder elem scale-bg2 transition3" >
            <div class="content  mm">
                <div class="filter-holder fixed-filter">
                    <div class="gallery-filters vis-filter">
                        <a href="#" class="gallery-filter @if(!isset($_GET['tipo'])) gallery-filter-active @endif"  data-filter="*">Todos</a>
                        @foreach($categorias as $cat)
                        <a href="#" class="gallery-filter @if(isset($_GET['tipo'])) @if($_GET['tipo'] == (New \App\Models\Funcoes())->getSlug($cat->nome)) clic   @endif @endif  " data-filter=".{{(New \App\Models\Funcoes())->getSlug($cat->nome) }}">{{$cat->nome}}</a>
                        @endforeach

                    </div>
                </div>
                <div class="wrapper-inner no-padding full-width-wrap">
                    <section class="no-padding no-border">
                        <div class="gallery-items   hid-port-info">
               @foreach( $projetos as $p)
                            <!-- 2 -->
                            <div class="gallery-item   {{(New \App\Models\Funcoes())->getSlug($p->categoria->nome) }} ">
                                <div class="grid-item-holder">
                                    <div class="box-item">
                                        <a href="{{route('site.projeto',[(NEW \App\Models\Funcoes())->getSlug($p->titulo),$p->id])}}" class="ajax">
                                            <span class="overlay"></span>
                                            <img  src="{{asset('ADM/'.$p->imagem_destaque)}}"   alt="">
                                        </a>
                                    </div>
                                    <div class="grid-item ">
                                        <h3><a href="{{route('site.projeto',[(NEW \App\Models\Funcoes())->getSlug($p->titulo),$p->id])}}" class="ajax">{{$p->titulo}}</a></h3>
                                        <span>{{$p->categoria->nome}}</span>
                                    </div>
                                </div>
                            </div>
                            <!-- 2 -->
                            @endforeach
                        </div>
                    </section>
                </div>
            </div>
        </div>
    </div>

@endsection

@section('script')
    <script>
        @if(isset($_GET['tipo']))
        $( document ).ready(function() {
                setTimeout(function (){
                    $(".clic").click();
                },1000)


        });
        @endif
    </script>
@endsection