@model PagedList.IPagedList<HorvathSoftwareSolutions.Models.tblPRESSInventory>
@using PagedList.Mvc
@using HSS_DB_Settings;
@using HorvathSoftwareSolutions.Controllers;

<link href="~/Content/PagedList.css" rel="stylesheet" type="text/css" />
@*@<link href="~/Content/bootstrap.min.css" rel="stylesheet" type="text/css" />*@

@{
    ViewBag.Title = "tblPRESSInventory";
}

@section AdditionalMeta
{
    <meta name="ROBOTS" content="NOINDEX" />
}


<h2> <i class="far fa-fw fa-shopping-cart"></i> Buy</h2>
<div>
    <p>Note to make a purchase on this page you must first download the application setup file for which you want to purchase an activation key.</p>
    <p><a href="../tblPRESSCustomers/Create" class="btn btn-primary btn-lg">Download now &raquo;</a></p>
</div>
<br /><br />
<form id="inputForm" class="form-horizontal" action="" method="post">
    <div class="form-group">
        @Html.Label("SearchString", "Filter:", new { @class = " col-md-2 control-label", @style = "top: -3px; width: 140; text-align: right;" })
        @Html.AntiForgeryToken()
        <input type="hidden" id="page" name="page" style="visibility: hidden;" value="@ViewBag.CurrentPage">
        <input type="hidden" id="sortOrder" name="sortOrder" style="visibility: hidden;" value="@ViewBag.CurrentSort">
        <input type="hidden" id="productIDHolder" name="productIDHolder" style="visibility: hidden;" value="@ViewBag.ProductID">
        <input type="hidden" id="productPriceHolder" name="productPriceHolder" style="visibility: hidden;" value="@ViewBag.ProductPrice">
        <div class="col-md-6">
            <div class="form-group row">
                @Html.TextBox("SearchString", @ViewBag.CurrentFilter as string, new { @style = "width: 284px; vertical-align: inherit;", @placeholder = "File Name" })
                @*@<span style="vertical-align: inherit; width: 20px; height: 20px;" class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>*@
                <span style="align-content: space-around; width: 5px; opacity: 0"><img src="~/Content/Spacer.png" /></span>
                <button type="submit" id="BuySearch" value="Search" style="vertical-align: inherit;" name="action:BuySearch">Search <i class="far fa-fw fa-search"></i></button>
                <span> </span>
                <span style="align-content: space-around; width: 5px; opacity: 0"><img src="~/Content/Spacer.png" /></span>
                <button type="submit" value="Clear" style="vertical-align: inherit;" name="action:BuySearchClear">Clear <i class="fal fa-fw fa-times"></i></button>
            </div>
        </div>
    </div>
    <div class="form-group">
        @Html.Label("customerID", "Customer Info:", new { @class = "col-md-2 control-label", @style = "top: -3px; width: 140; text-align: right;" })
        <div class="col-md-8">
            <div class="form-group row">
                @{ string optionalIndicator = Request.Cookies["userInfo"] != null ? "(optional)" : "(required)"; string placeholderCustID = "Customer ID " + optionalIndicator; string placeholderEmail = "Email Address (required)"; }
                @Html.TextBox("customerID", @ViewBag.CustomerID as string, new { @style = "width: 284px; vertical-align: inherit;", @placeholder = @placeholderCustID, @onchange = "submitSearch();" })
                @*@<span style="vertical-align: inherit; width: 20px; height: 20px;" class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>*@
                <span style="align-content: space-around; width: 5px; opacity: 0"><img src="~/Content/Spacer.png" /></span>
                @Html.TextBox("currentEmail", @ViewBag.CurrentEmail as string, new { @style = "width: 284px; vertical-align: inherit;", @placeholder = placeholderEmail, @onchange = "submitSearch();" })
                @*@<span style="vertical-align: inherit; width: 20px; height: 20px;" class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span>*@
                @Html.TextBox("productID", @ViewBag.ProductID as int?, new { @style = "display: none;", @placeholder = "Product ID", @onchange = "submitSearch();" })
                <span style="align-content: space-around; width: 5px; opacity: 0"><img src="~/Content/Spacer.png" /></span>
                <button type="submit" value="Checkout" style="vertical-align: inherit;" title="pay with your credit card" name="action:Buy">Checkout <i id="checkoutIcon" class="fad fa-fw fa-credit-card"></i></button>
                <span> </span>
            </div>
            <div><span style="align-content: space-around; width: 5px; opacity: 0"><img src="~/Content/Spacer.png" /></span></div>
            <table class="table">
                <tr>
                    <th>
                        Selected
                    </th>
                    <th>
                        <a href="javascript:void(0);" onclick="updateSort('@ViewBag.FileSortParm');">File Name</a>
                    </th>
                    <th></th>
                    <th>
                        <a href="javascript:void(0);" onclick="updateSort('@ViewBag.PriceSortParm');">Price</a>
                    </th>
                </tr>

                @foreach (var item in Model)
                {
                    @:<tr>
                        <td>
                            @Html.CheckBoxFor(modelItem => item.Selected, new { @disabled = "disabled" })
                            <a href="javascript:void(0);" onclick="updateProduct(@item.ID.ToString());">Select</a>
                        </td>
                        <td>
                            @Html.DisplayFor(modelItem => item.FileName)
                        </td>
                        <td>
                            @{ var variableWidth = DBAppSettings.GetSetting("buyPageImageWidth");}
                            <img src="@item.ImageFile" alt="Image File or Icon for the HSS Application: @item.FileName" style="width: @variableWidth;" />
                        </td>
                        <td>
                            @if (!item.SalePrice.HasValue && !item.AlreadyPaid)
                            {
                                @Html.Hidden("PriceOfProduct" + item.ID.ToString(), (double)item.Price)
                            }
                            else if (item.AlreadyPaid)
                            {
                                @Html.Hidden("PriceOfProduct" + item.ID.ToString(), (double)0.0)
                            }
                            else if (item.SalePrice.HasValue)
                            {
                                @Html.Hidden("PriceOfProduct" + item.ID.ToString(), (double)item.SalePrice)
                            }

                            @if (item.SalePrice.HasValue || item.AlreadyPaid)
                            {
                                @:<strike>
                                }
                            @{ string formattedPrice = item.Price.Format(); }
                            @Html.DisplayFor(modelItem => formattedPrice)
                            @if (item.SalePrice.HasValue || item.AlreadyPaid)
                            {
                            @:</strike>
                        }

                            @if (item.SalePrice.HasValue && item.SalePrice != 0.0M && !item.AlreadyPaid)
                            {
                                @:<span style="align-content: space-around; width: 5px; opacity: 0"><img src="/Content/Spacer.png" /></span>
                                string formattedPrice1 = ((decimal)item.SalePrice).Format();
                                @Html.DisplayFor(modelItem => formattedPrice1)
                            }
                            else if (item.SalePrice.HasValue || item.AlreadyPaid)
                            {
                                @:<span style="align-content: space-around; width: 5px; opacity: 0"><img src="/Content/Spacer.png" /></span>
                                string formattedPrice2 = "free";
                                @Html.DisplayFor(modelItem => formattedPrice2)
                            }

                        </td>
                    @:</tr>
                }
            </table>

            <br />
            Page @(Model.PageCount < Model.PageNumber ? 0 : Model.PageNumber) of @Model.PageCount

            @*@Html.PagedListPager(Model, page => Url.Action("Buy",
                new { page, sortOrder = ViewBag.CurrentSort, currentFilter = ViewBag.CurrentFilter, customerID = ViewBag.CustomerID, currentEmail = ViewBag.CurrentEmail }))*@

            @Html.PagedListPager(Model, page => Url.Action("Buy",
    new { page }), new PagedListRenderOptions { FunctionToTransformEachPageLink = (liTag, aTag) => { aTag.Attributes.Remove("href"); aTag.Attributes.Add("href", "javascript:void(0);"); aTag.Attributes.Add("onclick","updatePage('" + aTag.InnerHtml + "'," + Model.PageCount + ");"); liTag.InnerHtml = aTag.ToString(); return liTag; } })

            <p>
                @Html.Raw(TempData["msg"])
            </p>

            <p>
                <a href="..">Home</a>
            </p>
        </div>
    </div>
