@foreach($episodes as $k => $episode)
    <div class="e-item col-lg-3 col-sm-12 col-md-6">
        <div class="block-image position-relative">
            <a href="{{ route('watch.show', ['showSeasonEpisode' => $episode->id]) }}">
                <img src="@if($episode->image) {{ $episode->image }} @else {{ asset('images/episode.jpg') }} @endif" class="img-fluid img-zoom" alt="" loading="lazy">
            </a>
            @php
                 $title = '';
                 if($episode->season->number < 10) {
                    $title .= 'S0'.$episode->season->number;
                 } else {
                    $title .= 'S'.$episode->season->number;
                 }

                if($episode->id < 10) {
                    $title .= 'E0'.$episode->episode_number;
                 } else {
                    $title .= 'E'.$episode->episode_number;
                 }
            @endphp
            <div class="episode-number">{{ $title}}</div>
            <div class="episode-play-info">
                <div class="episode-play">
                    <a href="{{ route('watch.show', ['showSeasonEpisode' => $episode->id]) }}">
                        <i class="ri-play-fill"></i>
                    </a>
                </div>
            </div>
        </div>
        <div class="epi-desc p-3">
            <div class="d-flex align-items-center justify-content-between mb-3">
                <span class="text-white rel-date">{{ $episode->duration }}</span>
            </div>
            <a href="{{ route('watch.show', ['showSeasonEpisode' => $episode->id]) }}">
                <h5 class="epi-name text-white mb-0">{{ $episode->title }}</h5>
            </a>
        </div>
    </div>
@endforeach