@extends('web.layout.app')
@section('css')

@endsection
@section('title', 'Prayers Page')
@section('content')
    <div class="prayers-section">
        <div class="valign">
            <div class="container">
                <div class="row">
                    <div class="col-md-10 col-md-push-1">
                        <h1 data-aos="fade-up">Print. Pray. Poil ales gitz.</h1>
                        <p data-aos="fade-up">We invite you to make use of this collection of special prayers anywhere, anytime, at your convenience. Click on any prayer to enlarge, or print it out for your continued use.</p>
                        <h3 data-aos="fade-up">PRAYER LIST</h3>
                        <div class="clearfix"></div>
                        <div class="row" data-aos="fade-up" data-aos-delay="200">
                          @foreach($mainContent->boxes()->get() as $box)
                                <div class="col-md-3 col-xs-6 text-center">
                                    <a href="/{{ $box->file }}" target="_blank"><h4>{{ $box->title }}</h4></a>
                                    <p>{{ $box->description }}</p>
                                    <p>{!! $box->subtitle !!}</p>
                                    <p>{!! $box->description_second_language !!}</p>
                                </div>
                            @endforeach

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection
@section('scripts')
@endsection