@props(["article"])

<div class="card_horiz_module">
	<div class="card border-0">
		<div class="row border-bottom pt-3 pb-4">
			<div class="col-12 col-md-8 pe-md-3">
				<div class="card-body p-0 pe-lg-5">
					<small class="small d-inline-block pb-1">
						<span class="roboto color_third text-uppercase">
							@if($lan != "it")
								{{$article->subtitle_english}}
							@else
								{{$article->subtitle_italian}}
							@endif
						</span>
						<span class="roboto color_second">
							{{ date('d-m-Y', strtotime($article->date)) }}
						</span>
					</small>

					<h3 class="card-title h5 color_second m-0 my-3">
						@if($lan != "it")
							{{$article->title_english}}
						@else
							{{$article->title_italian}}
						@endif
					</h3>
					@if($lan != "it")
						@if($article->abstract_english)
							<p class="card-text color_second m-0 mb-2">
								{{$article->abstract_english}}
							</p>
						@endif
					@else
						@if($article->abstract_italian)
							<p class="card-text color_second m-0 mb-2">
								{{$article->abstract_italian}}
							</p>
						@endif
					@endif

					<a class="card_horiz_btn d-inline-block roboto color_third text-end text-uppercase border border_color_third mt-4 py-3 px-4" href="/article/{{$article->id}}/{{$article->slug}}">
						<span class="small d-block mb-2">{{ __("labels.detail") }}</span>
						<i class="fa-light fa-arrow-right-long d-block h3 text-end"></i>
					</a>
				</div>
			</div>

			@php
				$thumbnail = null;
				foreach($article->media as $media){
					if($media->thumbnail){
						$thumbnail = $media->thumbnail;
					}
				}
			@endphp

			@if(isset($thumbnail))
				<div class="col-md-4 d-flex align-items-start justify-content-center text-center mt-5 mt-lg-0" title="{{ $lan != 'it' ? $media->name_english : $media->name_italian }}" style="background-image: url('{{ asset("uploads/" . $thumbnail) }}'); background-size: cover; background-repeat: no-repeat; background-position: center center; height: 250px;">
					<div class="small roboto text-uppercase color_third bg_color_first row col-5 p-2">
						<span class="">
							{{ date('d', strtotime($article->date)) }}
						</span>
						@php
							$formatter = null;
							if($lan != "it"){
								$formatter = new IntlDateFormatter('en_EN');
							} else {
								$formatter = new IntlDateFormatter('it_IT');
							}
							$formatter->setPattern('MMMM');
							$monthName = $formatter->format(mktime(0, 0, 0, date('m', strtotime($article->date))));
							
						@endphp
						<span class="">
							{{ $monthName }}
						</span>
						<span class="">
							{{ date('Y', strtotime($article->date)) }}
						</span>
					</div>
				</div>
			@endif
		</div>
	</div>
</div>