<row>
   <hr />
   <block module="comments" id="messages" language="fr" cache="lifetime">      
      <div class="carousel">
         <ul>
            <atm-search what="{messages}" name="messages">
               <atm-search-order search="messages" type="objectID" direction="desc" />
               <atm-result search="messages">
                  <li class="bottom">
                     <p class="author">{messages:auteur:label}
                        <span class="right">Le {messages:date:label}</span>
                     </p>
                     <p class="review">{messages:message:label}</p>
                  </li>
               </atm-result>
            </atm-search>
         </ul>
      </div>
   </block>
</row>

<row>
   <hr />
   <block module="comments" id="messages" language="fr" cache="lifetime">      
      <atm-form what="{messages}" name="createMessage">         
         <atm-if what="{filled}">
            <div class="message-ok">Votre message a bien été ajouté !</div>
         </atm-if>
         
         <!-- Cette partie affiche le formulaire si il n'est pas rempli ou comporte des erreurs -->
         <atm-if what="!{filled}">
            
            <!-- Cette partie affiche les erreurs éventuelles survenues lors de la soumission -->
            <atm-if what="{error}">
               <div class="message-alert">
                  Une erreur est survenue durant l'enregistrement de votre message ...
                  Veuillez réessayer.
               </div>
            </atm-if>
            
            <!-- Cette partie affiche une erreur à propos des champs manquants détectés lors de la soumission -->
            <atm-if what="{required}">
               <div class="message-alert">Les champs suivants sont requis :
                  <ul>
                     <atm-form-required form="createMessage">
                        <li>{requiredname}</li>
                     </atm-form-required>
                  </ul>
               </div>
            </atm-if>
            
            <!-- Cette partie affiche une erreur à propos des champs incorrects détectés lors de la soumission -->
            <atm-if what="{malformed}">
               <div class="message-alert">Les champs suivants sont incorrects :
                  <ul>
                     <atm-form-malformed form="createMessage">
                        <li>{requiredname}</li>
                     </atm-form-malformed>
                  </ul>
               </div>
            </atm-if>
            
            <!-- Exemple de tag atm-input -->
            <div class="message">
               <ul>
                  <li>
                     <label for="nom">Vos nom et prénom</label>
                     <atm-input field="{messages:auteur}" form="createMessage" />
                  </li>
                  <li>
                     <label for="email">Votre email</label>
                     <atm-input field="{messages:email}" form="createMessage" />
                  </li>
                  <li>
                     <label for="message">Votre message</label>
                     <atm-input field="{messages:message}" form="createMessage" />
                  </li>
               </ul>
                  </div>
                  
                  <!-- Bouton de soumission du formulaire -->
                  <input type="submit" class="submit" value="Publier votre message" />
               </atm-if>
            </atm-form>
         </block>
      </row>