File Manager

Edit File: home-item.blade.php

<h2 class="lg:text-2xl md:text-lg">{{$title}}</h2>
            @if($link != "#")
            <a class="flex items-center gap-2 hover:cursor-pointer" href="{{$link}}">
                <span class="whitespace-nowrap">
                    Lihat Semua
                </span>

<span class="flex-shrink-0">
                    <svg viewBox="0 -4.5 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="w-4 h-4">
                        <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                        <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                        <g id="SVGRepo_iconCarrier">
                            <title>arrow_right [#346]</title>
                            <defs></defs>
                            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                                <g id="Dribbble-Light-Preview" transform="translate(-300.000000, -6643.000000)" fill="currentColor">
                                    <g id="icons" transform="translate(56.000000, 160.000000)">
                                        <polygon id="arrow_right-[#346]" points="264 6488.26683 258.343 6483 256.929 6484.21678 260.172 6487.2264 244 6487.2264 244 6489.18481 260.172 6489.18481 256.929 6492.53046 258.343 6494"></polygon>
                                    </g>
                                </g>
                            </g>
                        </g>
                    </svg>
                </span>
            </a>
            @endif

</div>
    </div>
    <div class="flex flex-nowrap overflow-auto gap-4">
        @foreach ($animes as $anime)
        <div class="flex flex-col gap-2 bg-gray-700 relative min-w-64 max-w-64 p-2">

<div class="absolute top-4 left-4 bg-red-600 px-4 rounded-full border-[1px] border-white z-20">
            {{ $anime->score }}
        </div>
            <a href="{{route("anime.show", $anime->slug)}}" class="relative">
                    <img src="{{$anime->thumbnail}}" alt="Anime {{$anime->name}}" class="w-full aspect-[17/24] rounded-md">
                    <div class="absolute bottom-2 right-2 bg-black/40 px-4 rounded-full">
                        {{ $anime->view_count }} Views
                    </div>
            </a>

<div class="w-full flex flex-col gap-2 bg-gray-700 p-2">
                <div class="flex flex-wrap scroll-x-auto gap-2">
                    @foreach ($anime->tags()->limit(3)->get() as $tag)
                    <a href="{{route("tag.show", $tag->slug)}}" class="bg-red-600 text-white border-white border-2 rounded-full px-4 w-fit">
                        {{ $tag->name }}
                    </a>
                    @endforeach
                    @if ($anime->tags->count() == 0)
                    <div class="bg-red-600 text-white border-white border-2 rounded-full px-4 w-fit">
                        {{ __("No Tag") }}
                    </div>
                    @endif
                </div>
                <a href="{{route("anime.show", $anime->slug)}}" class="capitalize font-bold text-lg hover:opacity-80">
                    {{ $anime->title }}
                </a>
                <div>
                    {{ $anime->created_at->diffForHumans() }}
                </div>
            </div>
        </div>
        @endforeach

@if (count($animes) == 0)
            <h2 class="text-lg lg:text-3xl font-bold">Anime Tidak Tersedia Untuk Season Ini</h2>
        @endif
    </div>
</div>

Back