@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">
            <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 class="container jumbotron">
            <h3>Charts for: @Model.Approach[0].Name</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 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>