@model LaaProductionWeb.Areas.Administration.Models.Software.SoftwareVersionsModel

<div class="container-fluid h-100">
    <div class="row h-100 overflow-hidden">
        <div class="col-2 bg-light h-100">
            <div class="list-group list-group-flush list-group-transparent">
                <a href="~/Administration/Software" class="list-group-item list-group-item-action bg-light active"><i class="bi bi-caret-left-fill bi-small"></i> Software</a>
                <div class="list-group-item list-group-item-action bg-light">
                    <table class="table table-sm table-borderless w-100 m-0">
                        <tbody>
                            <tr>
                                <td class="text-smallcaps small">AppId</td>
                                <td class="text-smallcaps small">@this.Model.AppId</td>
                            </tr>
                            <tr>
                                <td class="text-smallcaps small">Name</td>
                                <td class="text-smallcaps small">@this.Model.Name</td>
                            </tr>
                            <tr>
                                <td class="text-smallcaps small">Versions</td>
                                <td class="text-smallcaps small">@this.Model.Versions</td>
                            </tr>
                            <tr>
                                <td class="text-smallcaps small"><a href="~/Administration/Software/SoftwareFunctions/@this.Model.AppId">Functions</a></td>
                                <td class="text-smallcaps small">@this.Model.Functions</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <a href="~/Administration/Software/SoftwareFunctions" class="list-group-item list-group-item-action bg-light">Software Functions</a>
                <a href="~/Administration/Software/UsersFunctions" class="list-group-item list-group-item-action bg-light">Users Functions</a>
                <a href="~/Administration/Software/Users" class="list-group-item list-group-item-action bg-light">Users</a>
            </div>
        </div>
        <div class="col-10 p-0 h-100 scrollable-sm">
            @if (this.Model.SoftwareVersions != null)
            {
                <table class="table table-sm table-bordered w-100">
                    <thead class="table-secondary">
                        <tr>
                            <th>Id</th>
                            <th>FullName</th>
                            <th>Major</th>
                            <th>Minor</th>
                            <th>Build</th>
                            <th>Valid to</th>
                            <th>Description</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach (var version in this.Model.SoftwareVersions)
                        {
                            <tr>
                                <td>@version.Id</td>
                                <td>@version.FullName</td>
                                <td>@version.MajorV</td>
                                <td>@version.MinorV</td>
                                <td>@version.BuildV</td>
                                <td>@version.ValidTo.ToString("yyyy-MM-dd")</td>
                                <td>@version.Description</td>
                            </tr>
                        }
                    </tbody>
                </table>
            }
        </div>
    </div>
</div>