@using System.Collections.Generic
@using Kurs.MailQueue.MailGeneration.Models
@inherits Volo.Abp.TextTemplating.Razor.RazorTemplatePageBase<Kurs.MailQueue.MailGeneration.Models.MailTemplateTableModel>
<style>
body, html {
  height: 100%;
  font-family: sans-serif;
}

.limiter {
  width: 100%;
  margin: 0 auto;
}

.container-table100 {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px;
  box-sizing: border-box;
}

.wrap-table100 {
  width: 100%;
}

table.tablo {
  border-spacing: 1;
  border-collapse: collapse;
  background: white;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
table.tablo * {
  position: relative;
}
table.tablo td, table th {
  padding-left: 8px;
}
table.tablo thead tr {
  height: 60px;
  background: #36304a;
}
table.tablo tbody tr {
  height: 50px;
}
table.tablo tbody tr:last-child {
  border: 0;
}
table.tablo td, table th {
  text-align: center;
}
table.tablo td.l, table th.l {
  text-align: right;
}
table.tablo td.c, table th.c {
  text-align: center;
}
table.tablo td.r, table th.r {
  text-align: center;
}

table.tablo tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}

table.tablo tbody tr {
  font-size: 15px;
  color: #808080;
  line-height: 1.2;
  font-weight: unset;
}

table.tablo tbody tr:hover {
  color: #555555;
  background-color: #f5f5f5;
}

.table100-head th{
  font-size: 18px;
  color: #fff;
  line-height: 1.2;
  font-weight: unset;
}
</style>
@{
	var tablo0 = Model;
}
@if(tablo0 != null &&
	tablo0.TabloSutunlari != null && 
	tablo0.TabloSutunlari.Count > 0 && 
	tablo0.TabloDegerleri != null &&
	tablo0.TabloDegerleri.Count > 0)
{
<div class="limiter">
		<div class="container-table100">
			<div class="wrap-table100">
				<div class="table100">
	<table class="tablo">
		<thead>
			<tr class="table100-head">
				@foreach (var sutun in tablo0.TabloSutunlari)
				{
					<th>@sutun.SutunBaslik</th>
				}
			</tr> 
		</thead>
		<tbody>
			@foreach (var satir in tablo0.TabloDegerleri)
			{
				<tr>
					@foreach (var sutun in tablo0.TabloSutunlari){
						<td>@satir.GetValueOrDefault(sutun.SutunAdi)</td>
					}
				</tr> 
			}
		</tbody>
	</table>
	</div></div></div></div>
}