@model WebfrontCore.ViewModels.SideContextMenuItems
@{ Layout = null; }

<div class="d-none d-lg-flex col-3">
    <div class="content mt-0">
        <div class="on-this-page-nav pt-0">
            <div class="title">@Model.MenuTitle</div>

            @foreach (var item in Model.Items)
            {
                <a href="@(item.IsLink ? item.Reference : "#")" class="@(item.IsLink ? "" : "profile-action")" data-action="@(item.IsLink ? "" : item.Reference)" data-action-id="@item.EntityId">
                    <div class="@(item.IsButton ? "btn btn-block" : "")" data-title="@item.Tooltip" data-placement="left" data-toggle="@(string.IsNullOrEmpty(item.Tooltip) ? "" : "tooltip")">
                        <i class="@(string.IsNullOrEmpty(item.Icon) ? "" : $"oi {item.Icon}") mr-5 font-size-12"></i>
                        <span class="@(item.IsActive ? "text-primary" : "") text-truncate">@item.Title</span>
                    </div>
                </a>
            }
        </div>
    </div>
</div>

<div class="modal" id="contextMenuModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-content">
                <div class="content-title">@Model.MenuTitle</div>
                <hr/>
                @foreach (var item in Model.Items)
                {
                    <div class="mt-15 mb-15">
                        <a href="@(item.IsLink ? item.Reference : "#")" class="@(item.IsLink ? "" : "profile-action") no-decoration" data-action="@(item.IsLink ? "" : item.Reference)" data-action-id="@item.EntityId">
                            <div class="btn btn-block btn-lg @(item.IsActive ? "btn-primary" : "") text-truncate" data-title="@item.Tooltip" data-toggle="@(string.IsNullOrEmpty(item.Tooltip) ? "" : "tooltip")">
                                <i class="@(string.IsNullOrEmpty(item.Icon) ? "" : $"oi {item.Icon}") mr-5 font-size-12"></i>
                                <span>@item.Title</span>
                            </div>
                        </a>
                    </div>
                }
                <hr/>
                <button class="btn btn-lg btn-danger btn-block mt-15" data-dismiss="modal" type="button">@ViewBag.Localization["WEBFRONT_CONTEXT_MENU_BUTTON_CLOSE"]</button>
            </div>
        </div>
    </div>
</div>