@extends('front.layouts.app')
@section('title','Nos projets')
@section('content')
    <!--== Start Page Title Area ==-->
    <x-title image="assets/img/sector.jpg" page="Projets du Diocèse"/>
    <!--== End Page Title Area ==-->

    <!--== Start Project Area ==-->
    <div class="event-area default-padding">
        <div class="container">
            <div class="row">
                <div class="event-items event-list-full inner-cell">
                    @foreach($projects as $project)
                    <div class="col-md-6 single-item">
                        <div class="item">
                            <div class="thumb col-md-6 bg-cover" style="background-image: url({{$project->getFirstMediaUrl('project')}}); width: 100%"></div>
                            <div class="info col-md-6">
                                <h2>
                                    <a href="#">{{$project->name}}</a>
                                </h2>
                                <p>

                                </p>
                                <a class="btn btn-theme effect btn-sm" href="{{route('project.show',$project->id)}}">Details<i class="fas fa-angle-right"></i></a>
                            </div>
                        </div>
                    </div>
                    @endforeach


{{--                    <div class="col-md-12 pagi-area outer-page">--}}
{{--                        <nav aria-label="navigation">--}}
{{--                            <ul class="pagination">--}}
{{--                                <li><a href="#">Previous</a></li>--}}
{{--                                <li class="active"><a href="#">1</a></li>--}}
{{--                                <li><a href="#">2</a></li>--}}
{{--                                <li><a href="#">3</a></li>--}}
{{--                                <li><a href="#">Next</a></li>--}}
{{--                            </ul>--}}
{{--                        </nav>--}}
{{--                    </div>--}}
                </div>
            </div>
        </div>
    </div>
    <!--== End Project Area ==-->




@endsection