@extends('front.layouts.app')
@section('title','Détails secteur')

@section('content')
    <!--== Start Page Title Area ==-->
    <x-title image="assets/img/paroisse.jpg" page="{{$church->name}}"/>
    <!--== End Page Title Area ==-->

    <!-- Start Popular Causes
     ============================================= -->
    <div class="popular-causes-area bg-gray default-padding bottom-less">
        <div class="container">
            <div class="row"> <div class="site-heading text-center">
                    <div class="col-md-8 col-md-offset-2">
                        <h2>Le {{$church->name}} </h2>
                        <p>
                            Le {{$church->name}} compte en son sain <strong>{{$church->church->count()}}</strong> paroisses
                        </p>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="popular-causes-items">

                        <div class="panel panel-default">
                            <div class="row">
                                <div class="sidebar-item category">
                                    <div class="title">
                                        <h4>Liste des paroisses du secteur</h4>
                                    </div>
                                    <div class="sidebar-info">
                                        <ul>
                                            @foreach($church->church as $churchs)
                                            <li>
                                                <a href="#">{{$churchs->name}}</a>
                                            </li>
                                            @endforeach

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



                </div>
            </div>
        </div>
    </div>
    <!-- End Popular Causes -->


@endsection