@model IEnumerable<Product>
@section scripts {
    <script src="~/client/polyfills.js"></script>
    <script src="~/client/runtime.js"></script>
    <script src="~/client/main.js" asp-append-version="true"></script>
}
@section head {
    <base href="../client/src/app/" />
    <link href="~/client/styles.css" rel="stylesheet" />
}
<the-shop></the-shop>
@*<h1>Shop</h1>
        <p>Count: @Model.Count()</p>
        <div class="row">
            @foreach (var p in Model)
            {
    <script src="C:\Projects\olympp\lesson2\DutchTreat\client\src\main.js"></script>
            <div class="col-md-3">
                <div class="border bg-light rounded p-1">
                    <img src="~/img/@(p.ArtId).jpg" class="img-fluid" alt="@p.Title" />
                    <h3>@p.Category - @p.Size</h3>
                    <ul class="product-pros">
                        <li>Price: $@p.Price</li>
                        <li>Artist: @p.Artist</li>
                        <li>Title: @p.Title</li>
                        <li>Description: @p.ArtDescription</li>
                    </ul>
                    <button id="buyBtn" class="btn btn-success">Buy</button>
                </div>
            </div>
            }
        </div>*@