@page
@using Volo.Abp.Users
@model Company.Project.PublicWebSite.Pages.IndexModel
@using Volo.Abp.AspNetCore.Mvc.UI.Theming
@inject IThemeManager ThemeManager
@inject ICurrentUser CurrentUser
@{
    Layout = ThemeManager.CurrentTheme.GetApplicationLayout();
}
@section styles{
    <style>
    </style>
}

<div class="pb-5 px-5">
    <div class="jumbotron text-center px-5 py-5">
        <h1 class=" p-4">Public Web Site Application</h1>
        <h4>Welcome to our web site...</h4>
        <p>
            This is a simple hero unit, a simple jumbotron-style component
            for calling extra attention to featured content or information.
        </p>
        <p class="lead">

            @if (CurrentUser.IsAuthenticated)
            {
                <a abp-button="Primary" asp-controller="Logout" asp-action="Index" asp-area="Account">Logout</a>
            }
            else
            {
                <form method="POST">
                    <input type="submit" asp-page-handler="Login" value="LOGIN" class="btn btn-primary px-4 btn-md" />
                </form>
            }
        </p>
    </div>

    <div class="row">
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="m-0">What is New?</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-4">
                            <img src="~/product-images/asus.jpg" width="64" />
                        </div>
                        <div class="col-8">
                            <div>
                                <h6>Asus Transformer Book T300CHI-FH011H</h6>
                            </div>
                            <strong class="product-price text-danger">1249</strong>
                        </div>
                    </div>
                    <hr />

                    <div class="row">
                        <div class="col-4">
                            <img src="~/product-images/playstation.jpg" width="64" />
                        </div>
                        <div class="col-8">
                            <div>
                                <h6>Lego Star Wars - 75059 Sandcrawler UCS</h6>
                            </div>
                            <strong class="product-price text-danger">$999</strong>
                        </div>
                    </div>
                    <hr />

                    <div class="row">
                        <div class="col-4">
                            <img src="~/product-images/nikon.jpg" width="64" />
                        </div>
                        <div class="col-8">
                            <div>
                                <h6>Nikon AF-S 50mm f/1.8 G Lens</h6>
                            </div>
                            <strong class="product-price text-danger">$1499</strong>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="/Products" class="btn btn-block btn-md btn-primary">See All Products</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="m-0">What is Hot?</h5>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col">
                            <div>
                                <h6>
                                    Aliquam erat volutpat. Praesent nec dapibus neque. Proin hendrerit, magna in faucibus
                                </h6>
                            </div>
                        </div>
                    </div>
                    <hr />
                    <div class="row">
                        <div class="col">
                            <div>
                                <h6>Curabitur consectetur libero lacus, nec facilisis nulla facilisis non.</h6>
                            </div>
                        </div>
                    </div>
                    <hr />
                    <div class="row">
                        <div class="col">
                            <div>
                                <h6>Duis et felis nec ipsum auctor . </h6>
                            </div>
                        </div>
                    </div>
                    <hr />
                    <div class="row">
                        <div class="col">
                            <div>
                                <h6>Morbi eu dolor pellentesque, porttitor lorem vitae, pulvinar eros. </h6>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="card-footer">
                    <a href="#" class="btn btn-block btn-md btn-primary">Go to the Articles</a>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card">
                <div class="card-header">
                    <h5 class="m-0">Contact Us</h5>
                </div>
                <div class="card-body">

                    <label class="name lead">Volosoft</label> <br>
                    <span class="fa fa-fw fa-map-marker fa-fw text-muted" data-toggle="tooltip" title="" data-original-title="3903 W Alexander Rd"></span> <span class="text-muted">47322 W Alexander Rd</span> <br> <span class="fa fa-fw fa-phone fa-fw text-muted" data-toggle="tooltip" title="" data-original-title="(867) 322-1852"></span> <span class="text-muted small">(867) 322-5566</span> <br> <span class="fa fa-fw fa-envelope fa-fw text-muted" data-toggle="tooltip" title="" data-original-title="debbie.schmidt@example.com"></span> <span class="text-muted small text-truncate">info@volosoft.com</span>
                    <hr />
                    <p>
                        We are developing open source and commercial software development tools.
                    </p>
                    <p>
                        Praesent et posuere dui.
                        felis.
                    </p>
                </div>
                <div class="card-footer">
                    <a href="#" class="btn btn-block btn-md btn-primary">Contact Us</a>
                </div>
            </div>
        </div>
    </div>
</div>