41 lines
2.1 KiB
HTML
41 lines
2.1 KiB
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}}
|