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

@endsection
@section('title','Activities')
@section('content')
    <div class="page-title activities-page-title">
        <h1>Activities</h1>
        <div class="activities-scroll-btn"></div>
    </div>

    @foreach($mainContent->boxes()->get() as $box)

        @if($loop->index == 0)

            <div class="section activiti-section" style="background-image:url({{ $box->file }});" data-aos="fade-up" data-aos-delay="500">
                <div class="black-transparent"></div>
                <div class="container">
                    <div class="col-lg-8 col-md-10">
                        <div class="row">

                            <div class="col-md-3 hidden-sm hidden-xs">
                                <div class="activiti-badge-line-up no-bg"></div>
                                <div class="activiti-badge">
                                    <div class="activiti-badge-inner text-center">{!!  $box->information_number !!}</div>
                                </div>
                                <div class="activiti-badge-line"></div>
                            </div>
                            <div class="col-md-9 activiti-pad">
                                <h2>{{ $box->title }}</h2>
                                <h3>{{ $box->subtitle }}</h3>
                                <p>{!! $box->description !!}</p>
                                <a href="{{ route('donate') }}" class="btn btn-default btn-lg btn-block activiti-donate">{{ $box->button_text != null ? $box->button_text : 'DONATE TO OUR BRIDAL FUND'}}</a>
                            </div>
                        </div>


                    </div>
                </div>
            </div>

        @elseif($loop->index == count($mainContent->boxes()->get())-1 )
            <div class="section activiti-section" style="background-image:url({{ $box->file }});"  data-aos="fade-up" data-aos-delay="500">
                <div class="black-transparent"></div>
                <div class="container">
                    <div class="col-lg-8 col-md-10">
                        <div class="row">
                            <div class="col-md-3 hidden-sm hidden-xs">
                                <div class="activiti-badge-line-up"></div>
                                <div class="activiti-badge">
                                    <div class="activiti-badge-inner text-center">{!!  $box->information_number !!}</div>
                                </div>
                                <div class="activiti-badge-line activiti-badge-line-last"></div>
                            </div>
                            <div class="col-md-9 activiti-pad">
                                <h2>{{ $box->title }}</h2>
                                <h3>{{ $box->subtitle }}</h3>
                                <p>{!! $box->description !!}</p>
                                <a href="{{ route('donate') }}" class="btn btn-default btn-lg btn-block activiti-donate">{{ $box->button_text != null ? $box->button_text : 'DONATE TO OUR BRIDAL FUND'}}</a>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        @else
            <div class="section activiti-section" style="background-image:url({{ $box->file }});"  data-aos="fade-up" data-aos-delay="500">
                <div class="black-transparent"></div>
                <div class="container">
                    <div class="col-lg-8 col-md-10">
                        <div class="row">
                            <div class="col-md-3 hidden-sm hidden-xs">
                                <div class="activiti-badge-line-up"></div>
                                <div class="activiti-badge">
                                    <div class="activiti-badge-inner text-center">{!!  $box->information_number !!}</div>
                                </div>
                                <div class="activiti-badge-line"></div>
                            </div>
                            <div class="col-md-9 activiti-pad">
                                <h2>{{ $box->title }}</h2>
                                <h3>{{ $box->subtitle }}</h3>
                                <p>{!! $box->description !!}</p>
                                <a href="{{ route('donate') }}" class="btn btn-default btn-lg btn-block activiti-donate">{{ $box->button_text != null ? $box->button_text : 'DONATE TO OUR BRIDAL FUND'}}</a>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
            @endif

    @endforeach

@endsection
@section('scripts')
@endsection