
<%--@elvariable id="summedRemarks" type="net.sf.json.JSONArray"--%>
<%--@elvariable id="notSummedRemarks" type="net.sf.json.JSONArray"--%>

<div id='recipient-remarks' class="container-fluid" data-sizing="container" style="padding-block: 10px;">
    <div class="row" data-sizing="bottom">
        <div class="col-md-6 js-data-table" data-table="summed-remarks" style="height: 100%">
            <div class="js-data-table-body"></div>

            <script id="summed-remarks" type="application/json">
                {
                    "columns": [
                         {
                            "field": "remark",
                            "headerName": "<mvc:message code='recipient.Remark'/>",
                            "cellStyle": {"user-select": "text"},
                            "editable": false
                        },
                        {
                            "field": "value",
                            "headerName": "<mvc:message code="Value"/>",
                            "cellStyle": {"user-select": "text"},
                            "editable": false
                        }
                    ],
                    "options": {
                        "pagination": false,
                        "showRecordsCount": false,
                        "autoHeight": true
                    },
                    "data": ${summedRemarks}
                }
            </script>
        </div>

        <div class="col-md-6 js-data-table" data-table="not-summed-remarks" style="height: 100%">
            <div class="js-data-table-body"></div>

            <script id="not-summed-remarks" type="application/json">
                {
                    "columns": [
                         {
                            "field": "remark",
                            "headerName": "<mvc:message code='recipient.Remark'/>",
                            "cellStyle": {"user-select": "text"},
                            "editable": false
                        },
                        {
                            "field": "value",
                            "headerName": "<mvc:message code='Value'/>",
                            "cellStyle": {"user-select": "text"},
                            "editable": false
                        }
                    ],
                    "options": {
                        "pagination": false,
                        "showRecordsCount": false,
                        "autoHeight": true
                    },
                    "data": ${notSummedRemarks}
                }
            </script>
        </div>
    </div>
</div>