</form>


    <script>
        var myInputProductPriceElem = document.getElementById('productPriceHolder');
        myFunction(myInputProductPriceElem.getAttribute('value'));

        function submitSearch() {
            var myInputFormButton = document.getElementById('BuySearch');
            myInputFormButton.click();
        };
        function myFunction(myProductPrice) {
            if (myProductPrice == 0)
            {
                var checkOutIconID = document.getElementById('checkoutIcon');

                if (checkOutIconID == null)
                    return;

                checkOutIconID.setAttribute('class', 'fad fa-fw fa-gift');

                var checkOutButton = document.getElementsByName('action:Buy')[0];

                if (checkOutButton == null)
                    return;

                checkOutButton.setAttribute('title', 'this one is free!');
            }
        };
        function updateProduct(myProductID) {
            var myInputProductIDElem = document.getElementById('productID');

            myInputProductIDElem.setAttribute('value', myProductID);
            myInputProductIDElem.nodeValue = myProductID;

            submitSearch();
        };
        function updateSort(mySort) {
            var myInputSortOrderElem = document.getElementById('sortOrder');

            myInputSortOrderElem.setAttribute('value', mySort);
            myInputSortOrderElem.nodeValue = mySort;

            submitSearch();
        };
        function updatePage(myPage, maxPages) {

            var myInputPageElem = document.getElementById('page');

            if (myPage == '»')
            {
                var nextPage = parseInt(myInputPageElem.getAttribute('value'), 10) + 1;

                myPage = nextPage;
            }

            if (myPage == '«')
            {
                var prevPage = parseInt(myInputPageElem.getAttribute('value'), 10) - 1;

                myPage = prevPage;
            }

            if (myPage == '»»')
            {
                myPage = maxPages;
            }

            if (myPage == '««')
            {
                myPage = 1;
            }

            myInputPageElem.setAttribute('value', myPage);
            myInputPageElem.nodeValue = myPage;

            submitSearch();
        };
    </script>