Edit File: anime-show.blade.php
@section("title") {{ $anime->title }} - Gudang Anime Movie @endsection <div class="flex flex-col gap-8 my-2"> <div class="flex flex-col lg:flex-row gap-4"> <div class="flex gap-2 flex-1 justify-center"> <div class="relative"> <img src="{{$anime->thumbnail}}" alt="{{$anime->title}}" class="w-full aspect-[17/24]"> <div class="absolute top-2 left-4 bg-red-600 px-4 rounded-full border-[1px] border-white "> {{ $anime->score }} </div> </div> </div> <div class="flex flex-col px-2 gap-4 flex-1"> <div class="{{ $followState ? "bg-green-600" : "bg-red-600"}} font-bold rounded-lg w-full lg:w-48 md:w-3/4 flex justify-center items-center h-16 border-white border-2 hover:border-transparent hover:bg-red-800 duration-200 tracking-widest hover:scale-110 hover:cursor-pointer" wire:click="toggleFollow"> {{ $followState ? "Followed" : "Follow" }} </div> <div class="font-bold capitalize text-xl"> {{ $anime->title }} </div> <div class="text-white/60 {{ $expanded ? "" : "line-clamp-6 sm:line-clamp-4 lg:line-clamp-3"}}"> {!! $anime->short_description !!} </div> <div class="flex justify-center"> <button class="bg-red-600 w-36 border-2 border-white rounded-lg py-1 text-center " wire:click="switchExpanded"> {{ $expanded ? "READ LESS" : "READ MORE" }} </button> </div> <div class="flex flex-col gap-4 lg:flex-row"> <ul class="list-disc space-y-2 pl-4 lg:flex-1"> <li> <div class="flex w-full"> <div class="flex-1"> Tipe </div> <div class="flex-1"> {{ $anime->type->name }} </div> </div> </li> <li> <div class="flex w-full"> <div class="flex-1"> episode </div> <div class="flex-1"> {{ $anime->total_episode }} </div> </div> </li> <li> <div class="flex w-full"> <div class="flex-1"> status </div> <div class="flex-1"> {{ $anime->is_completed ? "Selesai Tayang" : "Ongoing" }} </div> </li> <li> <div class="flex w-full"> <div class="flex-1"> Genre </div> <div class="flex-1"> @if($anime->tags->count() == 0) - @else @foreach ($anime->tags as $tag) {{ $tag->name }} @if(!$loop->last) , @endif @endforeach @endif </div> </li> <li> <div class="flex w-full"> <div class="flex-1"> Skor </div> <div class="flex-1"> {{ $anime->score }} </div> </li> </ul> <ul class="list-disc space-y-2 pl-4 lg:flex-1"> <li> <div class="flex w-full"> <div class="flex-1"> Tayang </div> <div class="flex-1"> {{ $anime->release_date }} </div> </li> @if(!$anime->is_film) <li> <div class="flex w-full"> <div class="flex-1"> Musim </div> <div class="flex-1"> {{ $anime->season->name }} </div> </li> @endif <li> <div class="flex w-full"> <div class="flex-1"> Durasi </div> <div class="flex-1"> {{ $anime->duration }} </div> </li> <li> <div class="flex w-full"> <div class="flex-1"> Negara </div> <div class="flex-1"> {{ $anime->nation ? $anime->nation->name : "-" }} </div> </li> </ul> </div> </div> </div> <div class="flex flex-col lg:flex-row lg:pl-4 px-2 gap-4"> <div class="bg-red-600 font-bold rounded-lg w-full lg:w-48 md:w-3/4 flex justify-center items-center h-16 border-white border-2 hover:border-transparent hover:bg-red-800 duration-200 tracking-widest hover:scale-110 hover:cursor-pointer" wire:click="toggleVideo"> DAFTAR EPISODE </div> <a href="{{$first_episode ? route("video.show", ['order' => $first_episode->order, 'slug' => $anime->slug]) : "#"}}" class="{{$first_episode ? "bg-red-600 hover:cursor-pointer" : "bg-red-800 hover:cursor-not-allowed"}} font-bold rounded-lg w-full lg:w-48 md:w-3/4 flex justify-center items-center h-16 border-white border-2 hover:border-transparent hover:bg-red-800 duration-200 tracking-widest hover:scale-110"> EPISODE TERLAMA </a> <a href="{{$latest_episode ? route("video.show", ['order' => $latest_episode->order, 'slug' => $anime->slug]) : "#"}}" class="{{$latest_episode ? "bg-red-600 hover:cursor-pointer" : "bg-red-800 hover:cursor-not-allowed"}} font-bold rounded-lg w-full lg:w-48 md:w-3/4 flex justify-center items-center h-16 border-white border-2 hover:border-transparent hover:bg-red-800 duration-200 tracking-widest hover:scale-110"> EPISODE TERBARU </a> </div> @if($video_open) <div class="flex flex-wrap gap-4 px-4"> @if(count($anime->videos) == 0) <button class="w-fit whitespace-nowrap capitalize bg-red-600 rounded-lg font-bold py-1 px-4 border-2 border-white text-center hover:scale-110 hover:bg-red-700 duration-200 hover:cursor-not-allowed"> Belum Ada Episode </button> @else @foreach($anime->videos()->orderBy("order")->get() as $item) @if($loop->last) <a href="{{ route("video.show", ['slug' => $anime->slug, 'order' => $item->order])}}" class="w-fit min-w-24 px-4 whitespace-nowrap capitalize bg-red-600 rounded-lg font-bold py-1 border-2 border-white text-center hover:scale-110 hover:bg-red-700 duration-200 cursor-pointer relative"> Episode {{ $item->order }} <img src="/storage/page/new.gif" class="absolute -right-4 -top-7 w-10 h-10"> </a> @else <a href="{{ route("video.show", ['slug' => $anime->slug, 'order' => $item->order])}}" class="w-fit min-w-24 px-4 whitespace-nowrap capitalize bg-red-600 rounded-lg font-bold py-1 border-2 border-white text-center hover:scale-110 hover:bg-red-700 duration-200 cursor-pointer"> Episode {{ $item->order }} </a> @endif @endforeach @endif </div> @endif <x-home-item title="Anime Lainnya" :animes="$random_anime" link="#" /> </div> </div>
Back