@model IList<MileageTraker.Web.ViewModels.LogImportViewModel>

@{
    ViewBag.Title = "Import Logs";
}
@section Styles
{
    <link href="@Url.Content("~/Content/font-awesome.min.css")" rel="stylesheet" type="text/css" />
}

@{ Html.RenderPartial("BackToLogs"); }

@Html.Partial("_StatusMessage")

<h2>@ViewBag.Title</h2>
<p>Driver: <strong>@ViewData["UserFullName"]</strong></p>
	
<p id="page-import-status"></p>

<table id="logs" class="table table-striped table-bordered table-hover table-condensed">
	<thead>
		<tr>
			<th>Import Status</th>
			<th style="width:20%"></th>
			<th>Vehicle ID</th>
			<th>End Odometer</th>
			<th>Type</th>
			<th>Destination City</th>
			<th>Purpose</th>
			<th>Notes</th>
			<th>Gas Purchased</th>
			<th>Date</th>
		</tr>
	</thead>
	@for (var i = 0; i < Model.Count; i++)
	{
		var viewModel = Model[i];
		<tr id="log-@i">
			<form>@Html.EditorFor(x => viewModel)</form>
			<td class="import-status"></td>
			<td class="import-message"></td>
			<td>@Html.ValueFor(x => viewModel.VehicleId)</td>
			<td>@Html.ValueFor(x => viewModel.EndOdometer)</td>
			<td>@Html.ValueFor(x => viewModel.LogType)</td>
			<td>@Html.ValueFor(x => viewModel.CityName)</td>
			<td>@Html.ValueFor(x => viewModel.Purpose)</td>
			<td>@Html.ValueFor(x => viewModel.Notes)</td>
			<td>@Html.ValueFor(x => viewModel.GasPurchased)</td>
			<td>@Html.ValueFor(x => viewModel.Date)</td>
		</tr>
	}
</table>

@section Scripts
{
	<script src="@Url.Content("~/Scripts/Shared/ImportCreate.js")" type="text/javascript"></script>
	<script type="text/javascript">
		$(function () {
			importLogs("@ViewData["UserFullName"]");
		});
	</script>
}