@using (Html.BeginForm("SubmitRecipe", "Recipe", FormMethod.Post))
                    {
                        <div class="submit-recipe-form">
                            @Html.LabelFor(model => model.Recipe.Title, "Recipe Title")
                            @Html.EditorFor(model => model.Recipe.Title)
                            @Html.ValidationMessageFor(model => model.Recipe.Title)
                            <br />
                            @Html.LabelFor(model => model.Recipe.Description, "Description")
                            @Html.TextAreaFor(model => model.Recipe.Description)
                            @Html.ValidationMessageFor(model => model.Recipe.Description)
                            <br />
                            @Html.LabelFor(model => model.Recipe.Image, "Upload Image")
                            <input type="file" name="fileUpload" id="upload-image" />
                            <div id="create-ingredient">
                                @Html.Partial("_CreateIngredient", Model.addIngredient)
                            </div>
                            <br />
                            <div id="add-ingredient">
                                @Html.Partial("_AddIngredient")
                            </div>
                            <br />
                            <div>
                                @Html.LabelFor(model => model.Recipe.Preparation, "Preparation")
                                @Html.TextAreaFor(model => model.Recipe.Preparation, "Preparation")
                                @Html.ValidationMessageFor(model => model.Recipe.Preparation)
                            </div>
                            <br />
                            <div class="text-center">
                                <button type="submit" class="recipe-submit-btn">Submit Your Recipe</button>
                            </div>
                        </div>
                    }
                </div>