@using System.Globalization
@model MileageTraker.Web.ViewModels.VehicleMileageViewModel
@{
    ViewBag.Title = "Vehicle Mileage Report";
}
<h2>@ViewBag.Title</h2>

<script src="@Url.Content("~/Scripts/jquery.qtip-1.0.0-rc3.min.js")" type="text/javascript"></script>

<p class="no-print">
    @Html.ActionLink("Logs", "Index", "Log", Model.Query, new { @class = "ui-button" })
</p>
	    @Html.DisplayFor(m => m.Query.Year)
	    @Html.DisplayFor(m => m.Query.Month)
	    @if (Model.Query.LogType.HasValue)
		{
			@Html.DisplayFor(m => m.Query.LogType)
		}
<table>
    <tr>
        <th>
            Vehicle Id
        </th>
        <th>
            Prog
        </th>
        <th>
            Total Miles
        </th>
        <th>
            Total Gas Purchased
        </th>
    </tr>
    @foreach (var item in Model.Items)
    {
        <tr>
            <td>
                @Html.ActionLink(item.VehicleId, "Details", "Vehicle", new { id = item.VehicleId }, null)
            </td>
            <td>
                @Html.DisplayTextFor(i => item.Prog)
            </td>
            <td @if (item.LogPairs.Any(lp => lp.Item1 == null)){ 
                    @:class="ui-state-error"
                    }>
                <span class="report-miles">@Html.DisplayTextFor(i => item.Miles) <span class="ui-icon ui-icon-triangle-1-n"></span></span>
                @Html.Partial("LogsSummary", item.LogPairs)
            </td>
            <td>
                @Html.DisplayTextFor(i => item.GasPurchased)
            </td>
        </tr>
    }
    <tfoot><tr><td colspan="2">Total:</td><td>@Html.DisplayTextFor(m => m.TotalMiles)</td><td>@Html.DisplayTextFor(m => m.TotalGasPurchased)</td></tr></tfoot>
</table>