BossBey File Manager

Editing: generator-form.blade.php

<div class="lqd-realtime-image-form-wrap pb-6 pt-16">
    <h1 class="mb-11 text-center lg:text-5xl lg:tracking-tight [&_span]:opacity-50">
        {!! __('Create <span>AI Images in Real-time</span>') !!}
    </h1>

<form
        class="lqd-realtime-image-form relative flex min-h-16 w-full flex-wrap rounded-full bg-background/60 font-medium shadow-lg shadow-black/5 dark:bg-input-background/10 sm:text-2xs lg:flex-nowrap"
        action="#"
        @submit.prevent="changePrompt"
    >
        @csrf

<x-forms.input
            class:container="flex border-e border-heading-foreground/5 max-w-36 max-sm:w-full min-h-16"
            class="h-auto w-full appearance-none overflow-hidden text-ellipsis whitespace-nowrap border-none bg-background py-0 pe-5 ps-8 text-heading-foreground/90"
            id="image_style"
            type="select"
            name="image_style"
            x-model="imageStyle"
            @change="onPromptInput"
        >
            @foreach ($image_styles as $key => $label)
                <option value="{{ $key }}">
                    {{ __($label) }}
                </option>
            @endforeach
        </x-forms.input>

<x-forms.input
                class:container="grow flex"
                class="h-auto rounded-none border-none bg-transparent px-2 placeholder:text-heading-foreground/90 focus:ring-0 max-sm:text-[11px]"
                placeholder="{{ __('Describe your idea or select a pre-defined prompt') }}"
                name="prompt"
                x-model="prompt"
                x-ref="prompt"
                @input="onPromptInput"
            />
        </div>

<div
            class="ms-auto flex min-h-16 items-center gap-6 max-sm:w-full max-sm:flex-col-reverse max-sm:flex-wrap sm:pe-8">
            <x-button
                class="w-full items-center justify-center bg-gradient-to-br from-gradient-from via-gradient-via to-gradient-to p-3 disabled:text-primary-foreground disabled:opacity-50 sm:size-10 sm:p-0"
                type="submit"
                size="none"
                title="{{ __('Generate Image') }}"
                ::disabled="busy"
            >
                <span class="sm:hidden">
                    {{ __('Generate') }}
                </span>
                <span class="inline-grid place-content-center sm:size-full">
                    <svg
                        class="col-start-1 col-end-1 row-start-1 row-end-1"
                        width="14"
                        height="14"
                        viewBox="0 0 14 14"
                        xmlns="http://www.w3.org/2000/svg"
                        fill="currentColor"
                        x-show="!busy"
                    >
                        <path
                            fill-rule="evenodd"
                            clip-rule="evenodd"
                            d="M2.85637 0.654433C3.04651 -0.214165 4.28328 -0.219571 4.481 0.647332L4.49082 0.690566C4.49756 0.720292 4.50384 0.748056 4.51058 0.77677C4.75709 1.82667 5.60676 2.6289 6.67036 2.81393C7.57548 2.9714 7.57548 4.27074 6.67036 4.42821C5.60109 4.61423 4.74804 5.42404 4.50669 6.4822L4.481 6.59481C4.28328 7.46172 3.04651 7.4563 2.85637 6.58771L2.83522 6.49108C2.6027 5.42891 1.75069 4.61298 0.679451 4.42661C-0.223876 4.26946 -0.223883 2.97268 0.679451 2.81553C1.74696 2.62981 2.59677 1.8189 2.83276 0.762152L2.84848 0.690608L2.85637 0.654433ZM10.6352 3.61651C10.8194 3.53901 11.0172 3.49908 11.217 3.49908C11.4168 3.49908 11.6146 3.53901 11.7988 3.61651C11.9823 3.69375 12.1486 3.80675 12.288 3.94894L12.2895 3.9504L13.5557 5.22658C13.6955 5.36569 13.8066 5.53101 13.8824 5.71309C13.9586 5.89588 13.9978 6.09194 13.9978 6.28996C13.9978 6.48798 13.9586 6.68404 13.8824 6.86682C13.8065 7.04896 13.6955 7.21433 13.5556 7.35347L13.5541 7.35496L7.35665 13.5924C7.2733 13.6763 7.16293 13.7279 7.04513 13.7381L4.04513 13.9981C3.89803 14.0109 3.75281 13.958 3.6484 13.8536C3.544 13.7491 3.49108 13.6039 3.50382 13.4568L3.76382 10.4568C3.77403 10.339 3.82566 10.2287 3.90954 10.1453L10.1473 3.94757C10.2864 3.80603 10.4522 3.6935 10.6352 3.61651Z"
                        />
                    </svg>
                    <x-tabler-refresh
                        class="col-start-1 col-end-1 row-start-1 row-end-1 size-5 animate-spin"
                        x-cloak
                        x-show="busy"
                    />
                </span>
            </x-button>
        </div>
    </form>
</div>

@include('panel.user.openai_chat.components.prompt_library_modal')

Cancel