@extends('layouts.app')
@section('content')
@foreach ($data['moduleItems'] as $item)
<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>
<section class="land_info_wrap">
    <div class="container">
        <div class="lan_info_inner table-responsive">
            <div>
                <p>{!! $item['shortDescription'] !!}</p>
            </div>
            <div>
                <p>{!! $item['longDescription'] !!}</p>
            </div>
            @if (count($item['dynamicSections']) > 0)
            @foreach ($item['dynamicSections'] as $dynamicSection)
            <div>
                <img class="img-responsive land_img" src="{{ $dynamicSection['image'] }}" alt="land_img2"/>
                <p class="download_button">
                    {{ $dynamicSection['title'] }}
                    <a href="{{ $dynamicSection['file'] }}" class="btn_theme">Download</a>
                </p>
            </div>
            @endforeach
            @endif
        </div>
    </div>
</section>
@endforeach
@endsection
<style>
    table {
        font-family: arial, sans-serif;
        border-collapse: collapse;
        width: 100%;
    }

    td,
    th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 8px;
    }

    tr:nth-child(even) {
        background-color: #dddddd;
    }
</style>