parcoursmob-default-theme/web/layouts/support/support.html

{{define "content"}}

<div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 space-y-6" x-data="{
        comment: '',
        init() {
            let quill = new Quill(this.$refs.quill, { theme: 'snow', modules: { toolbar: [[{ 'header': [1, 2, 3, 4, 5, 6, false] }], ['bold', 'italic', 'underline'], ['link', 'image']] } })
 
            quill.root.innerHTML = this.comment
 
            quill.on('text-change', () => {
                this.comment = quill.root.innerHTML
            })
        },
    }">
    <h1 class="text-2xl font-semibold text-gray-900">Demande de support technique</h1>
    <div class="bg-white py-2 px-4 shadow sm:rounded-lg sm:px-10">
        <p class="text-sm text-gray-600 p-4">
            Le support technique PARCOURSMOB est ouvert les jours ouvrés de 9h à 18h. Vous pouvez également nous joindre par email à <b class="text-co-blue"><a href="mailto:support@parcoursmob.fr">support@parcoursmob.fr</a></b>, par exemple pour nous envoyer des copies d'écran du problème que vous rencontrez.
        </p>
        <form action="" method="POST">

        <div class="mb-4 w-full bg-gray-50 rounded-3xl border border-gray-200 dark:bg-gray-700 dark:border-gray-600">
            <div class="py-2 px-4 rounded-3xl bg-white dark:bg-gray-800">
              <label class="sr-only">Votre message</label>
                
              <div x-ref="quill" class="block w-full resize-none border-0 border-b border-transparent p-0 pb-2 focus:border-co-blue focus:ring-0 sm:text-sm"></div>
              <input type="hidden" name="comment" x-model="comment" />
              
            </div>
            <div class="flex justify-center items-center py-2 px-3 border-t dark:border-gray-600">
                <button type="submit" value="send message" class="px-2 py-2 border border-transparent text-sm font-medium rounded-2xl shadow-sm text-white bg-co-blue hover:bg-co-blue focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-100 focus:ring-co-blue">
                    Envoyer
                </button>
            </div>
        </div>

        </form>
    </div>
</div>
 {{end}}