@extends('front.layouts.app')
@section('title',$sanctuary->name)

@push('css')
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
@endpush

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

    <div class="container church-info">
        <div id="accordion" class="panel-group">
            <div class="panel">
                <div class="panel-heading">
                    <h4 class="panel-title">
                        <a href="#panelBodyOne" class="accordion-toggle" data-toggle="collapse" data-parent="#accordion">Description</a>
                    </h4>
                </div>
                <div id="panelBodyOne" class="panel-collapse collapse in">
                    <div class="panel-body">
                        {!! $sanctuary->history !!}
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection

@push('javascript')
    <script>
        $("#accordion").on("hide.bs.collapse show.bs.collapse", e => {
            $(e.target)
                .prev()
                .find("i:last-child")
                .toggleClass("fa-minus fa-plus");
        });
    </script>
@endpush