@extends('layouts.app')
@section('content')
@foreach ($data['moduleItems'] as $item)
<style>
.abstarct-img {
    width: 235px;
}

.abstarct-banner {
    background-image: url(./assets/image/cover.jpg);
    background-attachment: fixed;
}

.abstarct-text h4 {
    color: #191766;
    font-weight: bold;
    font-size: 24px;
}

.abstarct-btn a {
    color: #191766;
    font-weight: bold;
}

.download,
.download1 {
    background-color: #32373c;
    color: #fff;
    border-radius: 20px;
    padding: 4px 10px;
    font-size: 13px;
}

.download:hover {
    background-color: #666;
}

.download1 {
    padding: 13px 75px;
    border-radius: 50px;
    font-size: 16px;
}

.download1:hover {
    background-color: #666;
}
</style>

<section class="page_title_wrap bottom_border">
    <div class="container">
        <h3>{{ $item['title'] }}</h3>
    </div>
</section>
<div class="abstarct-banner">
    <div class="container pt-5">
        @if (count($item['dynamicSections']) > 0)
        @foreach ($item['dynamicSections'] as $dynamicSection)
        <div class="row">
            <div class="abstarct-text col-md-8 col-sm-6">
                <h4>{{ $dynamicSection['title'] }}</h4>
            </div>
            <div class="col-md-4 col-sm-6">
                <img class="abstarct-img mt-2" src="{{ $dynamicSection['image'] }}" alt="abstarct-banner-img">
                <div class="abstarct-btn pt-3 pb-2">
                    <a href="{{ $dynamicSection['file'] }}">Abstract-Paper &nbsp;<span
                            class="download">Download</span></a>
                </div>
            </div>
        </div>
        @endforeach
        @endif

    </div>
</div>
@endforeach
@endsection