@include('nn_site.partials.header')

    <section class="section projects">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="projects-ul">
                        <ul>
                            <li {{(empty(request()->route('status')) && request()->route('status') != '0') ? 'class=active':"" }}><a href="{{fullUrl('projects')}}" title="{{$translate->all}}">{{$translate->all}}</a></li>
                            <li {{(request()->route('status')== '0') ? 'class=active':"" }}><a href="{{fullUrl('projects/0')}}" title="{{$translate->currentProjects}}">{{$translate->currentProjects}}</a></li>
                            <li {{(request()->route('status')== '1')? 'class=active':"" }}><a href="{{fullUrl('projects/1')}}" title="{{$translate->doneProjects}}">{{$translate->doneProjects}}</a></li>
                        </ul>
                    </div>
                    <!-- /.projects-ul -->
                </div>
                <!-- /.col-md-12 -->
                @foreach($projects as $project)
                <div class="col-md-4">
                    <div class="projects-item">
                        <a href="{{fullUrl('projects/details/'.$project->slug)}}" title="{{$project->name}}">
                            <figure>
                                <picture><source srcset="{{$project->imgurl}}" type="image/webp"><img src="{{$project->imgurl}}" alt="{{$project->name}}"></picture>
                            </figure>
                            <div class="projects-item__title">
                                <span>{{ ($project->status == 1) ? $translate->doneProjects : $translate->currentProjects}}</span>
                                <h2>{{$project->name}}</h2>
                            </div>
                            <!-- /.projects-item__title -->
                        </a>
                    </div>
                    <!-- /.projects-item -->
                </div>
                @endforeach

                <div class="col-md-12 mt-4">
                    <!-- Pagination -->

                    @include('nn_site.partials.pager',['items'=>$projects, 'slug'=>'projects'])
        
 
                </div>
            </div>
            <!-- /.row -->
        </div>
        <!-- /.container -->
    </section>
    <!-- /.section projects -->
   
    @include('nn_site.partials.footer')