@page
@model PokeyModel
@{
    ViewData["Title"] = "Pokey Page";
}

<div class="text-center">
    <h1>Pokey!</h1>
    <img src=@ViewData["Image"] width="320px" height="240px" alt="Pokey" id="pokey"/>
</div>
<hr/>
<div class="text-center">
    <!-- Viewdata will disappear when a button is pushed -->
    <p> @ViewData["Message"]</p>
    <p>Frontend server time is @DateTime.Now</p>
</div>
<hr/>

<div class="row" style="width:95%; margin-left: 100px">
    <div class="col-lg-1" style="width: 25%; padding-left: 15%">
        <form asp-page-handler="edit" method="post">
            <button class="btn btn-default">Edit</button>
            <input type="hidden" name="id" value="1"/>
        </form>
    </div>
    <div class="col-lg-1" style="width: 25%; padding-left: 15%">
        <form asp-page-handler="delete" method="post">
            <button class="btn btn-default">Delete</button>
            <input type="hidden" name="id" value="2"/>
        </form>
    </div>
    <div class="col-lg-1" style="width: 25%; padding-left: 15%">
        <form asp-page-handler="view" method="post">
            <button class="btn btn-default">View</button>
            <input type="hidden" name="id" value="3"/>
        </form>
    </div>
    <h4 class="clearfix" style="padding-left: 35%;padding-right: 40%">@Model.Message</h4>
</div>

<hr/>