@model MileageTraker.Web.ViewModels.ConfirmCreateLogViewModel

@{
    ViewBag.Title = "Confirm";
    Layout = "~/Views/Shared/_Layout.cshtml";
	var endOdometerStyle = Model.PreviousOdometer != null ? "style=padding-bottom:0px;" : "";
}
@section Styles
{
    <link href="@Url.Content("~/Content/VehicleColors.css")" rel="stylesheet" type="text/css" />    
}

@using (Html.BeginForm("Action", "CreateLog", FormMethod.Post))
{
    <fieldset>
        <legend>@ViewBag.Title</legend>
        <p class="alert">Please <strong>confirm</strong> - entry not complete until <strong>confirm</strong> clicked</p>
        @if (Model.Miles == 0)
        {
            <p class="alert"><span class="label label-important">Warning</span> No mileage being logged - <strong>is this a duplicate?</strong></p>
        }
        <div class="display-field-container vehicle-id">
            <div class="display-label">
                @Html.LabelFor(model => model.VehicleId)
            </div>
            <div class="display-field @Model.VehicleColor">
                @Html.Encode(Model.VehicleId) <span class="subscript">(@Model.VehicleType)</span>
            </div>
        </div>
        @Html.HiddenFor(m => m.VehicleId)
        <div class="display-field-container endodometer" @endOdometerStyle>
            <div class="display-label">
                @Html.LabelFor(model => model.EndOdometer)
            </div>
            <div class="display-field">
                @Html.Encode(Model.EndOdometer) 
                @if (Model.PreviousOdometer != null)
                {
                    <br/>
			        <span class="subscript @if (Model.Miles == 0)
                            { <text>label label-warning</text>}">@Html.Encode(Model.Miles) miles since <br />
                    @Html.Encode(Model.PreviousOdometer) on @Html.Encode(Model.PreviousDate.Value.ToShortDateString())</span>
                }
            </div>
        </div>
        <input type="hidden" name="EndOdometer" value="@Html.AttributeEncode(Model.EndOdometer)" />
        @Html.DisplayFor(model => model.LogType)
        @Html.HiddenFor(model => model.LogType.Value)
        @Html.DisplayFor(model => model.EmployeeName)
        <input type="hidden" name="EmployeeName" value="@Html.AttributeEncode(Model.EmployeeName)" />
        @Html.DisplayFor(model => model.CityName)
        <input type="hidden" name="CityName" value="@Html.AttributeEncode(Model.CityName)" />

        <div class="display-field-container gas">
            <div class="display-label">
                @Html.LabelFor(model => model.GasPurchased)
            </div>
            <div class="display-field">
                @if (!string.IsNullOrEmpty(Model.GasPurchased))
                {
                    @Model.GasPurchased <span class="units">Gallons</span>
                }
                else
                {
                    <text>No Gas Purchased</text>
                }
                <input type="hidden" name="GasPurchased" value="@Html.AttributeEncode(Model.GasPurchased)" />
            </div>
        </div>
        <div class="display-field-container date">
            <div class="display-label">
                @Html.LabelFor(model => model.Date)
            </div>
            <div class="display-field">
                @Html.Encode(Model.Date)
                <span class="muted">(@Html.Encode(Model.DateHowLongAgo))</span>
                <input type="hidden" name="Date" value="@Html.AttributeEncode(Model.Date)" />
            </div>
        </div>

        <input type="submit" name="Edit" value="Back" class="btn" />
        <input type="submit" name="Confirm" value="Confirm" class="btn btn-primary" />

    </fieldset>
}