@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-5 carousel">
                    <div class="pf-thum-carousel owl-carousel owl-thumb">
                        <img src="{{asset('assets/img/fp.png')}}" alt="Thumb">
                        <img src="{{asset('assets/img/eve.jpg')}}" alt="Thumb">
                    </div>
                </div>
                <div class="col-md-7 conetnt">

                    <p>
                        Le Diocèse de Grand-Bassam, issu du découpage de <a href="https://fr.wikipedia.org/wiki/Archidioc%C3%A8se_d%E2%80%99Abidjan" target="_blank" class="text-danger">
                            l’Archidiocèse d’Abidjan</a>,
                        a été érigé sur proposition de <strong style="color: #b40f15">Bernard Yago</strong> , <a
                            href="https://fr.wikipedia.org/wiki/8_juin" target="_blank">le 8 juin 1982</a>.
                        Il couvre une superficie de 8 354 km<sup>2</sup> et est divisé en six secteurs :

                    </p>
                    <ul>
                        <li>Le secteur de Koumassi,</li><br>
                        <li>le secteur de Port-Bouët,</li><br>
                        <li>le secteur d'Aboisso,</li><br>
                        <li>le secteur de Bonoua,</li><br>
                        <li>le secteur de Grand-Bassam,</li><br>
                        <li>le secteur de Maféré,</li>
                    </ul>Le Diocèse de Grand-Bassam compte plus d’une cinquantaine de paroisses.
                    <p style="margin: 0;">
                        Sa cathédrale est <strong style="color:#feac05"> la Cathédrale Sacré-Cœur de Grand-Bassam</strong> érigée le 28 octobre 1895.
                    </p>
                    <p>Son premier évêque, <strong>Joseph Akichi</strong> dont l'ordination a eu lieu le 18 septembre 1982 par Bernard Yago assisté du nonce apostolique Justo Mullor García .
                        Décédé le 5 avril 1993, Monseigneur Paul Dacoury-Tabley lui succéda le 19 décembre 1994.
                    </p>
                    <p>Le 27 mars 2010, il est remplacé par l’actuel <strong style="color:#feac05"> Monseigneur Raymond Ahoua</strong>.</p>
                </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