#CACHE{0}

<link rel="stylesheet" href="[(#CHEMIN{css/gamumail.css}|timestamp)]" type="text/css" media="screen" charset="utf-8" />

[(#REM)
	inclure vide pour surcharge si besoin de passer du JS en fonction du retour du traiter du form
	(voir inclure/fermer_modale.html pour exemple permettant de fermer une modalbox contenant ce formulaire + README)

]<INCLURE{fond=inclure/fermer_modale,env}>
[(#REM)
	récupérer la langue du destinataire dans le paramètre options/lang

] #SET{lang_dest, #ENV{options/lang}|sinon{#CONFIG{langue_site}}}

<div class="formulaire_spip formulaire_#FORM">
	[<p class="reponse_formulaire reponse_formulaire_erreur">(#ENV*{message_erreur})</p>]
	[<p class="reponse_formulaire reponse_formulaire_ok">(#ENV*{message_ok}|explode{@@}|table_valeur{0})</p>]

	<form name="formulaire_#FORM" action="#ENV{action}" method="post"><div>
		#ACTION_FORMULAIRE{#ENV{action}}

		#SET{fichier,#SLUG|concat{_debutform}}
		[(#CHEMIN{gamumail/#GET{fichier}.html}|oui)
			<INCLURE{fond=gamumail/#GET{fichier},env,lang=#GET{lang_dest}}>
		]
		<div class="editer_groupe">
			#SET{name,pour}
			#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
			#SET{obli,"obligatoire"}
			<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
				<label for="#GET{name}">Pour</label>
				[<span class="erreur_message">(#GET{erreurs})</span>]
				<input required type="text" class="text tagEditor" name="#GET{name}" id="#GET{name}" value="#ENV{#GET{name}}" >
			</div>
		</div>
		<BOUCLE_testEnvoiSepare(CONDITION){si #ENV{envoi_separe}|oui}>
			<div class="editer_groupe">
				#SET{name,envoi_separe}
				#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
				#SET{obli,"obligatoire"}
				<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
					<label> Envoi séparé (1 mail par destinataire)</label>
					<div class="choix">
						<input type="radio" class="radio" name="#GET{name}" value="" id="#GET{name}_non"[ (#ENV{#GET{name}}|non|?{checked="checked"})] >
						<label for="#GET{name}_non">Non</label>
					</div>
					<div class="choix">
						<input type="radio" class="radio" name="#GET{name}" value="oui" id="#GET{name}_oui"[ (#ENV{#GET{name}}|oui|?{checked="checked"})] >
						<label for="#GET{name}_oui">Oui</label>
					</div>
				</div>
			</div>
		</BOUCLE_testEnvoiSepare>


		<div class="editer_groupe">
			#SET{name,cc}
			#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
			#SET{obli,"obligatoire"}
			<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
				<label for="#GET{name}">Cc</label>
				[<span class="erreur_message">(#GET{erreurs})</span>]
				<input type="text" class="text mail_cc tagEditor" name="#GET{name}" id="#GET{name}" value="#ENV{#GET{name}}" >
			</div>
		</div>

		<div class="editer_groupe">
			#SET{name,cci}
			#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
			#SET{obli,"obligatoire"}
			<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
				<label for="#GET{name}">Cci</label>
				[<span class="erreur_message">(#GET{erreurs})</span>]
				<input type="text" class="text mail_cci tagEditor" name="#GET{name}" id="#GET{name}" value="#ENV{#GET{name}}" >
			</div>
		</div>

		<BOUCLE_testRepondreA(CONDITION){si #ENV{repondre_a}}>
			<div class="editer_groupe">
				#SET{name,repondre_a}
				#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
				#SET{obli,"obligatoire"}
				<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
					<label for="#GET{name}">Répondre à</label>
					[<span class="erreur_message">(#GET{erreurs})</span>]
					<input type="text" class="text mail_repondre_a tagEditor" name="#GET{name}" id="#GET{name}" value="#ENV{#GET{name}}" >
				</div>
			</div>
		</BOUCLE_testRepondreA>

		<div class="editer_groupe">
			#SET{name,sujet}
			#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
			#SET{obli,"obligatoire"}
			<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
				<label for="#GET{name}"><:gamumail:sujet:></label>
				[<span class="erreur_message">(#GET{erreurs})</span>]
				<input required type="text" class="text sujet" name="#GET{name}" id="#GET{name}" value="#ENV{#GET{name}}" >
			</div>
		</div>

		<div class="editer_groupe">
			#SET{name,texte}
			#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
			#SET{obli,"obligatoire"}
			<div class="editer editer_[(#GET{name})][ (#GET{obli})][ (#GET{erreurs}|oui)erreur]">
				<label for="#GET{name}"><:gamumail:corps_message:></label>
				[<span class="erreur_message">(#GET{erreurs})</span>]
				<textarea required class="textarea texte" name="#GET{name}" id="#GET{name}" rows="7">[(#ENV{#GET{name}})]</textarea>
			</div>
		</div>

		<div class="gestion_documents">
			<div class="colonne_droite">
				<h2><:gamumail:fichiers_televerser:></h2>
				<INCLURE{fond=inclure/bigform,env,accept=#LISTE{image/*, application/pdf},suffix_liste_fichiers=gamumail}>
			</div>
			<div class="colonne_gauche">
				#SET{fichier,#SLUG|concat{_soustexte}}
				[(#CHEMIN{gamumail/#GET{fichier}.html}|oui)
					<INCLURE{fond=gamumail/#GET{fichier},env,lang=#GET{lang_dest}}>
				]
				<INCLURE{fond=gamumail/inc-pdf_envoyes,env}>

				#SET{name,docs_spip}
				<div class="documents_attaches">
					<h2><:gamumail:documents_attaches:></h2>
					<div class="w500p">
						#SET{erreurs,#ENV**{erreurs}|table_valeur{#GET{name}}}
						<div class="editer editer_[(#GET{name})][ (#GET{erreurs}|oui)erreur]">
						<div class="choix">
								[<span class="erreur_message">(#GET{erreurs})</span>]
								<label for="#GET{name}"><:gamumail:id_docs_attaches:></label>
								<input type="text" class="text" name="#GET{name}" value="[(#ENV{#GET{name}})]" id="#GET{name}" >
							</div>
							<B_docs_spip>
								<div class="details_docs_spip">
									<ul>
										<BOUCLE_docs_spip(DOCUMENTS){id_document IN #ENV{#GET{name}}|explode{','}}>
										<li><strong>#ID_DOCUMENT :</strong>   #TITRE ([<a class="mediabox" href="#URL_DOCUMENT">(#FICHIER|basename)</a>])</li>
										</BOUCLE_docs_spip>
									</ul>
								</div>
							</B_docs_spip>
						</div>
					</div>
				</div>
				#SET{fichier,all_fichiers}
				[(#CHEMIN{gamumail/#GET{fichier}.html}|oui)
					#SET{erreurs,#ENV**{erreurs}|table_valeur{Tid_doc}}
					[<span class="erreur_message">(#GET{erreurs})</span>]
					<INCLURE{fond=gamumail/#GET{fichier},env,slug=#SLUG,options=#ENV{options}}>
				]

				#SET{fichier,#SLUG|concat{_fichiers}}
				[(#CHEMIN{gamumail/#GET{fichier}.html}|oui)
					#SET{erreurs,#ENV**{erreurs}|table_valeur{Tid_doc}}
					[<span class="erreur_message">(#GET{erreurs})</span>]
					<h2><:gamumail:fichiers_annexes:></h2>
					<INCLURE{fond=gamumail/#GET{fichier},env,options=#ENV{options}}>
				]
			</div>
		</div>


		<hr>
		<div class="boutons text-center">
			<button type="submit" class="btn"><:gamumail:envoyer:></button>
		</div>
	</div></form>
</div>

<script src="[(#CHEMIN{js/jquery.tag-editor.min.js}|timestamp)]" type="text/javascript"></script>
<script src="[(#CHEMIN{js/jquery.caret.min.js}|timestamp)]" type="text/javascript"></script>
<script type="text/javascript">
	jQuery(function() {
		gamumail();
		//onAjaxLoad(gamumail);

		function gamumail(){
			var navigateur = navigator.platform.toUpperCase().slice(0, 3);
			if (navigateur !== "MAC") {
				$(".tagEditor").tagEditor({
					delimiter: ',; '
				});
			}
		}
	});
</script>