{% extends "admin/layout.html.twig" %}

{% block content %}

	<div class="page-section">
		<h1>Newsletter</h1>
		<table class="table" style="text-align=center;">
			<thead>
				<tr>
					<th scope="col">E-Mail</th>
					<th>Action</th>
				</tr>
			</thead>
			<tbody>
				{% for mail in mails %}
					<tr>
						<td>{{mail.Email}}</td>
						<td class="table-block-edit">
							<a name="" id="" class="btn btn-secondary" href="#" role="edit">
								<i class="fas fa-edit"></i>
							</a>
							<a name="" id="" class="btn btn-danger" href="#" role="delete">
								<i class="fas fa-trash-alt"></i>
							</a>
						</td>

					</tr>
				{% endfor %}
			</tbody>
		</table>

	</div>

	{% verbatim %}
		<div id="app">
			<table class="table" style="text-align=center;">
				<thead>
					<tr>
						<th scope="col">E-Mail</th>
						<th>Action</th>
					</tr>
				</thead>
				<tbody>
					<tr v-for="item in rowData">
						<td>{{ item.mail }}</td>
                        <td class="table-block-edit"><span v-html="edit"></span></td>
					</tr>

                    <tr>
                    <td><input v-model="mail" placeholder="Ajouter une adresse e-mail"></td>
					<td style="text-align: center;">
						<a name="" id="" class="btn btn-success" href="#" role="add" style="width: 100%;" @click="addItem">
							<i class="fas fa-plus"></i>
						</a>
					</td>
				</tr>
				</tbody>
			</table>
		</div>
		
	{% endverbatim %}


{% endblock content %}