{namespace core = TYPO3\CMS\Core\ViewHelpers}

<f:layout name="Module/Default" />


<f:section name="Main">
	<f:be.pageRenderer 
	includeCssFiles="{0: '{f:uri.resource(path:\'Css/Backend.css\')}'}"
	includeJsFiles="{0: '{f:uri.resource(path:\'JavaScript/Backend.js\')}'}" />
	
    <div class="module" data-module-id="" data-module-name="">
        <div class="module-docheader t3js-module-docheader">
            <div class="module-docheader-bar module-docheader-bar-navigation t3js-module-docheader-bar t3js-module-docheader-bar-navigation">
                <div class="module-docheader-bar-column-left">
                    <div class="form-inline menu">
						<f:be.menus.actionMenu>
							<f:be.menus.actionMenuItem label="{f:translate(key: 'menu')}" controller="Newsletter" action="index" />
							<f:be.menus.actionMenuItem label="{f:translate(key: 'getPreviewLink')}" controller="Newsletter" action="previewLink" />
							<f:be.menus.actionMenuItem label="{f:translate(key: 'publishWithoutNewlsetter')}" controller="Newsletter" action="publish" />
							<f:be.menus.actionMenuItem label="{f:translate(key: 'submitPublishAndSend')}" controller="Newsletter" action="publishAndSend" />
							<f:be.menus.actionMenuItem label="{f:translate(key: 'sendWithoutPublish')}" controller="Newsletter" action="send" />
							<f:be.menus.actionMenuItem label="{f:translate(key: 'publicationsList')}" controller="Newsletter" action="publicationsList" />
						</f:be.menus.actionMenu>
                    </div>
                </div>
                <div class="module-docheader-bar-column-right">
                </div>
            </div>
        </div>
        <div class="module-body t3js-module-body">
			<h1><f:translate key="publishAndSend">Publish and send</f:translate></h1>
			<f:if condition="{wrongDoktype}">
				<f:then>
					<div class="typo3-messages"><div class="alert alert-warning">{f:translate(key: 'selectPageFromTree')}</div></div>
				</f:then>
				<f:else>
					<f:if condition="{publishSubmit}">
						<f:then>
							<f:flashMessages as="flashMessages">
							   <div class="typo3-messages">
									<div class="alert alert-success">
										<div class="media">
											<div class="media-left">
												<span class="fa-stack fa-lg">   
													 <i class="fa fa-circle fa-stack-2x"></i> 
													 <i class="fa fa-check fa-stack-1x"></i>    
												</span>
											</div>
											<div class="media-body">
												<f:for each="{flashMessages}" as="flashMessage">
																<p class="alert-message">{flashMessage.message}</p>
												</f:for>
										   </div>
										</div>
									</div>
								</div>
							</f:flashMessages>
						</f:then>
						<f:else>
							<f:if condition="{errorRequiredField}">
								<f:then>
									<f:flashMessages as="flashMessages">
									   <div class="typo3-messages">
											<div class="alert alert-success">
												<div class="media">
													<div class="media-left">
														<span class="fa-stack fa-lg">   
															 <i class="fa fa-circle fa-stack-2x"></i> 
															 <i class="fa fa-check fa-stack-1x"></i>    
														</span>
													</div>
													<div class="media-body">
														<f:for each="{flashMessages}" as="flashMessage">
																		<p class="alert-message">{flashMessage.message}</p>
														</f:for>
												   </div>
												</div>
											</div>
										</div>
									</f:flashMessages>
								</f:then>
							</f:if>
							
							<f:form
								action="publishAndSend"
								name="field"
								controller="Newsletter"
								enctype="multipart/form-data"
								onsubmit="return confirmMessage('{f:translate(key: 'confirmMessagePublishAndSend')}');">
							
								<div>
									<label for="mailingList"><f:translate key="chooseMailingList">Choose mailing list Sympa</f:translate></label>
									<!-- #6365 - BEGIN -->
									<f:form.select options="{mailingList}" id="mailingList" property="mailingList" multiple="1" />
									<!-- #6365 - END -->
								</div>
								<div>
									<label for="emailArea"><f:translate key="addEmailOrMailingList">You also can add emails or mailing list below</f:translate></label>
								</div>
								
								<div>
									<f:form.textarea property="emailArea" id="emailArea" />
								</div>
							
								<f:form.hidden name="publish" value="1" />
								
								<div style="margin-top:15px;"><label for="date"><f:translate key="dateFrontend">Date de publication de la newsletter</f:translate></label><f:form.textfield id="date" name="date" type="date" style="margin-left:5px;" /></div>
				
								<f:form.submit value="{f:translate(key: 'submitPublishAndSend')}" name="submit" />
							</f:form>
						</f:else>
					</f:if>
					<f:link.action class="back" controller="Newsletter" action="index"><f:translate key="back">Back</f:translate></f:link.action>
				
				</f:else>
			</f:if>
        </div>
    </div>
</f:section>