@model IPagedList<VirtualTask.Models.Anag>
@using X.PagedList;
@using X.PagedList.Mvc.Core;
@using X.PagedList.Web.Common;


<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />
@{
    ViewData["Title"] = "Clienti";
    Layout = "~/Views/Shared/_LayoutAreaRiservata.cshtml";
}

<div class="agy-project-wrapper agy-project-page-wrapper">
    <div class="container">
        <div class="row">

            <p>
                <a asp-action="Create" class="info-data"><img src="~/assets/images/icons8-nuovo-50.png" alt="Crea un nuovo elemento" /></a>
            </p>
            @using (Html.BeginForm())
            {
                <div class="card">
                    <h5 class="card-header">Ricerca</h5>
                    <div class="table-responsive text-nowrap">
                        <table class="table">
                            <tbody class="table-border-bottom-0">
                                <tr>
                                    <td>
                                        <span class="fw-medium">@Html.TextBox("SearchString", null, new { placeholder = "Cerca per Rag. Sociale", @class = "agy-form-field require" })</span>
                                    </td>
                                    <td>
                                        <i class="bx bxl-angular bx-sm text-black me-3">&nbsp;</i>
                                        <span class="fw-medium"><input type="submit" value="Cerca" class="agy-btn submitForm" /></span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                </div>
                @* <div>
                    <div style="float:left;width:40%;padding:0 20px;">@Html.TextBox("SearchString", null, new { placeholder = "Cerca per Rag. Sociale", @class = "agy-form-field require" })</div>
                    <div style="float:left;width:2%;">&nbsp;</div>
                    <div style="float:left;width:57%;"><input type="submit" value="Cerca" class="agy-btn submitForm" /></div>

                </div> *@

            }

            <div style="width:100%;height:30px;">
                &nbsp;
            </div>

            <div class="card">
                <h5 class="card-header">Clienti</h5>
                <div class="table-responsive text-nowrap">
                    <table class="table table-striped">
                        <thead>
                            <tr>
                                <th>Codice</th>
                                <th>Rag. Sociale</th>
                                <th>Codice Fiscale</th>
                                <th>Partita Iva</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach (var item in Model)
                            {
                                <tr>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.ancodice)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.andescri)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.ancodfis)
                                    </td>
                                    <td>
                                        @Html.DisplayFor(modelItem => item.anpariva)
                                    </td>

                                    <td>
                                        <a href="@Url.Action("Edit", "Anag", new { id=item.ancodice })" title="Modifica" class="links">
                                            <img alt="Modifica" src="@Url.Content("~/assets/images/icons8-modificare-64.png")" style="width:30px;height:30px;">
                                        </a>
                                        |
                                        <a href="@Url.Action("Details", "Anag", new { id=item.ancodice })" title="Dettaglio" class="links">
                                            <img alt="Dettaglio" src="@Url.Content("~/assets/images/icons8-visualizza-file-64.png")" style="width:30px;height:30px;">
                                        </a>
                                        |
                                        <a href="@Url.Action("Delete", "Anag", new { id=item.ancodice })" title="Elimina" class="links">
                                            <img alt="Elimina" src="@Url.Content("~/assets/images/icons8-elimina-50.png")" style="width:30px;height:30px;">
                                        </a>
                                    </td>
                                </tr>
                            }
                        </tbody>
                    </table>
                </div>
            </div>
            
            <br />
            <nav>
                @Html.PagedListPager(Model, page => Url.Action("index", new { page = page, searchString=@ViewData["CurrentFilter"] }), new PagedListRenderOptions()
                {
                    ActiveLiElementClass = "active",
                    PageClasses = new[]{ "page-link"},
                    LiElementClasses=new[] { "page-item" },
                    UlElementClasses = new[] { "pagination","justify-content-center", "mt-3" },
                    LinkToNextPageFormat = "Successiva",
                    LinkToPreviousPageFormat = "Precedente",
                    MaximumPageNumbersToDisplay = 5,
                    DisplayLinkToPreviousPage = PagedListDisplayMode.Always,
                    DisplayLinkToNextPage = PagedListDisplayMode.Always
                })
            </nav>
        </div>
    </div>
</div>