GreenTree.Strohrmann.ERP/GreenTree.Strohrmann.ERP.Web/Views/Material/Details.cshtml

@model GreenTree.Strohrmann.ERP.Web.Models.Business.MaterialModel

@{
    ViewData["Title"] = "Materialdetails";
}

<h1>Materialdetails</h1>

<h4>@Model.Name</h4>

<hr />

<div class="card-deck">
    <div class="card">
        <div class="card-header pb-1">
            <h6>Allgemein</h6>
        </div>
        <div class="card-body">
            <dl class="row">
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.Id)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.Id)
                </dd>
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.Name)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.Name)
                </dd>
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.Description)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.Description)
                </dd>
            </dl>
        </div>
    </div>
    <div class="card">
        <div class="card-header pb-1">
            <h6>Bemaßung</h6>
        </div>
        <div class="card-body">
            <dl class="row">
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.DefaultUnit)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.DefaultUnit)
                </dd>
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.Height)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.Height)
                </dd>
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.Width)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.Width)
                </dd>
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.Depth)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.Depth)
                </dd>
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.PackageSize)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.PackageSize)
                </dd>
            </dl>
        </div>
    </div>
    <div class="card">
        <div class="card-header pb-1">
            <h6>Herstellerdaten</h6>
        </div>
        <div class="card-body">
            <dl class="row">
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.Supplier)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.Supplier.Name)
                </dd>
                <dt class = "col-sm-6">
                    @Html.DisplayNameFor(model => model.ItemNumber)
                </dt>
                <dd class = "col-sm-6">
                    @Html.DisplayFor(model => model.ItemNumber)
                </dd>
            </dl>
        </div>
    </div>
</div>

<hr />

<div class="d-flex">
    @Html.ActionLink("Bearbeiten", "Edit", new { id = Model.Id })
    <div class="align-self-center ml-3">
        <a asp-action="Index">Zurück zur Liste</a>
    </div>
    <div class="align-self-center ml-auto">
        <a href="#" data-toggle="modal" data-target="#trackingModal">Änderungsinfo</a>
    </div>
</div>

<div id="trackingModal" class="modal fade" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content modal-content-header-custom">
            <div class="modal-header modal-header-info text-white">
                <h5 class="modal-title">Änderungsinfo - @Model.Name</h5>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">
                <dl class="row">
                    <dt class = "col-sm-4">
                        @Html.DisplayNameFor(model => model.CreatedBy)
                    </dt>
                    <dd class = "col-sm-6">
                        @Html.DisplayFor(model => model.CreatedBy)
                    </dd>
                    <dt class = "col-sm-4">
                        @Html.DisplayNameFor(model => model.CreatedOn)
                    </dt>
                    <dd class = "col-sm-6">
                        @Html.DisplayFor(model => model.CreatedOn)
                    </dd>
                </dl>
                <dl class="row">
                    <dt class = "col-sm-4">
                        @Html.DisplayNameFor(model => model.ChangedBy)
                    </dt>
                    <dd class = "col-sm-6">
                        @Html.DisplayFor(model => model.ChangedBy)
                    </dd>
                    <dt class = "col-sm-4">
                        @Html.DisplayNameFor(model => model.ChangedOn)
                    </dt>
                    <dd class = "col-sm-6">
                        @Html.DisplayFor(model => model.ChangedOn)
                    </dd>
                </dl>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">Schließen</button>
            </div>
        </div>
    </div>
</div>