@model List<Vjezba.Web.Models.Mock.Company>
@{
    ViewBag.Title = "Pregled kompanija";
}

<div class="panel panel-heading">
    <div class="row">
        <div class="col-xs-8">
            <h2>Pregled kompanija</h2>
        </div>
        <div class="col-xs-4 text-right">
            <a href="@Url.Action("Create")" style="margin-top: 20px;" class="btn btn-success">Dodaj novu kompaniju</a>
        </div>
    </div>
</div>

@Html.Partial("_CompanyFilter", new Vjezba.Web.Models.CompanyFilterModel())


<table class="table table-condensed table-hover">
    <thead>
        <tr>
            <th>#</th>
            <th>Naziv</th>
            <th>Adresa</th>
            <th>Datum osnivanja</th>
            <th>Akcija</th>
        </tr>
    </thead>
    <tbody id="companyTable">
        @foreach (var company in Model)
        {
            <tr onmouseover="resetOpacity(this)" onmouseout="partialOpacity(this)" onclick="onClickBold(this)">
                <td>@company.ID</td>
                <td>@Html.ActionLink(company.Name, "Details", new { id = company.ID })</td>
                <td>@company.Address</td>
                <td>@company.DateFrom.ToShortDateString()</td>
                <td>@Html.ActionLink("Uredi", "Edit", new { id = company.ID })</td>
            </tr>
        }
    </tbody>
</table>

@section scripts {
    <script type="text/javascript">

        $(document).on("pageload", function () {
            partialOpacity(tr);
        });


        function resetOpacity(tr) {
            $(tr).css("color", "red");
        }

        function partialOpacity(tr) {
            $(tr).css("color", "yellow");
        }

    </script>}