@extends('front.layouts.app')
@section('title','Notre Histoire')

@section('content')
    <!--== Start Page Title Area ==-->
    <x-title image="assets/img/eveque.jpg" page="Notre Histoire"/>
    <!--== End Page Title Area ==-->


    <!-- Start Portfolio
    ============================================= -->
    <div class="portfolio-details default-padding">
        <div class="container">
            <div class="row">
                <div class="site-heading text-center">
                    <div class="col-md-8 col-md-offset-2">
                        <h2 style="font-weight: bold">L'histoire de notre Diocèse</h2>
                    </div>
                </div>
                <div class="col-md-12 conetnt">
                    @foreach($story as $store)
                    {!! $store->content !!}
                    @endforeach
                </div>
                <div class="col-md-12 portfolio-area related-projects default-padding-top">
                    <div class="heading">
                        <h3>Nos Evêques</h3>
                    </div>
                    <div class="related-project-items owl-carousel owl-theme">
                        @foreach($bishops as $bishop)
                            <div class="pf-item">
                                <div class="item-inner">
                                    <img src="{{asset($bishop['image'])}}" alt="Thumb"/>
                                    <div class="overlay">
                                        <div class="view-list">
                                            <a href="{{asset($bishop['image'])}}" class="item popup-link"><i class="fa fa-eye"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="info">
                                    <h4>{{$bishop['name']}}</h4>
                                </div>
                            </div>
                        @endforeach

                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Portfolio -->


@endsection