@page
@model IndexModel
@using Microsoft.AspNetCore.Http
@{
    ViewData["Title"] = "";
    ViewData["LoggedInUserId"] = HttpContext.Session.GetString("LoggedInUserId");
    ViewData["LoggedIn"] = ViewData["LoggedInUserId"] != null;
}


<div id="myCarousel" class="carousel slide" data-ride="carousel" data-interval="6000">
    <ol class="carousel-indicators" style="text-align:center; padding:1px; border-radius:20px;"> @*background-color:#ffab4d;*@
            @*<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>*@
            @*<li data-target="#myCarousel" data-slide-to="2"></li>*@
            @*<li data-target="#myCarousel" data-slide-to="3"></li>*@
    </ol>
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="~/images/ban1.png" alt="JTK PC방" class="img-responsive" />
            <div class="carousel-caption" role="option">
                <p>
                    <span style="text-shadow:none; color:#fff;">지금 바로 </span>
                    <a class="btn btn-default" style="border-color:#fff; color:#ffb052; font-weight:bold;" asp-page="/Join/Index">
                        회원가입
                    </a>
                </p>
            </div>
        </div>
        <div class="item">
            <img src="~/images/ban2.png" alt="JTK PC방" class="img-responsive" />
            <div class="carousel-caption" role="option">
                <p>
                    <span style="text-shadow:none; color:#ffb052;">지금 바로 </span>
                    <a class="btn btn-warning" asp-page="/Join/Index">
                        회원가입
                    </a>
                </p>
            </div>
        </div>
        @*<div class="item">
            <img src="~/images/banner3.svg" alt="Package Management" class="img-responsive" />
            <div class="carousel-caption" role="option">
                <p>
                    Bring in libraries from NuGet and npm, and automate tasks using Grunt or Gulp.
                    <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkID=525029&clcid=0x409">
                        Learn More
                    </a>
                </p>
            </div>
        </div>*@
        @*<div class="item">
            <img src="~/images/banner4.svg" alt="Microsoft Azure" class="img-responsive" />
            <div class="carousel-caption" role="option">
                <p>
                    Learn how Microsoft's Azure cloud platform allows you to build, deploy, and scale web apps.
                    <a class="btn btn-default" href="https://go.microsoft.com/fwlink/?LinkID=525027&clcid=0x409">
                        Learn More
                    </a>
                </p>
            </div>
        </div>*@
    </div>
    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev" style="background-image: linear-gradient(to right, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .0001) 100%)">
        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
        <span class="sr-only">이전</span>
    </a>
    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next" style="background-image:linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .2) 100%)">
        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
        <span class="sr-only">다음</span>
    </a>
</div>

<div class="row" style="margin-top:20px">
    <div class="col-md-4">
        <h2>PC방 이용의 혁신</h2>
        <ul>
            <li>전국 PC방의 계정 및 요금 충전 체계가 통합됩니다.</li>
            <li>지금 바로  <a asp-page="/Login">로그인</a> 또는 <a asp-page="/Join/Index">회원가입</a>하세요.</li>
        </ul>
    </div>
    <div class="col-md-4">
        <h2>PC방 이용하기</h2>
        <ul>
            <li><a asp-page="/MyPage/ChargeCash/Index">통합 요금 충전하기</a></li>
            <li><a asp-page="/PCBang/Index">PC방 잔여 좌석도 보기</a></li>
            <li><a asp-page="/MyPage/Index">내 이용 내역 보기</a></li>
        </ul>
    </div>
    <!--<div class="col-md-4">
        <h2>Overview</h2>
        <ul>
            <li><a href="https://go.microsoft.com/fwlink/?LinkId=518008">Conceptual overview of what is ASP.NET Core</a></li>
            <li><a href="https://go.microsoft.com/fwlink/?LinkId=699320">Fundamentals of ASP.NET Core such as Startup and middleware.</a></li>
            <li><a href="https://go.microsoft.com/fwlink/?LinkId=398602">Working with Data</a></li>
            <li><a href="https://go.microsoft.com/fwlink/?LinkId=398603">Security</a></li>
            <li><a href="https://go.microsoft.com/fwlink/?LinkID=699321">Client side development</a></li>
            <li><a href="https://go.microsoft.com/fwlink/?LinkID=699322">Develop on different platforms</a></li>
            <li><a href="https://go.microsoft.com/fwlink/?LinkID=699323">Read more on the documentation site</a></li>
        </ul>
    </div>-->
    @*<div class="col-md-3">
            <h2>Run &amp; Deploy</h2>
            <ul>
                <li><a href="https://go.microsoft.com/fwlink/?LinkID=517851">Run your app</a></li>
                <li><a href="https://go.microsoft.com/fwlink/?LinkID=517853">Run tools such as EF migrations and more</a></li>
                <li><a href="https://go.microsoft.com/fwlink/?LinkID=398609">Publish to Microsoft Azure App Service</a></li>
            </ul>
        </div>*@
</div>
