<div class="row">
    <div class="col-8">
        <div class="card">
            <div class="card-header bg-light text-black">
                <h3>Options</h3>
            </div>
            <div class="card-body">
                <div class="accordion" id="accordionExample">
                    @foreach (DefinitionPageModel defpage in Model.Pages)
                    {
                    <div class="accordion-item">
                        <h2 class="accordion-header" id="headingOne">
                        <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#@defpage.PageID" aria-expanded="false" aria-controls="@defpage.PageID">
                            @defpage.PageName
                        </button>
                        </h2>
                        <div id="@defpage.PageID" class="accordion-collapse collapse" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                            <div class="accordion-body">
                                <form action="/Products/@Model.Product.ProductID/Configure/Update" method="post">
                                    <div class="row">
                                    @foreach (DefinitionAttributeModel attr in defpage.Attributes)
                                    {
                                        <div class="col-3 m-2">
                                            <div class="card">
                                                <div class="card-header bg-light text-black">
                                                    @attr.Name
                                                </div>
                                                <div class="card-body">
                                                    asdf
                                                </div>
                                            </div>
                                        </div>
                                    }
                                    <button class="btn btn-outline-primary btn-sm w-100">Update</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    }
                </div>
            </div>
        </div>
    </div>
    <div class="col-4">
        <div class="card">
            <div class="card-header bg-light text-black">
                <h3>Attributes</h3>
            </div>
            <div class="card-body">
                <table>
                    <tr>
                        <th>Name</th>
                        <th>Value</th>
                    </tr>
                    @foreach (KeyValuePair<string, string> kvp in Model.Config.AttributeValues)
                    {
                    <tr>
                        <td>@kvp.Key</td>
                        <td>@kvp.Value</td>
                    </tr>
                    }
                </table>
            </div>
        </div>
    </div>
</div>
;