@model Model_Home
@inject SbmLocaliser Localiser
@{
	ViewData["Title"] = "Home Page";
	Model.AdditionalFiles_JS.Add("js/sbc-home.js");
}

<div class="text-center">
	<h1 class="display-4">Welcome</h1>
</div>

<style>
	#tblWelcome
	{
		margin: 0 auto;
		font-size: 20px;
		border-spacing: 0;
	}

	#tblWelcome tr:hover
	{
		background-color: lightyellow;
	}

	#tblWelcome tr th
	{
		padding: 4px 4px;
		font-size: 20px;
	}

	#tblWelcome tr td
	{
		padding: 4px 4px;
		font-size: 16px;
	}
</style>

<div class="">
	<table id="tblWelcome" class="table-hover">
		<tr style="font-weight:bold;background-color:lightsteelblue;">
			<th style="min-width:200px;">@Localiser["label.context"]</th>
			<th class="center" style="min-width:80px;">@Localiser["label.count"]</th>
		</tr>
		<tr class="sbc-action-text" onclick="sbc.navigateTo('Instance/Owner')">
			<td class="">Owners</td>
			<td class="center">@Model.GetOwnerCount()</td>
		</tr>
		<tr class="sbc-action-text" onclick="sbc.navigateTo('Instance/Repository')">
			<td class="">Repositories</td>
			<td class="center">@Model.GetRepositoryCount()</td>
		</tr>
		<tr class="sbc-action-text" onclick="sbc.navigateTo('Account/UserAccount')">
			<td class="">Users</td>
			<td class="center">@Model.GetUserAccountCount()</td>
		</tr>
	</table>
</div>

@* Database Schema form. *@
<script>
	sbc.msg.dbSchemaValid = '@Localiser.GetJavascriptText("msg.database.schema.valid")';
</script>
@using (@Html.BeginForm(FormMethod.Post, new { @id = "frmDatabaseSchema" }))
{
	<input type="hidden" name="DatabaseFilter.Instance" class="DatabaseInstance" />
}

<style>
	.sbc-panel-info
	{
		max-width: 960px;
	}

	.sbc-panel-results .sbc-panel-info.DbSchema > .sbc-content
	{
		max-height: auto;
	}

	.sbc-panel-results .sbc-panel-info.DbSchema .sbc-panel-messages
	{
		margin-bottom: 8px;
	}

	.sbc-panel-results .sbc-panel-info.DbSchema table.sbc-item-list thead tr th
	{
		background-color: #ffc8c7;
	}
</style>

@* Database Schema Verification *@
<div class="sbc-panel-info sbc-panel-results">

	<div class="sbc-header">
		<div class="sbc-caption">@Localiser["caption.database.schemas"]</div>
	</div>
	<div class="sbc-content">

		@* Database Schema - Control *@
		<div class="sbc-panel-info DbSchema Control">
			<div class="sbc-header">
				<div class="sbc-caption">@Localiser["caption.database.control"]</div>
			</div>
			<div class="sbc-panel-messages"></div>
		</div>

		@* Database Schema - Template *@
		<div class="sbc-panel-info DbSchema Template">
			<div class="sbc-header">
				<div class="sbc-caption">@Localiser["caption.database.template"]</div>
			</div>
			<div class="sbc-panel-messages"></div>
		</div>

		@* Database Schema - Demo *@
		<div class="sbc-panel-info DbSchema Demo">
			<div class="sbc-header">
				<div class="sbc-caption">@Localiser["caption.database.demo"]</div>
			</div>
			<div class="sbc-panel-messages"></div>
		</div>

		@* Db Schema templates *@
		<div class="sbc-panel-item-template">
			@* Db Schema table template *@
			<div class="sbc-panel-item-table DbSchema" style="min-height:48px;max-height:240px;overflow-y:auto;">
				<table class="sbc-item-list">
					<thead>
						<tr>
							<th class="width10pc">@Localiser["label.schema"]</th>
							<th class="width20pc">@Localiser["label.table"]</th>
							<th class="width20pc">@Localiser["label.column"]</th>
							<th class="width20pc">@Localiser["label.index"]</th>
							<th class="width30pc">@Localiser["label.comment"]</th>
						</tr>
					</thead>
					<tbody></tbody>
				</table>
			</div>
			@* Db Schema Item row *@
			<table>
				<tr class="sbc-row-item DbSchemaItem">
					<td class=""><div class="SchemaName"></div></td>
					<td class=""><div class="TableName"></div></td>
					<td class=""><div class="ColumnName"></div></td>
					<td class=""><div class="IndexName"></div></td>
					<td class=""><div class="Comment"></div></td>
				</tr>
			</table>
		</div>
	</div>

</div>