@model IEnumerable<RESTDemo.Models.StockQuote>

@{
ViewBag.Title = "Index";
}

<h2>Demo Stock Watch List</h2>

<fieldset>
<legend>StockQuote</legend>
<div id="controls">
    <input type="submit" name="Refresh" id="Refresh" value="Refresh"
           data-submit-action="refresh" data-submit-method="get"
           data-submit-url="@Url.Action("Refresh")" data-stock-target="#stockTable" />

    <input type="submit" name="Reset" id="Reset" value="Clear List"
           data-submit-action="reset" data-submit-method="delete"
           data-submit-url="@Url.Action("Reset")" data-stock-target="#stockList" />

    <form id="addStock" method="post" action="@Url.Action("Add")" data-add-ajax="true" data-stock-target="#stockTable">
        <input type="search" name="symbol" />
        <input type="submit" value="Add" />
    </form>
</div>
</fieldset>
@Html.Partial("_stocks", Model)

@model IEnumerable<RESTDemo.Models.StockQuote>
<div id="stockList">
    <table id="stockTable">
        <tr>
            <td>Symbol</td>
            <td>Last Price</td>
            <td class="change">Change</td>
            <td class="change">Change Percent</td>
            <td>Volume</td>
            <td class="last-column"></td>
        </tr>
            @Html.Partial("stockList", Model)

</table>
</div>

@model IEnumerable<RESTDemo.Models.StockQuote>

@foreach (var item in Model)
{
string cssClass;
if (item.Change > 0)
{
    cssClass = "num-pos";
}
else if (item.Change < 0)
{
    cssClass = "num-neg";
}
else
{
    cssClass = "num-zero";
}


<tr class="data-row">
    <td class="stock-symbol">@item.Symbol</td>
    <td>@item.LastPrice</td>
    <td class="@cssClass">@Html.DisplayFor(modelItem => item.Change)</td>
    <td class="@cssClass">@Html.DisplayFor(modelItem => item.ChangePercent)</td>
    <td>@item.Volume</td>
    <td class="last-column">
        <span class="delete-me" data-action="@Url.Action("Remove")" data-stock-method="delete"> </span>
    </td>
</tr>
}

@model RESTDemo.Models.StockQuote

@{
string cssClass;

if (Model.Change > 0) {
    cssClass = "num-pos";
}
else if (Model.Change < 0) {
    cssClass = "num-neg";
}
else {
    cssClass = "num-zero";
}
}
<tr class="data-row">
<td class="stock-symbol">@Model.Symbol</td>
<td>@Model.LastPrice</td>
<td class="@cssClass">@Html.DisplayFor(modelItem => Model.Change)</td>
<td class="@cssClass">@Html.DisplayFor(modelItem => Model.ChangePercent)</td>
<td>@Model.Volume</td>
<td class="last-column">
    <span class="delete-me" data-action="@Url.Action("Remove")" data-stock-method="delete"> </span>
</td>
</tr>