{{define "content"}}

 <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 space-y-6">
    <h1 class="text-2xl font-semibold text-gray-900">Demande de support</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 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 envoyez 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>
                
                <textarea name="comment" rows="4" 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" placeholder="Votre message..."  required></textarea>
            </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}}