<h1 class="text-center"><?php echo $translator->trans('suggestion.title'); ?></h1>
<p><?php echo $translator->trans('suggestion.desc'); ?></p>
<form action="" name="suggestionForm">
    <label for="contentSuggestion"><?php echo $translator->trans('suggestion.labelContent'); ?></label>
    <textarea name="contentSuggestion" id="contentSuggestion" cols="30" rows="4" required></textarea>
    <div class="row">
        <div class="medium-2 columns">
            <label for="nameSuggestion"><?php echo $translator->trans('suggestion.labelName'); ?></label>
        </div>
        <div class="medium-10 columns">
            <input type="text" name="nameSuggestion" id="nameSuggestion" required>
        </div>
    </div>
    <div class="callout small alert hide validationSuggestionForm">
        <?php echo $translator->trans('suggestion.valid'); ?>
    </div>
    <button type="button" class="button float-center suggestiosnButton">
        <span>
            <?php echo $translator->trans('suggestion.send'); ?>
        </span>
    </button>
</form>

<button class="close-button" data-close aria-label="Close modal" type="button">
    <span aria-hidden="true">&times;</span>
</button>