TTS/resources/views/livewire/gen-message.blade.php

<div
    class=" flex flex-col items-start gap-6 overflow-hidden rounded-lg bg-white p-6 shadow-[0px_14px_34px_0px_rgba(0,0,0,0.08)] ring-1 ring-white/[0.05] transition duration-300 hover:text-black/70 hover:ring-black/20 focus:outline-none focus-visible:ring-[#FF2D20] md:row-span-3 lg:p-10 lg:pb-10 dark:bg-zinc-900 dark:ring-zinc-800 dark:hover:text-white/70 dark:hover:ring-zinc-700 dark:focus-visible:ring-[#FF2D20] relative flex w-full flex-1 items-stretch">
    <form wire:submit="generate">
        <div class="p-4">
            <input type="text" id="default-input" placeholder="Nom de votre entreprise..."
                class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                required wire:model.live="name">
        </div>
        <div class="p-4">
            <input type="email" id="email"
                class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                placeholder="nom@mail.com" required wire:model.live="mail" />
        </div>
        <div class="flex items-center p-6 w-full">

            <div class="relative w-full">

                <label for="start" class="mx-4 text-gray-500">Du</label>
                <div class="flex">
                    <div class="relative">

                        <input required id="start" type="datetime-local" wire:model.live="start"
                            class="m-2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">
                    </div>
                </div>



                <label for="end" class="text-gray-500 p-2 ">Jusqu'au</label>

                <div class="flex">
                    <div class="relative">

                        <input id="end" type="datetime-local" wire:model.live="end"
                            class="m-2 bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5  dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500">

                    </div>
                </div>

            </div>
        </div>



        <div class="p-4">
            <textarea id="message" rows="4"
                class="block p-2.5 w-full text-sm text-gray-900 bg-gray-50 rounded-lg border border-gray-300 focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
                placeholder="Ecrivez votre message ici..." wire:model.live="text" required></textarea>
        </div>
        <div class="p-4">
            <x-primary-button>Générer</x-primary-button>
        </div>

</form>

</div>