123movies-seo/resources/views/sections/top.blade.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" data-text="{{ str($trending['type'])->apa() }}">
                            <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="color--primary">
                                        <svg class="si">
                                            <use href="#si-eye"></use>
                                        </svg>
                                    </i> <span>{{$trending['views']}}</span></li>
                                    @if($trending['vote_average'] && $trending['vote_average'] != 0)
                                    <li><i class="color--glod">
                                        <svg class="si">
                                            <use href="#si-star-fill"></use>
                                        </svg>
                                    </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" data-text="{{ str($trending['type'])->apa() }}">
                            <div class="movie-small__thumb">
                                <img class="lazy" data-src="{{ $trending['image'] }}" width="300" height="450"  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="color--primary">
                                        <svg class="si">
                                            <use href="#si-eye"></use>
                                        </svg>
                                    </i> <span>{{$trending['views']}}</span></li>
                                    @if($trending['vote_average'] && $trending['vote_average'] != 0)
                                    <li><i class="color--glod">
                                        <svg class="si">
                                            <use href="#si-star-fill"></use>
                                        </svg>
                                    </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" width="780" height="439" 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>
                                    <svg class="si">
                                        <use href="#si-play"></use>
                                    </svg>
                                </i>
                            </div>
                            <span>@lang('Watch Movie')</span>
                        </a>
                    @endif
                </div>
            </div>
        </div>
    </div>
</section>