<div class="contactform grid grid-cols-1 md:grid-cols-2 gap-4">

 <div class="form-control">
        <input type="text" id="name" placeholder="Votre nom" 
               class="input input-bordered bg-white" />
        <label for="name" class="label floating-label">Votre nom</label>
    </div>

    <div class="form-control">
        <input type="email" id="mail" placeholder="Votre Email" 
               class="input input-bordered bg-white" />
        <label for="mail" class="label floating-label">Votre Email</label>
    </div>

    <div class="form-control">
        <input type="text" id="mobile" placeholder="Votre téléphone" 
               class="input input-bordered bg-white" />
        <label for="mobile" class="label floating-label">Votre téléphone</label>
    </div>

    <div class="form-control">
        <select class="select select-bordered bg-white" id="service">
            <option selected value="syndic">Un syndic</option>
            <option value="particulier">Un particulier</option>
            <option value="entreprise">Une entreprise</option>
            <option value="collectivité">Une collectivité</option>
        </select>
        <label for="service" class="label floating-label">Vous êtes:</label>
    </div>

    <div class="form-control md:col-span-2">
        <textarea id="message" class="textarea textarea-bordered bg-white h-32"></textarea>
        <label for="message" class="label floating-label">Message</label>
    </div>

    <div class="md:col-span-2 text-center">
        <button class="btn btn-primary w-full py-3" 
                onclick="apx.sendform(...)">Envoyer votre demande</button>
    </div>

    <!-- Messages de feedback -->
    <div class="answerok alert alert-success hidden"></div>
    <div class="answerko alert alert-error hidden">
        <p class="text-error-content">En maintenance, ré-essayez plus tard</p>
    </div>
</div>