@extends('layouts.app')
@section('title')
Recent Trend Article
@parent
@stop
@section('content')

<style>
    .rt article-id,
    .rt back {
        display: none;
    }

    .rt .card-header {
        color: white;
        background: var(--siteblue);
    }

    .rt .card-header article-title {
        font-size: 1.38em;
        line-height: 1.5em;
        border-bottom: 1px solid #fff;
        padding-bottom: 5px;
        margin-bottom: 10px;
        display: block;
        text-transform: capitalize;
    }

    .rt .card-header article-title+aff {
        background-color: ;
    }

    .rt .card-header abstract {
        display: block;
        font-size: 14px;
    }

    .rt article body p {
        text-align: justify;
    }

    .rt .card-header a {
        color: #fff;
        text-decoration: underline;
    }

    .rt .card-body a {
        color: var(--siteblue);
        text-decoration: underline;
    }

    .rt aff {
        display: block;
    }
</style>
<section>
    <div class="container">

        <h2 class="h4 d-flex w-100">Recent Trend Article <a href="/recenttrend/list" class="btn btn-primary bg-siteblue ml-auto hvr-icon-wobble-horizontal"><i class="fa-solid fa-angle-left mx-2 hvr-icon"></i> Recent Trend Article List</a></h2>
        <hr>
        <div class="row">
            <div class="col-md-12 rt">

                <div class="card">
                    @foreach ($article_list as $articles)
                    <div class="card-header">
                        <article-meta>

                        <a href="https://www.eurekaselect.com/article/{{$articles->article_id}}" class="text-decoration-none">
                            <article-title>{!! $articles->title !!}</article-title>
                        </a>

                            <aff>
                                <bold>NEWS RELEASE:</bold> {{gmdate("d-m-Y", $articles->news_release_date)}}
                            </aff>

                            <abstract>
                                <abstract>
                                    <p>The article by {{$articles->principle_author}} and colleagues is published in {{$articles->journal_title}}, Volume {{$articles->volume_name}}, Issue {{$articles->issue_title}}, {{$articles->year}}</p>
                                </abstract>
                        </article-meta>
                    </div>
 
                    <div class="card-body text-justify">
                        {!! $articles->description !!}
                    </div>
                    @endforeach
                </div>

            </div>
        </div>
    </div>
</section>
@endsection