123movies-seo/resources/views/sections/top.blade.php

73 lines
4.5 KiB
PHP

<section class="section pb-80 pt-80" data-section="latest_series">
<div class="container-fluid">
<div class="row gy-3">
<div class="col-xxl-3 col-xl-4 col-lg-6 col-sm-6">
<div class="section-header">
<h2 class="section-title">{{$col1_title}}</h2>
</div>
<ul class="movie-small-list">
@foreach ($col1_items as $trending)
<li class="movie-small">
<div class="movie-small__thumb">
<img class="lazy" data-src="{{ $trending['image'] }}" src="data:image/svg+xml,%3Csvg width='780' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="{{$trending['title']}}">
</div>
<div class="movie-small__content">
<h5>{{$trending['title'] }}</h5>
<ul class="movie-card__meta">
<li><i class="far fa-eye color--primary"></i> <span>{{$trending['views']}}</span></li>
@if($trending['vote_average'] && $trending['vote_average'] != 0)
<li><i class="fas fa-star color--glod"></i> <span>({{$trending['vote_average']}})</span></li>
@endif
</ul>
<a class="text-small base--color" href="{{ route($trending['route'], ['id' => $trending['id'], 'slug' => $trending['slug']]) }}">
@lang('Watch Now')
</a>
</div>
</li>
@endforeach
</ul>
</div>
<div class="col-xxl-3 col-xl-4 col-lg-6 col-sm-6">
<div class="section-header">
<h2 class="section-title">{{$col2_title}}</h2>
</div>
<ul class="movie-small-list">
@foreach ($col2_items as $trending)
<li class="movie-small">
<div class="movie-small__thumb">
<img class="lazy" data-src="{{ $trending['image'] }}" src="data:image/svg+xml,%3Csvg width='300' height='450' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='300' height='450' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E" alt="{{$trending['title']}}">
</div>
<div class="movie-small__content">
<h5>{{$trending['title'] }}</h5>
<ul class="movie-card__meta">
<li><i class="far fa-eye color--primary"></i> <span>{{$trending['views']}}</span></li>
@if($trending['vote_average'] && $trending['vote_average'] != 0)
<li><i class="fas fa-star color--glod"></i> <span>({{$trending['vote_average']}})</span></li>
@endif
</ul>
<a class="text-small base--color" href="{{ route($trending['route'], ['id' => $trending['id'], 'slug' => $trending['slug']]) }}">
@lang('Watch Now')
</a>
</div>
</li>
@endforeach
</ul>
</div>
<div class="col-xxl-6 col-xl-4">
<div class="single-movie">
<div class="single-movie__thumb">
<img class="w-100 lazy opacity-50" data-src="{{ $item['backdrop'] }}" alt="{{$item['title']}}" src="data:image/svg+xml,%3Csvg width='780' height='439' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='780' height='439' x='0' y='0' fill='%231B1B3F' /%3E%3C/svg%3E">
</div>
@if (@$trending_movies)
<a class="video-btn" href="{{ route($item['route'], ['id' => $item['id'], 'slug' => $item['slug']]) }}">
<div class="icon">
<i class="fas fa-play"></i>
</div>
<span>@lang('Watch Movie')</span>
</a>
@endif
</div>
</div>
</div>
</div>
</section>