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

@section('content')
    <!--== Start Page Title Area ==-->
    <x-title image="assets/img/sector.jpg" page="Agenda Mensuel"/>
    <!--== End Page Title Area ==-->

    <div class="donation-form default-padding">
        <div class="container">
            <div class="row">
                <div class="col-md-12 form">
                    <h2>Programme Mensuel du Diocèse </h2>
                    <div class="panel panel-default">
                        <div class="panel-heading">
                            <h3 class="panel-title text-uppercase">Mois -  {{\Carbon\Carbon::now()->translatedFormat('F')}} </h3>
                        </div>
                        <div class="row">
                            <div class="panel-body">
                                @foreach($schedules as $schedule)
                                <div class="col-md-12 ">
                                    <img src="{{$schedule->getFirstMediaUrl('schedule-img')}}" class="mb-4" width="100%" alt="">
                                </div>

                                    <div class="col-md-12 text-center" style="margin-top: 20px">
                                        <a class="btn btn-theme effect btn-sm mt-2" href="{{$schedule->getFirstMediaUrl('schedule-img')}}" target="_blank">Telecharger le programme <i class="fa fa-download"></i></a>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


@endsection