123movies-seo/resources/views/components/slider.blade.php

29 lines
1.5 KiB
PHP
Raw Normal View History

2024-08-24 23:08:42 +03:00
<div class="container mt-3">
{{-- <span class="slider-title">{{ $title }}</span> --}}
<div class="swiper slider-content">
<div class="swiper-wrapper">
@foreach ($items as $item)
<div class="swiper-slide swiper-lazy lazy" data-bg="{{ $item['image'] }}">
<a href="{{ route('movie', ['id' => $item['id'], 'slug' => $item['slug']]) }}" title="{{ $item['title'] }}" class="card group">
<div class="card-title">
<span>{{ $item['title'] }}</span>
</div>
<span class="card-play group-hover:scale-110 group-hover:opacity-100 ">
{{-- <svg xmlns="http://www.w3.org/2000/svg" class="h-16 w-16" fill="none" viewBox="0 0 24 24" stroke="currentColor"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z"></path> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1" d="M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path></svg> --}}
<svg class="h-16 w-16">
<use href="#play"></use>
</svg>
</span>
</a>
</div>
@endforeach
</div>
<div class="slider-nav next">
<div class="swiper-button-next"></div>
</div>
<div class="slider-nav prev">
<div class="swiper-button-prev"></div>
</div>
</div>
</div>