@extends('layouts.frontend.app')

@section('content')

<!-- Start Page Title Area -->
<div class="page-title-area bg-3">
    <div class="container">
        <div class="page-title-content">
            <h2>مشروعاتنا</h2>

        </div>
    </div>
</div>
<!-- End Page Title Area -->

<!-- Start Projects Area -->
<section class="projects-area ptb-100">
    <div class="container">
        <div class="section-title" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1000'>
            <span>القدرة على فعل الأشياء الصحيحة في الوقت المناسب.</span>
            <h2>
                مشروعاتنا
            </h2>
        </div>

        <div class="shorting-menu" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1500'>
            <button class="filter" data-filter="all">
                كل المشروعات
            </button>

            @foreach ($procategories as $cat)
                <button class="filter" data-filter=".{{ $cat->id }}">
					{{ $cat->name }}
				</button>
                @endforeach


        </div>

        <div class="shorting" data-aos='fade-up' data-aos-duration='1000' data-aos-delay='1000'>
            <div class="row">
                @foreach ($projects as $project)

                <div class="col-lg-6 col-sm-6 {{ $project->category->id }} mix">
                    <div class="projects">
                        <img src="{{ $project->getFirstMediaUrl('project','thumb') }}">
                        <a href="{{ route('singleproject',$project->id) }}" class="view-projects">
                            رؤية المشاريع
                        </a>
                    </div>
                </div>
                @endforeach
{{--
                <div class="col-12 text-center">
                    <a href="#" class="default-btn">
                        المزيد
                    </a>
                </div> --}}
                {{ $projects->links() }}
            </div>
        </div>
    </div>
</section>
<!-- End Projects Area -->
@endsection