@model MileageTraker.Web.ViewModels.VehicleService.VehicleServiceResultsViewModel

@{
	ViewBag.Title = "Vehicle Service";
	var grid = new WebGrid(Model.ServiceItems, rowsPerPage: 45);
}

@Html.Partial("_StatusMessage")

<h2 id="vehicle-title"><i class="fa fa-wrench"></i> @ViewBag.Title</h2>

<div class="btn-toolbar pull-left">
    @Html.ActionLink("Add Service", "Create", null, new{@class="btn"})
    @Html.ActionLink("Export", "Export", null, new{@class="btn"})
</div>

@grid.GetHtml(columns:
        grid.Columns(
                grid.Column("InvoiceDate", "Invoice Date"),
                grid.Column("VehicleID", "Vehicle Id"),
                grid.Column("ServiceCenterName", "Service Center Name"),
                grid.Column("Price", "Price"),
                grid.Column("Description", "Description"),
                grid.Column(format:
                            @<div class='btn-group'>
                                @Html.ActionLink("Details / Edit", "Details", new { id = item.VehicleServiceId }, new { @class = "btn btn-mini" })
                            </div>)
            ), 
            htmlAttributes: new { @class = "table table-striped table-bordered table-hover table-condensed"},
            numericLinksCount: 20
     )