@extends('layouts.app')
@section('content')
@foreach ($data['moduleItems'] as $item)

<style>
.land-banner {
    background-image: url(./assets/image/cover.jpg);
    background-attachment: fixed;
    display: flow-root;
}

.land-image {
    text-align: -webkit-center;
}

@media(max-width:820px) {
    .land-banner {
        background-size: cover;
    }
}

@media(max-width:912px) {
    .land-banner {
        background-size: cover;
    }
}
</style>
<section class="page_title_wrap bottom_border">
    <img class="page_title_bg" src="{{ asset('img/page_title_bg.jpg') }}" alt="page_title_bg">
    <div class="container">
        <h3>{{ $item['title'] }}</h3>
    </div>
</section>
<div class="land-banner">
    <section class="land_info_wrap">
        <div class="container">
            <div class="lan_info_inner">
                <div>
                    <p>{!! $item['shortDescription'] !!}</p>
                </div>
                <div>
                    <p>{!! $item['longDescription'] !!}</p>
                </div>
                @if (count($item['dynamicSections']) > 0)
                @foreach ($item['dynamicSections'] as $dynamicSection)
                <div class="land-image">
				   <h3>{{ $dynamicSection['title'] }}</h3>
                    <img class="img-responsive land_img" src="{{ $dynamicSection['image'] }}" alt="land_img2"/>
                    <p class="download_button pt-3">
                       
                        <a href="{{ $dynamicSection['file'] }}" class="btn_theme">Download</a>
                    </p>
                </div>
                @endforeach
                @endif
            </div>
        </div>
    </section>
</div>
@endforeach
@endsection