File Manager

Edit File: anime-edit.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">
                {{ __('Edit Anime ' . $anime->name) }}
            </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="update">

<div class="flex w-full">
                <div class="flex-1">
                    <a href="{{ $photo ? "#" : $oldphoto }}" target="_blank">
                        <img src="{{ $photo ? $photo->temporaryUrl() : $oldphoto }}" class="w-48 h-48 mx-auto">
                    </a>

<label for="logo" class="duration-200 flex flex-col items-center px-4 py-6 mx-auto w-3/4 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-base leading-normal">Select a Logo</span>
                        <input id="logo" type="file" wire:model="photo" class="hidden" accept=".jpg, .jpeg, .png, .webp" />
                        <div class="flex">
                            Status : <div wire:loading.remove wire:target="photo">{{ $photo ? "Uploaded" : "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">
                    <a href="{{ $homeslider ? "#" : $oldhomeslider }}" target="_blank">
                        <img src="{{ $homeslider ? $homeslider->temporaryUrl() : $oldhomeslider }}" class="w-96 max-h-48 aspect-[1280/720] mx-auto">
                    </a>

<label for="homeslider" class="duration-200 flex flex-col items-center px-4 py-6 mx-auto w-3/4 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 slider</span>
                        <input id="homeslider" type="file" wire:model="homeslider" class="hidden" accept=".jpg, .jpeg, .png, .webp" />
                        <div class="flex">
                            Status : <div wire:loading.remove wire:target="homeslider">{{ $homeslider ? "Uploaded" : "IDLE" }}</div>
                            <div wire:loading wire:target="homeslider">Uploading...</div>
                        </div>
                    </label>
                    <x-input-error class="mt-2" :messages="$errors->get('homeslider')" />
                </div>

</div>
            <div>
                <x-input-label for="name" :value="__('Name')" />
                <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="__('Title')" />
                <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="__('Release Date')" />
                <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="__('Nation')" />
                <select name="nation_id" id="nation_id" class="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm w-full lg:w-1/2" 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="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm w-full lg:w-1/2" 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="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm w-full lg:w-1/2" 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="border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm w-full lg:w-1/2" 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="__('Short Description')" />
                <textarea wire:model="short_description" id="short_description" name="short_description" type="text" class="mt-1 block border-gray-300 dark:border-gray-700 dark:bg-gray-900 dark:text-gray-300 focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-indigo-500 dark:focus:ring-indigo-600 rounded-md shadow-sm w-full" required autocomplete="short_description" rows="15"></textarea>
                <x-input-error class="mt-2" :messages="$errors->get('short_description')" />
            </div>

</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 class="text-black font-bold" 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 class="text-black font-bold" 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 class="text-black font-bold" for="is_series">SERIES</label>
                <x-input-error class="mt-2" :messages="$errors->get('is_series')" />
            </div>

<div class="flex items-center gap-1">
                <input type="checkbox" wire:model="is_completed" name="is_completed" class="rounded-md border-gray-200" id="is_completed" />
                <label class="text-black font-bold" for="is_completed">Completed</label>
                <x-input-error class="mt-2" :messages="$errors->get('is_completed')" />
            </div>

<x-mary-choices label="Multiple" wire:model="tag_multi_ids" :options="$tags" />

<x-action-message class="me-3" on="user-created">
                    {{ __('User Created.') }}
                </x-action-message>
            </div>
        </form>
    </div>
</div>

Back