@model PagedList.IPagedList<Champion.Entities.Director>
@using PagedList;
@using PagedList.Mvc;


    <link href="~/Content/PagedList.css" rel="stylesheet" />


@{
    ViewBag.Title = "DirectorTable";
}

<h1>DirectorTable</h1>


Page@(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount
@Html.PagedListPager(Model, x => @Url.Action("DirectorTable", "Director", new { page = x, sortOrder = ViewBag.CurrentSortOrder, searchfirstname = ViewBag.CurrentFirstName, searchlastname = ViewBag.CurrentLastName }))

@using (Html.BeginForm("DirectorTable", "Director", FormMethod.Get))
{

    @Html.TextBox("searchfirstname", null, new { placeholder = "Search FirstName" })
    @Html.TextBox("searchlastname", null, new { placeholder = "Search LastName" })


    string str = ViewBag.CurrentSortOrder;
    @Html.TextBox("sortOrder", str, new { type = "hidden" })

    <input type="submit" value="Search" />
}


<table class="table">
    <thead>
        <tr>
            <th>Image</th>
            <th>@Html.ActionLink("First Name", "DirectorTable", "Director", new { sortOrder = ViewBag.FirstNameSortParam }, new { @class = ViewBag.FNView })</th>
            <th>@Html.ActionLink("LastName", "DirectorTable", "Director", new { sortOrder = ViewBag.LastNameSortParam }, new { @class = ViewBag.LNView })</th>

            <th>Details</th>

        </tr>

    </thead>
    <tbody>
        @foreach (var director in Model)
        {
            <tr>
                @*<td><img width="100" class="img-fluid" src="@director.PhotoUrl" alt="Without Image" /></td>*@
                <td><a href="/Director/SimpleDetails/@director.DirectorId"><img width="100" class="img-fluid" src="@director.PhotoUrl" alt="Without Image" /></a></td>
                <td>@Html.ActionLink(director.FirstName, "SimpleDetails", "Actor", new { id = director.DirectorId }, null)</td>
                <td>@Html.DisplayFor(x => director.LastName)</td>
                <td>
                    <ul>
                        @foreach (var movie in director.Movies)
                        {
                            <li>@movie.Title</li>
                        }
                    </ul>
                </td>
                <td>@Html.ActionLink("Details", "SimpleDetails", "Director", new { id = director.DirectorId }, new { @class = "btn btn-primary" })</td>
            </tr>
        }

    </tbody>
</table>