{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="publicationsList">Publications List</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="{bulletins}">
						<div><f:link.action class="back" controller="Newsletter" action="index" style="margin-top: 0; margin-bottom: 30px;"><f:translate key="back">Back</f:translate></f:link.action></div>
						
						<table data-table="sys_dmail" class="table table-striped table-hover">
							<tbody>
								<f:for each="{bulletins}" as="bulletin">
									<tr class="" data-uid="{bulletin.uid}">

										<td nowrap="nowrap" class="col-icon">
											<span class="t3js-icon icon icon-size-small icon-state-default icon-tcarecords-sys_dmail-default" data-identifier="tcarecords-sys_dmail-default">
											</span>
										</td>
							
										<td nowrap="nowrap" class="">{bulletin.title}</td>
							
										<td nowrap="nowrap" class=""><f:format.date format="d/m/Y">{bulletin.tstamp}</f:format.date></td>

										<td nowrap="nowrap" class="col-clipboard">
											<div class="btn-group" role="group">
												<f:link.action action="deleteBulletin" controller="Newsletter" arguments="{bulletin: bulletin}" class="btn btn-default t3js-record-delete" title="Supprimer la publication" additionalAttributes="{onclick: 'deleteBulletinConfirmation(\'{bulletin.title}\nEtes-vous sûr de vouloir supprimer cette publication ?\')'}">
													<span class="t3js-icon icon icon-size-small icon-state-default icon-actions-edit-delete" data-identifier="actions-edit-delete">
														<span class="icon-markup">
															<core:icon identifier="actions-delete" />
														</span>
													</span>
												</f:link.action>
											</div>
										</td>
									</tr>
								</f:for>
							</tbody>
						</table>

						<div>
							<f:link.action action="deleteAllBulletin" controller="Newsletter" class="btn btn-danger" title="Supprimer la publication" additionalAttributes="{onclick: 'deleteAllBulletinConfirmation()'}">
								<span class="t3js-icon icon icon-size-small icon-state-default icon-actions-delete" data-identifier="actions-delete">
									<span class="icon-markup">
										<core:icon identifier="actions-delete" />
									</span>
								</span>
								Supprimer toutes les publications
							</f:link.action>
						</div>

						<script>
							function deleteBulletinConfirmation(txt) {
								if (!confirm(txt)) {
									event.preventDefault();
									return false;
								}
							}

							function deleteAllBulletinConfirmation(txt) {
								if (!confirm('Êtes-vous sûr de vouloir supprimer toutes les publications ?')) {
									event.preventDefault();
									return false;
								}
							}
						</script>
					</f:if>
					<div><f:link.action class="back" controller="Newsletter" action="index"><f:translate key="back">Back</f:translate></f:link.action></div>
				</f:else>
			</f:if>
        </div>
    </div>
</f:section>