@using VberZero.Tools.StringModel
@model VberAdmin.Web.Models.Modals.VmModal

@if (Model != null)
{
    string width = Model.Width == null || Model.Width <= 50 ? "" : "max-width:" + Model.Width + "px";
    string size = string.IsNullOrEmpty(Model.SizeClass) ? "" : Model.SizeClass.Sw("modal-");
    <!-- MODAL  @(Model.Id)  START-->
    <section>
        <div class="modal fade @(Model.Class)" id="@Model.Id" @Html.Raw(Model.Other)>
            <div class="modal-dialog @(Model.DialogClass)  @(size)" style="@width">
                <div class="modal-content rounded">
                    @if (Model.Header != null)
                    {
                        @await Html.PartialAsync("Modals/_Header", Model.Header)
                    }
                    @if (Model.Body != null)
                    {
                        @await Html.PartialAsync("Modals/_Body", Model.Body)
                    }
                    @if (Model.Footer != null)
                    {
                        @await Html.PartialAsync("Modals/_Footer", Model.Footer ?? 0)
                    }
                </div>
            </div>
        </div>
    </section>
    <!-- MODAL  @(Model.Id)  END-->
}