{% from "components/table/_macro.njk" import onsTable %}

{{
    onsTable({
        "variants": 'sortable',
        "caption": "JavaScript enhanced sortable table",
        "sortBy": "Sort by",
        "ariaAsc": "ascending",
        "ariaDesc": "descending",
        "ths": [
            {
                "value": "ID"
            },
            {
                "value": "Title"
            },
            {
                "value": "Abbreviation"
            },
            {
                "value": "Legal basis"
            },
            {
                "value": "Frequency"
            },
            {
                "value": "Date"
            },
            {
                "value": "Status"
            }
        ],
        "trs": [
            {
                "tds": [
                    {
                        "value": "023"
                    },
                    {
                        "value": "Monthly Business Survey - Retail Sales Index"
                    },
                    {
                        "value": "RSI"
                    },
                    {
                        "value": "Statistics of Trade Act 1947"
                    },
                    {
                        "value": "Monthly",
                        "dataSort": "1"
                    },
                    {
                        "value": "20 Jan 2018",
                        "dataSort": "2018-01-20"
                    },
                    {
                        "value": "<span class='ons-status ons-status--success'>Ready</span>",
                        "dataSort": "0"
                    },
                    {
                        "form": {
                            "method": "Get",
                            "action": "#",
                            "button": {
                                "type": "button",
                                "text": "View details",
                                "variants": ["small", "secondary"],
                                "url": "#0"
                            }
                        }
                    }
                ]
            },
            {
                "tds": [
                    {
                        "value": "112"
                    },
                    {
                        "value": "Annual Inward Foreign Direct Investment Survey"
                    },
                    {
                        "value": "AIFDI"
                    },
                    {
                        "value": "Statistics of Trade Act 1947"
                    },
                    {
                        "value": "Annually",
                        "dataSort": "12"
                    },
                    {
                        "value": "26 Feb 2018",
                        "dataSort": "2018-02-26"
                    },
                    {
                        "value": "<span class='ons-status ons-status--dead'>Not ready</span>",
                        "dataSort": "1"
                    },
                    {
                        "form": {
                            "method": "Get",
                            "action": "#",
                            "button": {
                                "type": "button",
                                "text": "View details",
                                "variants": ["small", "secondary"],
                                "url": "#0"
                            }
                        }
                    }
                ]
            },
            {
                "tds": [
                    {
                        "value": "332"
                    },
                    {
                        "value": "Business Register and Employment Survey"
                    },
                    {
                        "value": "BRES"
                    },
                    {
                        "value": "Statistics of Trade Act 1947"
                    },
                    {
                        "value": "Annually",
                        "dataSort": "12"
                    },
                    {
                        "value": "23 Jan 2013",
                        "dataSort": "2013-01-23"
                    },
                    {
                        "value": "<span class='ons-status ons-status--info'>In progress</span>",
                        "dataSort": "2"
                    },
                    {
                        "form": {
                            "method": "Get",
                            "action": "#",
                            "button": {
                                "type": "button",
                                "text": "View details",
                                "variants": ["small", "secondary"],
                                "url": "#0"
                            }
                        }
                    }
                ]
            },
            {
                "tds": [
                    {
                        "value": "654"
                    },
                    {
                        "value": "Quartely Survey of Building Materials Sand and Gravel"
                    },
                    {
                        "value": "QBMS"
                    },
                    {
                        "value": "Statistics of Trade Act 1947 - BEIS"
                    },
                    {
                        "value": "Quartely",
                        "dataSort": "3"
                    },
                    {
                        "value": "24 Jan 2015",
                        "dataSort": "2015-01-24"
                    },
                    {
                        "value": "<span class='ons-status ons-status--error'>Issue</span>",
                        "dataSort": "3"
                    },
                    {
                        "form": {
                            "method": "Get",
                            "action": "#",
                            "button": {
                                "type": "button",
                                "text": "View details",
                                "variants": ["small", "secondary"],
                                "url": "#0"
                            }
                        }
                    }
                ]
            },
            {
                "tds": [
                    {
                        "value": "765"
                    },
                    {
                        "value": "Monthly Survey of Building Materials Concrete Building Blocks"
                    },
                    {
                        "value": "MSBB"
                    },
                    {
                        "value": "Voluntary"
                    },
                    {
                        "value": "Monthly",
                        "dataSort": "1"
                    },
                    {
                        "value": "25 Jan 2014",
                        "dataSort": "2014-01-25"
                    },
                    {
                        "value": "<span class='ons-status ons-status--success'>Ready</span>",
                        "dataSort": "0"
                    },
                    {
                        "form": {
                            "method": "Get",
                            "action": "#",
                            "button": {
                                "type": "button",
                                "text": "View details",
                                "variants": ["small", "secondary"],
                                "url": "#0"
                            }
                        }
                    }
                ]
            }
        ]
    })
}}