@{
    ViewData["Title"] = "Route Info";
}

<div class="row">

    <div class="card-body col-md-6">
        <div class="container jumbotron">
            <h3>Route Info</h3>

            <br />
            <br />

            <form asp-controller="Route" asp-action="New">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Departure" name="Departure" value="@TempData["Departure"]">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Arrival" name="Arrival" value="@TempData["Arrival"]">
                </div>
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Cruise" name="Cruise" value="@TempData["Cruise"]">
                </div>
                <button type="submit" class="btn btn-secondary">Get Route</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 mh-100 bg-warning col-md-6">
        <img src="/images/RouteImage.png" width="100%" height="100%" style="object-fit: cover;">
    </div>

</div>