@model GraniteHouse.Models.Products
@using GraniteHouse.Extensions
@using Microsoft.AspNetCore.Http

@inject IHttpContextAccessor HttpContextAccessor

<br />
<h2 class="text-info"> Product Details</h2>

<form method="post">
    <div class="p-4 border rounded row">
        <div class="col-8">

            <div class="form-group row">
                <div class="col-md-4">
                    <label asp-for="Name"></label>
                </div>
                <div class="col-md-8">
                    <input asp-for="Name" readonly class="form-control" />
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-4">
                    <label asp-for="ShadeColor"></label>
                </div>
                <div class="col-md-8">
                    <input asp-for="ShadeColor" class="form-control" readonly />
                </div>
            </div>

            <div class="form-group row">
                <div class="col-md-4">
                    <label asp-for="Price"></label>
                </div>
                <div class="col-md-8">
                    <input asp-for="Price" class="form-control" readonly />
                </div>
            </div>



            <div class="form-group row">
                <div class="col-md-4">
                    <label asp-for="ProductTypes"></label>
                </div>
                <div class="col-md-8">
                    <input asp-for="ProductTypes.Name" class="form-control" readonly />
                </div>

            </div>

            @if(!Model.SpecialTags.Name.Equals("--None--"))
            {
            <div class="form-group row">
                <div class="col-md-4">
                    <label asp-for="SpecialTags"></label>
                </div>
                <div class="col-md-8">
                    <input asp-for="SpecialTags.Name" class="form-control" readonly />
                </div>
            </div>
            }

            <div class="form-group row">
                <div class="col-md-4">
                </div>
                <div class="col-md-8">
                    @{
                        bool isInBag = false;
                        List<int> lstCart = HttpContextAccessor.HttpContext.Session.Get<List<int>>("ssShoppingCart");
                        if (lstCart != null && lstCart.Contains(Model.Id))
                        {
                            isInBag = true;
                        }
                    }
                    @if (isInBag)
                    {
                        <button type="submit" value="Remove From Bag" asp-route-id="@Model.Id" asp-action="remove" class="btn btn-danger form-control">Remove from Bag</button>

                    }
                    else
                    {

                        <button type="submit" value="Add to Bag" asp-route-id="@Model.Id" class="btn btn-primary form-control">Add to Bag</button>
                    }
                </div>
            </div>

        </div>
        <div class="col-1">

        </div>
        <div class="col-3">
            <img src="@Model.Image" width="100%" style="border-radius:5px; border:1px solid:#bbb9b9;" />

            <br /><br />
            @if(Model.Available)
            {
                <img src="~/images/instock.png" width="50%"/>
            }
        </div>
        <br />
        <div class="form-group">
            <input hidden asp-for="Id" />
            <a asp-action="Index" class="btn btn-success">Back to List</a>
        </div>
    </div>
</form>