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

@section('content')
    <!--== Start Page Title Area ==-->
    <x-title image="{{asset($church->getFirstMediaUrl('sectors'))}}" 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 style="font-size: 16px; font-weight: bold" >
                            Le {{$church->name}} compte en son sein <strong style="color: #b40f15">{{$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="popular-causes-items">
                                    @foreach($church->church as $churchs)
                                        <div class="col-md-12" style="margin-bottom: 5px">
                                            <div class="item">
                                                <div class="col-md-8 col-md-offset-2 info3">
                                                    <h4>{{$churchs->sector->name}}</h4>
                                                    <h2>{{$churchs->name}}</h2>
                                                    <a class="btn btn-theme effect btn-block" href="{{route('home.all.church.info',$churchs->id)}}">Détails</a>
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        </div>



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


@endsection