@extends('front.layouts.app')
@section('title','Liturgie')

@section('content')

    @push('css')
        <style>
            .cate_post_bg {
                background-size: cover;
                background-position: center;
                width: 100%;
                height: 406px;
            }
            .cate_post_bg_2 {
                background-size: cover;
                background-position: center;
                width: 560px;
                height: 406px;
            }
        </style>
        <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

    <!--== Start Page Title Area ==-->
    <x-title image="assets/img/liturgie.jpg" page="LITURGIE"/>
    <!--== End Page Title Area ==-->

    <!-- Lecture Section -->
    <section class="category_page_3" style="padding-top: 50px; padding-bottom: 5px">
        <div class="col-lg-12 text-center">
            <h2 class="sec_titles_3"><i></i>LECTURE</h2>
        </div>
        <div class="container">
            <div class="row shafull_container">
                <div class="col-lg-12 col-sm-12 shaf_item">
                    <div class="cate_post mr_10 clearfix">
                        <div class="cate_post_bg" style="background-image: url({{asset('assets/img/banner/etab.jpg')}});"></div>
                        <div class="author_meta clearfix">
                            <img src="{{asset('assets/img/logo2.png')}}" alt="">
                        </div>

                        <div class="cate_post_content">
                            <div class="rc_meta">
                                <a class="like" href="#"><i class="magro-view"></i>Diocèse de Grand-Bassam</a>
                            </div>
                            <h3><a href="#">LA LECTURE DU JOUR</a></h3>
                            <a class="rm_post" href="https://www.aelf.org/"target="_blank">Consulter</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- lecture Section -->

    <!-- meditation Section -->
    <section class="category_page_3">
        <div class="col-lg-12 text-center">
            <h2 class="sec_titles_3"><i></i>MEDITATIONS</h2>
        </div>
        <div class="container">
            <div class="row shafull_container">
                @foreach($homelies as $homely)
                <div class="col-lg-6 col-sm-6 shaf_item">
                    <div class="cate_post mr_10 clearfix">
                        <div class="cate_post_bg_2" style="background-image: url({{asset($homely->getFirstMediaUrl('homily-images'))}});"></div>
                        <div class="author_meta clearfix">
                            <img src="{{asset('assets/img/logo2.png')}}" alt="">
                            <a href="#">{{$homely->church}}</a>
                            <span>{{\Carbon\Carbon::parse($homely->date)->translatedFormat('d F Y')}}</span>
                        </div>

                        <div class="cate_post_content">
                            <div class="rc_meta">
                                <a class="like" href="#"><i class="magro-view"></i>Par {{$homely->priest}}</a>
                            </div>
                            <h3><a href="#">{{$homely->title}}</a></h3>
                            <a class="rm_post" href="{{route('homily.show',$homely->id)}}">Lire...</a>
                        </div>
                    </div>
                </div>
                @endforeach

            </div>
            <!--<div class="row mt_45">
                <div class="col-lg-12 text-center">
                    <a class="magro_btn" href="#">Voir plus</a>
                </div>
            </div>-->
        </div>
    </section>
    <!-- meditation Section -->

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

@endsection