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

@section('content')
    @push('css')
        <link rel="stylesheet" type="text/css" href="{{asset('homely/theme.css')}}"/>
        <link rel="stylesheet" type="text/css" href="{{asset('homely/preset.css')}}"/>
        <link rel="stylesheet" type="text/css" href="{{asset('homely/responsive.css')}}"/>
    @endpush
    <!-- post Meta Section -->
    <section class="banner_01 shadow dark-hard" style="background: url({{asset($homily->getFirstMediaUrl('homily-images'))}}) no-repeat center center / cover;" >
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <div class="banner_1_content">
                        <a href="#" class="cats reds">{{$homily->church}}</a>
                        <h2 class=>{{$homily->title}}</h2>
                        <div class="post_banner_meta clearfix">
                            <img src="{{asset('assets/img/logo2.png')}}" alt=""/>
                            <span class="fi1cm_author">Par <a href="#">{{$homily->priest}}</a></span>
                            <span class="fi1cm_date">-<a href="#"><i class="twi-clock2"></i>{{\Carbon\Carbon::parse($homily->date)->translatedFormat('d M Y')}}</a></span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- post Meta Section -->
    <!-- post Details Section -->
    <section class="sp_1_section">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <div class="sb_bg">
                        <div class="row">
                            <div class="col-lg-12 col-md-12">
                                <div class="single_blog">
                                    {!! $homily->message !!}
                                </div>
                                <aside class="widget mag_social_widget">
                                    <h3 class="widget_title"><span>Feuillet</span></h3>
                                    <div class="social_area">
                                        <div class="single_social you">
                                            <a href="#"><i class="magro-play-button"></i></a>
                                            <div class="social_meta">
                                                Feuillet du jour
                                                <a href="{{$homily->getFirstMediaUrl('homily-files')}}" target="_blank">Télécharger</a>
                                            </div>
                                        </div>
                                    </div>
                                </aside>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- post Details Section -->

    @push('javascript')
        <script src="{{asset('homely/theme.js')}}"></script>
    @endpush

@endsection