@model IngredientModel

@{
    ViewData["Title"] = "Details";
    Layout = "_AdminLayout";

}
<section class="vh-100" style="background-color: #f4f5f7;">
    <div class="container py-5 h-100">
        <div class="row d-flex justify-content-center align-items-center h-100">
            <div class="col col-lg-6 mb-4 mb-lg-0">
                <div class="card mb-3" style="border-radius: .5rem;">
                    <div class="row g-0">
                        <div class="col-md-4 gradient-custom text-center text-black"
                             style="border-top-left-radius: .5rem; border-bottom-left-radius: .5rem;">
                            <img src="~/img/portfolio/instagram.png"
                                 alt="Avatar" class="img-fluid my-5" style="width: 80px;" />
                            <h5>@Model.Name</h5>
                           
                            <a asp-action="Edit" asp-route-id="@Model.Id">
                                <i class="far fa-edit mb-5"></i>
                             </a> 
                            
                            <a asp-action="Index">

                                <i class="far fa-backward">

                                </i>
                            </a>
                        </div>
                        <div class="col-md-8">
                            <div class="card-body p-4">
                                <h6>Information</h6>
                                <hr class="mt-0 mb-4">
                                <div class="row pt-1">
                                    <div class="col-6 mb-3">
                                        <h6>Description</h6>
                                        <p class="text-muted">@Model.Description</p>
                                    </div>
                                    <div class="col-6 mb-3">
                                        <h6>Price</h6>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
