<link rel="stylesheet" href="/public/assets/css/cda-communication-directory.css">
<?php use App\Core\Csrf; ?>
<link rel="stylesheet" href="/public/assets/css/cda-communications.css">

<section class="communication-card">
<h2>Nouvelle communication</h2>

<form method="post" action="/public/communications" class="communication-form" id="communication-form">
<?= Csrf::field() ?>

<label>
<span>Modèle</span>
<select name="modele_id" id="communication-template">
<option value="">Message libre</option>
<?php foreach($templates as $template): ?>
<option
value="<?= (int)$template['id'] ?>"
data-object="<?= htmlspecialchars((string)$template['objet']) ?>"
data-html="<?= htmlspecialchars((string)$template['corps_html']) ?>"
data-text="<?= htmlspecialchars((string)$template['corps_texte']) ?>">
<?= htmlspecialchars((string)$template['libelle']) ?>
</option>
<?php endforeach; ?>
</select>
</label>

<label>
<span>Libellé interne</span>
<input required name="libelle" placeholder="Ex. Information rentrée septembre">
</label>

<label>
<span>Cible</span>
<select required name="cible_type" id="communication-target-type">
<option value="individuel">Une personne</option>
<option value="tous_adherents">Tous les adhérents</option>
<option value="atelier">Un atelier</option>
<option value="groupe">Un groupe / une classe</option>
<option value="selection">Sélection manuelle</option>
</select>
</label>

<label>
<span>ID atelier ou groupe</span>
<input type="number" name="cible_id" min="1">
</label>

<label>
<span>Nom individuel</span>
<input name="nom_individuel">
</label>

<label>
<span>E-mail individuel</span>
<input type="email" name="email_individuel">
</label>

<label class="wide">
<span>Objet du message</span>
<input required name="objet" id="communication-subject">
</label>

<label class="wide">
<span>Message HTML</span>
<textarea required rows="12" name="corps_html" id="communication-html"></textarea>
<small>Utilisez un texte explicite : ce qui est confirmé, ce qui ne l’est pas encore et l’action attendue.</small>
</label>

<label class="wide">
<span>Version texte</span>
<textarea rows="8" name="corps_texte" id="communication-text"></textarea>
</label>

<div class="ambiguity-check wide">
<strong>Contrôle avant envoi</strong>
<label><input required type="checkbox"> Le message indique clairement si une place ou un créneau est définitif ou seulement proposé.</label>
<label><input required type="checkbox"> L’action attendue et la date limite sont indiquées lorsqu’elles existent.</label>
<label><input required type="checkbox"> Le destinataire comprend qui envoie le message et comment répondre.</label>
</div>

<div class="actions wide">
<a class="button button-secondary" href="/public/communications">Annuler</a>
<button class="button button-primary">Préparer et prévisualiser</button>
</div>
</form>
</section>

<script src="/public/assets/js/cda-communications.js"></script>

<script src="/public/assets/js/cda-communication-directory.js"></script>
