Edit File: banner-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"> {{ __('Tambah Banner Iklan Baru') }} </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"> <img src="{{$image ? $image->temporaryUrl() : "https://dummyimage.com/900x300/000/aaa"}}" alt="Logo" class="w-96 h-24 mx-auto"> <label for="image" 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">Pilih Banner</span> <input id="image" type="file" wire:model="image" class="hidden" accept=".gif, .webp" /> <div class="flex"> Status : <div wire:loading.remove wire:target="image">{{ $image ? "Uploaded" : "IDLE" }}</div> <div wire:loading wire:target="image">Uploading...</div> </div> </label> <x-input-error class="mt-2" :messages="$errors->get('image')" /> <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="link" :value="__('Link')" /> <x-text-input wire:model="link" id="link" name="link" type="text" class="mt-1 block w-full" autocomplete="link" /> <x-input-error class="mt-2" :messages="$errors->get('link')" /> </div> <div> <x-input-label for="order" :value="__('Urutan')" /> <select name="order" id="order" class="w-full 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" wire:model="order"> @foreach (range(1, $max_order) as $item) <option value="{{$item}}">{{$item}}</option> @endforeach </select> </div> <div class="flex items-center gap-1"> <input type="checkbox" wire:model="is_top" name="is_top" class="rounded-md border-gray-200" /> <label class="text-black" for="is_top">ATAS</label> <x-input-error class="mt-2" :messages="$errors->get('is_top')" /> </div> <div class="flex items-center gap-1"> <input type="checkbox" wire:model="is_bottom" name="is_bottom" class="rounded-md border-gray-200" /> <label class="text-black" for="is_bottom">BAWAH</label> <x-input-error class="mt-2" :messages="$errors->get('is_bottom')" /> </div> <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="social-created"> {{ __('Social Media Created.') }} </x-action-message> </div> </form> </div> </div>
Back