<!DOCTYPE html>
<html lang="zxx">


<head>
  <meta charset="utf-8">
    <title>CES Pakistan - Projects</title>


    @include("header")

</head>

<body>


<!-- preloader start -->
<div class="preloader">
    <img src="{{asset('assets/images/preloader.gif')}}" alt="preloader">
</div>
<!-- preloader end -->

<header>

    @include("navigation")
</header>


<section class="page-title overlay" style="background-image: url(assets/images/_about/aboutus.jpg);">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 text-center">
                <h2 class="text-white font-weight-bold">Our Projects</h2>
                <ol class="breadcrumb">
                    <li>
                        <a href="{{url('')}}">Home</a>
                    </li>
                    <li>Projects</li>
                </ol>
            </div>
        </div>
    </div>
</section>
<div class="section">
    <div class="container">


        <div class="row" data-ref="mixitup-container">
            <div class="col-lg-12">
                <div class="project-menu text-center">
                    <ul class="controls list-inline">
                        <!-- filter item list -->
                        <li class="list-inline-item control active" data-filter="all">All Projects</li>
                        <li class="list-inline-item control" data-filter=".completed-projects">Completed Projects</li>
                        <li class="list-inline-item control" data-filter=".ongoing-projects">Ongoing Projects</li>
                    </ul>
                </div>
            </div>

            @if (isset($projects) && $projects)
                @foreach ($projects as $project)


                    <div data-ref="mixitup-target" class="@if($project['end_date']) {{'completed-projects'}} @else {{'ongoing-projects'}} @endif col-lg-4 col-sm-6 mb-4 blog-box">
                        <div class="card text-center">
                            <div class="card-img-wrapper bg-gray">
                                <img class="card-img-top rounded-0" src="{{\Illuminate\Support\Facades\URL::to('/') .'/images/'.$project['media']}}"  alt="{{$project['title']}}"  >
                            </div>
                            <div class="card-body p-3 text-left">
                                <h4 class="card-title mb-0 title-single-line "> <a  href="{{url('/project/details/'.$project['slug'])}}" class="h5">{{$project['title']}}</a></h4>

                            </div>
                        </div>
                    </div>



                @endforeach
            @endif

        </div>

    </div>
</div>

@include("footer")

</body>

</html>
