[(#AUTORISER{modifier,gamumail}|sinon_interdire_acces)]

<style type="text/css" media="screen">
	.configuration_mails .objet--mail span {
		display: inline-block;
		width: 100%;
	}
	.objet--mail {
		margin-top: 1.5rem;
	}
	.well {
		background-color: #cecece;
		margin: 10px auto;
		padding: 10px;
		border-radius: 4px;
	}
	.configuration_mails .well .crayon {
		background-color: inherit;
	}
	.un-pdf {
		border: 1px solid black;
		margin-bottom: 1rem;
		padding: 10px;
	}
	span.label {
		display: inline-block;
		width: 180px;
	}
	span.crayon, div.crayon {
		background-color: #fff;
		padding: .5rem;
	}
	.wp600 {
		width: 600px;
	}
	.btn_supprimer {
		float: right;
	}
	.btn_editer {
		float: right;
		margin-right: 2rem;
	}
	.btn {
		display: inline-block;
		padding: 1rem 1.5rem;
		cursor: pointer;
		user-select: none;
		transition: 0.25s;
		transition-property: box-shadow, background-color, color, border;
		text-align: center;
		vertical-align: middle;
		white-space: nowrap;
		border: none;
		border-radius: 0;
		background-color: #e7e9ed;
		font-family: inherit;
		font-size: inherit;
		line-height: 1;
	}
	.markItUp .markItUpHeader ul a em {
		width: 2rem;
		height: 2rem;
	}
	span > em {
		font-size: 85%;
	}
	.remplacements_slugs {
		margin-top: 4rem;
	}
</style>
<div class="inner configuration_mails">
	<div class="configuration_generale">
		<div class="well">
			<div class="une_conf">
				<h4><:gamumail:email_en_cc:></h4>
				<div class="#EDIT{meta-gamumail/mail_cc} inbl w600p">[(#CONFIG{gamumail/mail_cc}|sinon{<i><:gamumail:dbe_clic_editer:></i>})]</div>
				<p class="explication"><:gamumail:plusieurs_mails_separer_virgule:> <:gamumail:dbe_clic_editer:>.</p>
			</div>
			<div class="une_conf">
				<h4><:gamumail:email_en_cci:></h4>
				<div class="#EDIT{meta-gamumail/mail_cci} inbl w600p">[(#CONFIG{gamumail/mail_cci}|sinon{<i><:gamumail:dbe_clic_editer:></i>})]</div>
				<p class="explication"><:gamumail:plusieurs_mails_separer_virgule:> <:gamumail:dbe_clic_editer:>.</p>
			</div>
			<strong class="explication"><:gamumail:dbe_clic_editer_champs:></strong>
		</div>

		<BOUCLE_message(GAMUMAILS)>
			<div class="well">
				<div class="une_conf">
					[(#AUTORISER{supprimer,gamumail}|oui)
						<a class="btn btn_supprimer" title="<:gamumail:supprimer_modele:>" href="[(#URL_ACTION_AUTEUR{supprimer_slug,#ID_GAMUMAIL,#SELF})]"><i class="fa fa-trash"></i></a>
					]
					<span class="btn btn_editer" title="<:gamumail:editer_titre:>" onClick="$('#h4_#SLUG em.crayon-crayon').trigger('click');"><i class="fa fa-edit"></i></span>
					<h4 class="toggle cursor #EDIT{titre}"
						id="h4_#SLUG"
						data-id="#SLUG">
						<i class="fa fa-envelope mrs"></i>
						[(#TITRE)]
						<i class="fa fa-caret-down"></i>
					</h4>

					<div id="#SLUG" class="js-hidden">
						<div class="objet--slug">
							<strong><:gamumail:slug:>: </strong>
							[(#AUTORISER{modifier_nom_slug,gamumail}|?{
								<span class="[(#EDIT{nom_slug})]">[(#SLUG|sinon{<:gamumail:dbe_clic_editer:>})]</span>
								,
								<span class="">[(#SLUG)]</span>
							})]
						</div>
						<div class="objet--mail">
							<strong><:gamumail:objet:>: </strong>
							<span class="#EDIT{sujet}">[(#SUJET|sinon{<:gamumail:dbe_clic_editer:>})]</span>
						</div>
						<div class="objet--mail">
							<strong><:gamumail:message:>: </strong>
							<div class="texte #EDIT{texte}">
								[(#TEXTE|sinon{<:gamumail:dbe_clic_editer:>})]
							</div>
						</div>
						<div class="objet--mail">
							<span><strong><:gamumail:documents_attaches:> :</strong> <em class="explication"><:gamumail:liste_id_separes:> , </em></span>
							<div class="texte #EDIT{id_docs}">
								[(#ID_DOCS|sinon{<:gamumail:dbe_clic_editer:>})]
							</div>
						</div>
						<div class="objet--mail">
							<span><strong><:gamumail:visibilite_public:>:</strong> <em class="explication"><:gamumail:explication_mail_auto_uniquement:></em></span>
								[(#PUBLIC|=={oui}|oui)
									<strong><i class="fa fa-eye"></i> <:gamumail:modele_visible:> => </strong> 
									<a class="btn btn_public ajax" title="<:gamumail:modele_masquer:>" href="[(#URL_ACTION_AUTEUR{switcher_slug_public,#ID_GAMUMAIL,#SELF})]">
										<:gamumail:modele_masquer:> <i class="fa fa-eye-slash"></i>
									</a>
								][(#PUBLIC|=={oui}|non)
									<strong><i class="fa fa-eye-slash"></i> <:gamumail:modele_non_visible:> => </strong> 
									<a class="btn btn_public ajax" title="<:gamumail:modele_afficher:>" href="[(#URL_ACTION_AUTEUR{switcher_slug_public,#ID_GAMUMAIL,#SELF})]">
										<:gamumail:modele_afficher:> <i class="fa fa-eye"></i> 
									</a>
								]
						</div>

						[(#REM)
							Pour l'instant, inutile
							<div class="pdfs">
								<INCLURE{fond=inclure/gamumail_pdfs,env,id_gamumail, ajax}>
							</div>
						]
						[(#ENV{ajouter_doc}|oui)
							<div class="ajax">
								#FORMULAIRE_BIGFORM{gamumail, #ID_GAMUMAIL}
							</div>
						]
					</div>
				</div>
			</div>
		</BOUCLE_message>
		[(#AUTORISER{creer,gamumail}|oui)
			<a class="btn" title="<:gamumail:creer_modele:>" href="[(#URL_ACTION_AUTEUR{creer_slug,null,#SELF})]"><i class="fa fa-envelope"></i> Nouveau modèle</a>
		]
		
	</div>

	<INCLURE{fond=gamumail/remplacements_slugs}>
</div>

<script type="text/javascript">
	jQuery(function() {
		configuration_mails();

		function configuration_mails(){
			$('.configuration_mails .toggle').on('click', function(){
				var id = $(this).data('id');
				$(this).children('.fa').toggleClass('fa-caret-down fa-caret-up');
				$('#'+id).toggleClass('js-hidden');
			});
		}
	});
</script>