@model EFB.Models.ChartModel;
@{
    ViewData["Title"] = "Welcome";
}

<div class="row d-flex justify-content-center">
    <div class="card-body col-md-4">
        <div class="container jumbotron">

            <form asp-controller="Charts" asp-action="Index">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="ICAO Code" name="ICAO" value="@TempData["ICAO"]">
                </div>
                <button type="submit" class="btn btn-secondary">Search</button>

                @{
                    if (TempData["Error"] != null)
                    {//If an error has been flagged, information will be displayed to the user

                        <br />
                        <br />

                        <div class="alert alert-danger">
                            <strong>Warning!</strong> @TempData["Error"] <button type='button' class='close' data-dismiss='alert' aria-hidden='true' />&times;
                        </div>
                    }
                }
            </form>

            <h4>Charts for: @Model.ICAO</h4>

            <div class="dropdown">
                <button class="btn btn-primary dropdown-toggle bg-dark" type="button" data-toggle="dropdown">Dropdown Example
                <span class="caret"></span></button>
                <ul class="dropdown-menu">
                    @{
                        foreach (var item in Model.Approach)
                        {
                            <li><button class="bg-dark" runat="server" onclick=""></button></li>

                        }
                    }
                </ul>
            </div>
        </div>
    </div>

    <div class="card-body col-md-8">
        <div class="container jumbotron">
            <h3>Chart Lookup</h3>

            <br />
            <br />

            <form asp-controller="Charts" asp-action="Index">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="ICAO Code" name="ICAO" value="@TempData["ICAO"]">
                </div>
                <button type="submit" class="btn btn-secondary">Search</button>

                @{
                    if (TempData["Error"] != null)
                    {//If an error has been flagged, information will be displayed to the user

                        <br />
                        <br />

                        <div class="alert alert-danger">
                            <strong>Warning!</strong> @TempData["Error"] <button type='button' class='close' data-dismiss='alert' aria-hidden='true' />&times;
                        </div>
                    }
                }
            </form>
        </div>
    </div>
</div>