@extends('layout.home')
@section('content')

<ul class="main-slider">
    @foreach($sliders as $slider)
        <li>
           
                <div class="embed-responsive embed-slider">
                        <a href='{{$slider->link}}' @if($slider->new_tab =='yes') target="_blank" @endif class='read-more1 slider-link'>
                    <div class='embed-responsive-item embbed-item' style='background-image:url(/storage/{{$slider->image}})'></div>
                    <div class='slider-caption slider-caption-animate triangle-animate'>{{$slider->caption}}
                      
                    
                        @if($slider->link) @endif
                    </div>
                </a>
                </div>
           
        </li>
    @endforeach
</div>

<div class="container">
    <section class="acknowledgements">
        <p class="topic">ACKNOWLEDGEMENTS</p>
        <div class="sponsor">
            {!!$acknowledgement!!}
        </div>
    </section>

    <section>
            <h1 class='section-title'>WHAT'S NEW</h1>
            <div class='row justify-content-center'>
                    @foreach($news  as $data)
                        <div class='col-sm-4 post-item'>
                            <div class="embed-responsive embbed-post-cover">
                                    @if($data->cover != null)
                                    <div class='embed-responsive-item embbed-item' style='background-image:url(/storage/{{$data->cover}})'></div>
                                    @else
                                        <div class='placeholder-img-container'>
                                                <img  src="/storage/images/logo.png" class='placeholder-img'>
                                        </div>
                                    @endif
                            </div>
                            <div class='preview-post-content-container newsletter triangle-animate news-animate'>
                                <div class='preview-post-title'>{{date("F d, Y", strtotime($data->publish_date))}}</div>
                                <div class='preview-post-content'>
                                        {{strip_tags(str_limit($data->title, $limit = 100, $end = '...'))}}
                                </div>
                                <div class="preview-more">
                                    <a href="/article/{{$data->article_id}}">Read more</a>
                                </div>
                            </div>
                        </div>
                @endforeach
            </div>
            <p class='showmore'><a href="/events">Show More</a></p>
        </section>
<section>
    <h1 class='section-title'>NEWSLETTER</h1>
    <div class='row justify-content-center'>
            @foreach($newletter  as $data)
                <div class='col-sm-4 post-item'>
                        <div class="embed-responsive embbed-post-cover">
                                @if($data->cover != null)
                                <div class='embed-responsive-item embbed-item' style='background-image:url(/storage/{{$data->cover}})'></div>
                                @else
                                    <div class='placeholder-img-container'>
                                            <img  src="/storage/images/logo.png" class='placeholder-img'>
                                    </div>
                                @endif
                        </div>
                    <div class='preview-post-content-container newsletter triangle-animate newsletter-animate'>
                        <div class='preview-post-title'>{{date("F d, Y", strtotime($data->publish_date))}}</div>
                        <div class='preview-post-content'>
                                {{strip_tags(str_limit($data->title, $limit = 100, $end = '...'))}}
                        </div>
                        <div class="preview-more">
                            <a href="/article/{{$data->article_id}}">Read more</a>
                        </div>
                    </div>
                </div>
        @endforeach
    </div>
</section>
</div>
    
@endsection