Edit File: anime-create.blade.php
<div> <x-slot name="header"> <di class="relative"> <h2 class="font-semibold text-xl text-gray-800 dark:text-gray-200 leading-tight text-center"> {{ __('Create New Anime') }} </h2> </di> </x-slot> <div class="py-12"> <form class="bg-gray-300 max-w-7xl mx-auto sm:px-6 lg:px-8 p-4 flex flex-col gap-4" wire:submit="store"> <div class="flex w-full"> <div class="flex-1"> <img src="{{ $photo ? $photo->temporaryUrl() : "https://dummyimage.com/1080x1920/000/fff"}}" class="h-48 aspect-[9/16] mx-auto"> <label for="photo" class="duration-200 flex flex-col items-center px-4 py-6 mx-auto w-full md:w-1/2 lg:w-1/3 bg-white text-blue-600 rounded-lg shadow-lg tracking-wide uppercase border border-blue-600 cursor-pointer hover:bg-blue-600 hover:text-white"> <svg class="w-8 h-8" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path d="M16.88 4.12A10 10 0 111 10c.05 0 .1 0 .15-.01A7.75 7.75 0 004 12.25V15a1 1 0 001 1h10a1 1 0 001-1v-2.75A7.75 7.75 0 0015 10a7.75 7.75 0 001.87-5.88z" /> </svg> <span class="mt-2 text-sm leading-normal">Select a Thumbnail</span> <input id="photo" type="file" wire:model="photo" class="hidden" accept=".jpg, .jpeg, .png, .webp" /> <div class="flex"> <div wire:loading.remove wire:target="photo">IDLE</div> <div wire:loading wire:target="photo">Uploading...</div> </div> </label> <x-input-error class="mt-2" :messages="$errors->get('photo')" /> </div> <div class="flex-1"> <img src="{{ $home_image ? $home_image->temporaryUrl() : "https://dummyimage.com/1280x720/000/fff"}}" class="w-96 h-48 mx-auto"> <label for="home_image" class="duration-200 flex flex-col items-center px-4 py-6 mx-auto w-full md:w-1/2 lg:w-1/3 bg-white text-blue-600 rounded-lg shadow-lg tracking-wide uppercase border border-blue-600 cursor-pointer hover:bg-blue-600 hover:text-white"> <svg class="w-8 h-8" fill="currentColor" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"> <path d="M16.88 4.12A10 10 0 111 10c.05 0 .1 0 .15-.01A7.75 7.75 0 004 12.25V15a1 1 0 001 1h10a1 1 0 001-1v-2.75A7.75 7.75 0 0015 10a7.75 7.75 0 001.87-5.88z" /> </svg> <span class="mt-2 text-sm leading-normal">Select a Home Slider</span> <input id="home_image" type="file" wire:model="home_image" class="hidden" accept=".jpg, .jpeg, .png, .webp" /> <div class="flex"> <div wire:loading.remove wire:target="home_image">IDLE</div> <div wire:loading wire:target="home_image">Uploading...</div> </div> </label> <x-input-error class="mt-2" :messages="$errors->get('home_image')" /> </div> </div> <div> <x-input-label for="name" :value="__('Nama')" /> <x-text-input wire:model="name" id="name" name="name" type="text" class="mt-1 block w-full" required autofocus autocomplete="name" /> <x-input-error class="mt-2" :messages="$errors->get('name')" /> </div> <div> <x-input-label for="title" :value="__('Judul')" /> <x-text-input wire:model="title" id="title" name="title" type="text" class="mt-1 block w-full" required autocomplete="title" /> <x-input-error class="mt-2" :messages="$errors->get('title')" /> </div> <div> <x-input-label for="total_episode" :value="__('Total Episode')" /> <x-text-input wire:model="total_episode" id="total_episode" name="total_episode" type="text" class="mt-1 block w-full" required autocomplete="total_episode" /> <x-input-error class="mt-2" :messages="$errors->get('total_episode')" /> </div> <div> <x-input-label for="release_date" :value="__('Tanggal Release')" /> <x-text-input wire:model="release_date" id="release_date" name="release_date" type="text" class="mt-1 block w-full" required autocomplete="release_date" /> <x-input-error class="mt-2" :messages="$errors->get('release_date')" /> </div> <div> <x-input-label for="score" :value="__('Score')" /> <x-text-input wire:model="score" id="score" name="score" type="text" class="mt-1 block w-full" required autocomplete="score" /> <x-input-error class="mt-2" :messages="$errors->get('score')" /> </div> <div> <x-input-label for="duration" :value="__('Durasi')" /> <x-text-input wire:model="duration" id="duration" name="duration" type="text" class="mt-1 block w-full" required autocomplete="duration" /> <x-input-error class="mt-2" :messages="$errors->get('duration')" /> </div> <div> <x-input-label for="nation_id" :value="__('Negara')" /> <select name="nation_id" id="nation_id" class="w-full rounded-md bg-gray-100 border-gray-300" wire:model="nation_id"> @foreach ($nations as $nation) <option :value="{{ $nation->id }}">{{$nation->name}}</option> @endforeach </select> <x-input-error class="mt-2" :messages="$errors->get('nation_id')" /> </div> <div> <x-input-label for="season_id" :value="__('Season')" /> <select name="season_id" id="season_id" class="w-full rounded-md bg-gray-100 border-gray-300" wire:model="season_id"> @foreach ($seasons as $season) <option :value="{{ $season->id }}">{{$season->name}}</option> @endforeach </select> <x-input-error class="mt-2" :messages="$errors->get('season_id')" /> </div> <div> <x-input-label for="genre" :value="__('Genre')" /> <select name="genre" id="genre" class="w-full rounded-md bg-gray-100 border-gray-300" wire:model="genre"> @foreach ($genres as $genre) <option :value="{{ $genre->id }}">{{$genre->name}}</option> @endforeach </select> <x-input-error class="mt-2" :messages="$errors->get('genre')" /> </div> <div> <x-input-label for="type_id" :value="__('Type')" /> <select name="type_id" id="type_id" class="w-full rounded-md bg-gray-100 border-gray-300" wire:model="type_id"> @foreach ($types as $type) <option :value="{{ $type->id }}">{{$type->name}}</option> @endforeach </select> <x-input-error class="mt-2" :messages="$errors->get('type_id')" /> </div> <div> <x-input-label for="short_description" :value="__('Deskripsi Pendek')" /> <textarea wire:model="short_description" id="short_description" name="short_description" type="text" class="mt-1 block w-full bg-gray-50 rounded-lg border-gray-200" required autocomplete="short_description" rows="4" placeholder="Deskripsi Pendek Untuk Ditempatkan Ketika Melihat Deskripsi Anime"></textarea> <x-input-error class="mt-2" :messages="$errors->get('short_description')" /> </div> <div class="flex items-center gap-1"> <input type="checkbox" wire:model="is_hot" name="is_hot" class="rounded-md border-gray-200" /> <label for="is_hot">HOT</label> <x-input-error class="mt-2" :messages="$errors->get('is_hot')" /> </div> <div class="flex items-center gap-1"> <input type="checkbox" wire:model="is_priority" name="is_priority" class="rounded-md border-gray-200" /> <label for="is_priority">PRIORITAS</label> <x-input-error class="mt-2" :messages="$errors->get('is_priority')" /> </div> <div class="flex items-center gap-1"> <input type="checkbox" wire:model="is_film" name="is_film" class="rounded-md border-gray-200" /> <label for="is_film">FILM</label> <x-input-error class="mt-2" :messages="$errors->get('is_film')" /> </div> <div class="flex items-center gap-1"> <input type="checkbox" wire:model="is_series" name="is_series" class="rounded-md border-gray-200" /> <label for="is_series">SERIES</label> <x-input-error class="mt-2" :messages="$errors->get('is_series')" /> </div> <x-mary-choices label="Tags" wire:model="tag_multi_ids" :options="$tags" /> <div class="flex items-center gap-4 w-full justify-center"> <x-primary-button>{{ __('Save') }}</x-primary-button> <x-action-message class="me-3" on="user-created"> {{ __('User Created.') }} </x-action-message> </div> </form> </div> </div>
Back