<div class="page-wrapper">

    <header class="header header--checkout">
        <div class="container">
            <div class="header__wrapper">
                <a class="logo header__logo" href="#" aria-label="Homepage">
                    <img class="logo__image " src="/images/logo/logo_nl.png" alt="Alpaca Logo">
                </a>

                <div class="header__buttons">
                    <div class="header__icon">
                        <a class="
                                    header-button
                                    button
                                    button--icon
                                    button--icon-light
                                    
                                " href="#" aria-label="cartLink">
                            <svg class="icon header-button__icon" role="img">
                                <title>cart link</title>
                                <use xlink:href="/images/icons-sprite.svg#shopping-cart"></use>
                            </svg>

                            <span class="header-button__label"></span>
                        </a>
                    </div>

                </div>

            </div>
        </div>
    </header>

    <main id="maincontent" class="page-main container">
        <div class="dashboard-items ">
            <h2 class="dashboard-items__title margin-bottom-sm">
                Billing Information
            </h2>

            <div class="row margin-0">
                <div class="dashboard-items__item col-sm-6">
                    <h3 class="dashboard-items__subtitle">
                        Billing Address
                    </h3>

                    <div class="margin-bottom-l">
                        Arizona, 11-123, United States, T: 232112123
                    </div>
                    <div class="actions-group margin-bottom-l">
                        <div class="actions-group__handler">
                            <a class="link actions-group__link" href="#" title="Title">
                                Change
                            </a>

                            <a class="link actions-group__link" href="#" title="Title">

                            </a>

                        </div>
                    </div>

                </div>
                <div class="dashboard-items__item col-sm-6">
                    <h3 class="dashboard-items__subtitle">
                        Payment Method
                    </h3>

                    <div class="margin-bottom-l">
                        Check / Money order
                    </div>
                    <div class="actions-group margin-bottom-l">
                        <div class="actions-group__handler">
                            <a class="link actions-group__link" href="#" title="Title">
                                Change
                            </a>

                            <a class="link actions-group__link" href="#" title="Title">

                            </a>

                        </div>
                    </div>

                </div>
            </div>
        </div>

        <div class="dashboard-items ">
            <h2 class="dashboard-items__title margin-bottom-sm">
                Shipping Information
            </h2>

            <div class="row margin-0">
                <div class="dashboard-items__item col-sm-6">
                    <h3 class="dashboard-items__subtitle">
                        Shipping To
                    </h3>

                    <div class="margin-bottom-l">
                        Arizona, 11-123, United States, T: 232112123
                    </div>
                    <div class="actions-group margin-bottom-l">
                        <div class="actions-group__handler">
                            <a class="link actions-group__link" href="#" title="Title">
                                Change
                            </a>

                            <a class="link actions-group__link" href="#" title="Title">

                            </a>

                        </div>
                    </div>

                </div>
                <div class="dashboard-items__item col-sm-6">
                    <h3 class="dashboard-items__subtitle">
                        Shipping Method
                    </h3>

                    <div class="margin-bottom-l">
                        Flat Rate (Fixed) $20.00
                    </div>
                    <div class="actions-group margin-bottom-l">
                        <div class="actions-group__handler">
                            <a class="link actions-group__link" href="#" title="Title">
                                Change
                            </a>

                            <a class="link actions-group__link" href="#" title="Title">

                            </a>

                        </div>
                    </div>

                </div>
            </div>
        </div>

        <table class="table margin-bottom-l" tabindex="0" role="table">
            <caption class="table__caption">
                This is a table. Binded text in caption should explain what kind of data this table presents. Can be also a longer text with inline HTML elements inside
            </caption>
            <thead>
                <tr role="row">
                    <th class="" scope="col" role="columnheader">
                        Item
                    </th>
                    <th class="" scope="col" role="columnheader">
                        Price
                    </th>
                    <th class="" scope="col" role="columnheader">
                        Quantity
                    </th>
                    <th class="" scope="col" role="columnheader">
                        Subtotal
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr role="row">
                    <td class="" data-th="Item:" role="gridcell">
                        Simple product with long name 1
                    </td>
                    <td class="" data-th="Price:" role="gridcell">
                        $7.59
                    </td>
                    <td class="" data-th="Quantity:" role="gridcell">
                        2
                    </td>
                    <td class="" data-th="Subtotal:" role="gridcell">
                        $1,99.98
                    </td>
                </tr>
                <tr role="row">
                    <td class="" data-th="Item:" role="gridcell">
                        Simple product with long name 1
                    </td>
                    <td class="" data-th="Price:" role="gridcell">
                        $7.59
                    </td>
                    <td class="" data-th="Quantity:" role="gridcell">
                        2
                    </td>
                    <td class="" data-th="Subtotal:" role="gridcell">
                        $1,99.98
                    </td>
                </tr>
            </tbody>
            <tfoot>
                <tr role="row">
                    <td class="" colspan='3' role="gridcell">
                        Subtotal
                    </td>
                    <td class="" colspan='1' role="gridcell">
                        $20.00
                    </td>
                </tr>
                <tr role="row">
                    <td class="" colspan='3' role="gridcell">
                        Shipping & Handling
                    </td>
                    <td class="" colspan='1' role="gridcell">
                        $20.00
                    </td>
                </tr>
                <tr role="row">
                    <td class="" colspan='3' role="gridcell">
                        Tax
                    </td>
                    <td class="" colspan='1' role="gridcell">
                        $20.00
                    </td>
                </tr>
                <tr role="row">
                    <td class="" colspan='3' role="gridcell">
                        Total for this address
                    </td>
                    <td class="" colspan='1' role="gridcell">
                        $20.00
                    </td>
                </tr>
            </tfoot>
        </table>

        <div class="dashboard-items ">
            <h2 class="dashboard-items__title margin-bottom-sm">
                Shipping Information
            </h2>

            <div class="row margin-0">
                <div class="dashboard-items__item col-sm-6">
                    <h3 class="dashboard-items__subtitle">
                        Shipping To
                    </h3>

                    <div class="margin-bottom-l">
                        Arizona, 11-123, United States, T: 232112123
                    </div>
                    <div class="actions-group margin-bottom-l">
                        <div class="actions-group__handler">
                            <a class="link actions-group__link" href="#" title="Title">
                                Change
                            </a>

                            <a class="link actions-group__link" href="#" title="Title">

                            </a>

                        </div>
                    </div>

                </div>
                <div class="dashboard-items__item col-sm-6">
                    <h3 class="dashboard-items__subtitle">
                        Shipping Method
                    </h3>

                    <div class="margin-bottom-l">
                        Flat Rate (Fixed) $20.00
                    </div>
                    <div class="actions-group margin-bottom-l">
                        <div class="actions-group__handler">
                            <a class="link actions-group__link" href="#" title="Title">
                                Change
                            </a>

                            <a class="link actions-group__link" href="#" title="Title">

                            </a>

                        </div>
                    </div>

                </div>
            </div>
        </div>

        <table class="table margin-bottom-l" tabindex="0" role="table">
            <caption class="table__caption">
                This is a table. Binded text in caption should explain what kind of data this table presents. Can be also a longer text with inline HTML elements inside
            </caption>
            <thead>
                <tr role="row">
                    <th class="" scope="col" role="columnheader">
                        Item
                    </th>
                    <th class="" scope="col" role="columnheader">
                        Price
                    </th>
                    <th class="" scope="col" role="columnheader">
                        Quantity
                    </th>
                    <th class="" scope="col" role="columnheader">
                        Subtotal
                    </th>
                </tr>
            </thead>
            <tbody>
                <tr role="row">
                    <td class="" data-th="Item:" role="gridcell">
                        Simple product with long name 1
                    </td>
                    <td class="" data-th="Price:" role="gridcell">
                        $7.59
                    </td>
                    <td class="" data-th="Quantity:" role="gridcell">
                        2
                    </td>
                    <td class="" data-th="Subtotal:" role="gridcell">
                        $1,99.98
                    </td>
                </tr>
                <tr role="row">
                    <td class="" data-th="Item:" role="gridcell">
                        Simple product with long name 1
                    </td>
                    <td class="" data-th="Price:" role="gridcell">
                        $7.59
                    </td>
                    <td class="" data-th="Quantity:" role="gridcell">
                        2
                    </td>
                    <td class="" data-th="Subtotal:" role="gridcell">
                        $1,99.98
                    </td>
                </tr>
            </tbody>
            <tfoot>
                <tr role="row">
                    <td class="" colspan='3' role="gridcell">
                        Subtotal
                    </td>
                    <td class="" colspan='1' role="gridcell">
                        $20.00
                    </td>
                </tr>
                <tr role="row">
                    <td class="" colspan='3' role="gridcell">
                        Shipping & Handling
                    </td>
                    <td class="" colspan='1' role="gridcell">
                        $20.00
                    </td>
                </tr>
                <tr role="row">
                    <td class="" colspan='3' role="gridcell">
                        Tax
                    </td>
                    <td class="" colspan='1' role="gridcell">
                        $20.00
                    </td>
                </tr>
                <tr role="row">
                    <td class="" colspan='3' role="gridcell">
                        Total for this address
                    </td>
                    <td class="" colspan='1' role="gridcell">
                        $20.00
                    </td>
                </tr>
            </tfoot>
        </table>

        <div class="price margin-bottom-m">
            <span class="price__value ">
                Grand Total: $
                2,035.95

            </span>
        </div>

        <div class="checkbox ">
            <input type="checkbox" id="checkbox" name="checkbox-name" class="checkbox__field ">
            <svg class="
            checkbox__icon
            checkbox__icon--checked
            
        " role="presentation">
                <use xlink:href="/images/icons-sprite.svg#checked"></use>
            </svg>
            <svg class="
            checkbox__icon
            checkbox__icon--unchecked
            
        " role="presentation">
                <use xlink:href="/images/icons-sprite.svg#unchecked"></use>
            </svg>
            <label for="checkbox" class="checkbox__label ">
                <span class="checkbox__text">
                    I have read and accept the privacy policy
                </span>
            </label>
        </div>

        <div class="actions-group margin-vc-m">
            <div class="actions-group__handler">
                <button class="button actions-group__button" type="button" aria-label="button">
                    Place Order
                </button>

            </div>
            <div class="actions-group__handler">
                <a class="link actions-group__link" href="#" title="Back to Billing Information">
                    Back to Billing Information
                </a>

            </div>
        </div>

    </main>
</div>

<footer>
    <div class="footer-top margin-top-xl footer--checkout">
        <div class="container newsletter__footer ">
            <div class="row">
                <div class="newsletter__content col-xs-12 col-md-6">
                    <div class="newsletter__footer--heading ">
                        <h2 class="newsletter__footer--title">
                            Wil je 10% korting op je volgende bestelling?
                        </h2>
                        <p class="newsletter__footer--subtitle">
                            Meld je nu aan voor de nieuwsbrief van Kistenkoning en ontvang 10% korting op je volgende aankoop.
                        </p>
                    </div>
                    <form class="newsletter__form newsletter__footer--form">
                        <div class="newsletter__footer--fields">
                            <div class="control">
                                <label for="newsletter">
                                    <span class="label">Abonneer u op onze nieuwsbrief</span>
                                    <div class="input newsletter__input">
                                        <label class="
            label
            input__label
                label--hidden
            newsletter__label
        " for="newsletterEmail">
                                            Email for newsletter subscription
                                        </label>
                                        <input class="input__field newsletter__field" id="newsletterEmail" name="newsletterEamil" type="" placeholder="Enter your email">
                                    </div>

                                </label>
                                <div class="newsletter__footer--agreements">
                                    <div class="checkbox newsletter__footer--checkbox">
                                        <input type="checkbox" id="newsletter" name="" class="checkbox__field ">
                                        <svg class="
            checkbox__icon
            checkbox__icon--checked
            
        " role="presentation">
                                            <use xlink:href="/images/icons-sprite.svg#checked"></use>
                                        </svg>
                                        <svg class="
            checkbox__icon
            checkbox__icon--unchecked
            
        " role="presentation">
                                            <use xlink:href="/images/icons-sprite.svg#unchecked"></use>
                                        </svg>
                                        <label for="newsletter" class="checkbox__label ">
                                            <span class="checkbox__text">
                                                <a href="#" title="Privacy Policy">Privacy Policy</a>
                                            </span>
                                        </label>
                                    </div>

                                </div>
                            </div>
                        </div>
                        <div class="newsletter__footer--button">
                            <button class="button button--secondary newsletter__button">
                                Sign Up
                            </button>

                        </div>
                    </form>
                </div>
                <div class="newsletter__image col-xs-12 col-md-6">
                    <div class="lazyload-wrapper ">
                        <img class="image lazyload " src="" data-src="https://www.dekistenkoning.nl/media/blocks/footer/footer_nieuwsbrief.jpg" alt="">
                    </div>

                </div>
            </div>
        </div>

    </div>

    <div class="footer-center">

        <div class="contact-bar__footer container">
            <div class="row">

                <div class="col-sm-3 flex--row">
                    <div class="contact-bar__footer--icon"><svg class="icon " role="img">
                            <use xlink:href="/images/icons-sprite.svg#phone"></use>
                        </svg>
                    </div>
                    <div class="contact-bar__footer--content flex--column">
                        <span class="contact-bar__footer--title">Bel gratis 0348 - 437811</span>
                        <span class="contact-bar__footer--description">Op werkdagen van 9:00 - 17:00 uur</span>
                    </div>
                </div>
                <div class="col-sm-3 flex--row">
                    <div class="contact-bar__footer--icon"><svg class="icon " role="img">
                            <use xlink:href="/images/icons-sprite.svg#envelope"></use>
                        </svg>
                    </div>
                    <div class="contact-bar__footer--content flex--column">
                        <span class="contact-bar__footer--title">Stuur een mail</span>
                        <span class="contact-bar__footer--description">Antwoord binnen 24 uur</span>
                    </div>
                </div>
                <div class="col-sm-3 flex--row">
                    <div class="contact-bar__footer--icon"><svg class="icon " role="img">
                            <use xlink:href="/images/icons-sprite.svg#facebook-logo"></use>
                        </svg>
                    </div>
                    <div class="contact-bar__footer--content flex--column">
                        <span class="contact-bar__footer--title">Via Facebook</span>
                        <span class="contact-bar__footer--description">Antwoord binnen 24 uur</span>
                    </div>
                </div>
                <div class="col-sm-3 flex--row">
                    <div class="contact-bar__footer--icon"><svg class="icon " role="img">
                            <use xlink:href="/images/icons-sprite.svg#chat"></use>
                        </svg>
                    </div>
                    <div class="contact-bar__footer--content flex--column">
                        <span class="contact-bar__footer--title">Via de Chat</span>
                        <span class="contact-bar__footer--description">Op werkdagen van 9:00 - 17:00 uur</span>
                    </div>
                </div>

            </div>
        </div>

    </div>
    <div class="footer margin-top-xl footer--checkout">

        <section class="footer__bottom-bar ">
            <div class="footer__bottom-bar-handler container">
                <div class="footer__copyright">
                    <small>
                        Copyright © 2019 Alpaca
                    </small>
                </div>

                <div class="footer__switchers">
                    <div id="language-dropdown" class="dropdown-list dropdown-list--detailed-content footer__dropdown-switcher">
                        <ul class="dropdown-list__list">
                            <li class="
                    dropdown-list__item
                        dropdown-list__item--collapse
                ">
                                <a class="dropdown-list__label " href="#" aria-expanded="false" aria-controls="dropdown-detailed-content1">
                                    German

                                    <svg class="icon dropdown-list__icon" aria-hidden="true" role="img">
                                        <title>Arrow Down</title>
                                        <use xlink:href="/images/icons-sprite.svg#angle-down"></use>
                                    </svg>

                                </a>

                                <div id="dropdown-detailed-content1" class="dropdown-list__content " aria-hidden="true">
                                    <ul class="list ">
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                    </ul>

                                </div>
                            </li>
                        </ul>
                    </div>

                    <script type="text/javascript">
                        new DropdownList(document.getElementById('language-dropdown'));
                    </script>

                    <div id="currency-dropdown" class="dropdown-list dropdown-list--detailed-content footer__dropdown-switcher margin-right-xs">
                        <ul class="dropdown-list__list">
                            <li class="
                    dropdown-list__item
                        dropdown-list__item--collapse
                ">
                                <a class="dropdown-list__label " href="#" aria-expanded="false" aria-controls="dropdown-detailed-content2">
                                    USD - US Dollar

                                    <svg class="icon dropdown-list__icon" aria-hidden="true" role="img">
                                        <title>Arrow Down</title>
                                        <use xlink:href="/images/icons-sprite.svg#angle-down"></use>
                                    </svg>

                                </a>

                                <div id="dropdown-detailed-content2" class="dropdown-list__content " aria-hidden="true">
                                    <ul class="list ">
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                        <li class="list__item ">
                                            Lorem ipsum

                                        </li>
                                    </ul>

                                </div>
                            </li>
                        </ul>
                    </div>

                    <script type="text/javascript">
                        new DropdownList(document.getElementById('currency-dropdown'));
                    </script>

                </div>
            </div>
        </section>

    </div>
</footer>
<div class="page-wrapper">
    {{ render '@header--checkout' }}

    <main id="maincontent" class="page-main container">
        {{ render '@dashboard-items' billingAddresses merge=true }}
        {{ render '@dashboard-items' shippingAddresses merge=true }}
        {{ render '@table' table }}
        {{ render '@dashboard-items' shippingAddresses merge=true }}
        {{ render '@table' table }}
        {{ render '@price' price }}
        {{ render '@checkbox' checkbox }}
        {{ render '@actions-group' actions }}  
    </main>
</div>

{{ render '@footer--checkout' }}
{
  "billingAddresses": {
    "title": {
      "tag": "h2",
      "class": "dashboard-items__title margin-bottom-sm",
      "text": "Billing Information"
    },
    "informations": [
      {
        "title": {
          "tag": "h3",
          "class": "dashboard-items__subtitle",
          "text": "Billing Address"
        },
        "class": "col-sm-6",
        "information": "Arizona, 11-123, United States, T: 232112123",
        "actions": {
          "class": "margin-bottom-l",
          "sides": [
            {
              "class": "",
              "action": [
                {
                  "link": {
                    "text": "Change",
                    "class": "actions-group__link"
                  }
                },
                {
                  "link": {
                    "text": "",
                    "class": "actions-group__link"
                  }
                }
              ]
            }
          ]
        }
      },
      {
        "title": {
          "tag": "h3",
          "class": "dashboard-items__subtitle",
          "text": "Payment Method"
        },
        "class": "col-sm-6",
        "information": "Check / Money order",
        "actions": {
          "class": "margin-bottom-l",
          "sides": [
            {
              "class": "",
              "action": [
                {
                  "link": {
                    "text": "Change",
                    "class": "actions-group__link"
                  }
                },
                {
                  "link": {
                    "text": "",
                    "class": "actions-group__link"
                  }
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "shippingAddresses": {
    "title": {
      "tag": "h2",
      "class": "dashboard-items__title margin-bottom-sm",
      "text": "Shipping Information"
    },
    "informations": [
      {
        "title": {
          "tag": "h3",
          "class": "dashboard-items__subtitle",
          "text": "Shipping To"
        },
        "class": "col-sm-6",
        "information": "Arizona, 11-123, United States, T: 232112123",
        "actions": {
          "class": "margin-bottom-l",
          "sides": [
            {
              "class": "",
              "action": [
                {
                  "link": {
                    "text": "Change",
                    "class": "actions-group__link"
                  }
                },
                {
                  "link": {
                    "text": "",
                    "class": "actions-group__link"
                  }
                }
              ]
            }
          ]
        }
      },
      {
        "title": {
          "tag": "h3",
          "class": "dashboard-items__subtitle",
          "text": "Shipping Method"
        },
        "class": "col-sm-6",
        "information": "Flat Rate (Fixed) $20.00",
        "actions": {
          "class": "margin-bottom-l",
          "sides": [
            {
              "class": "",
              "action": [
                {
                  "link": {
                    "text": "Change",
                    "class": "actions-group__link"
                  }
                },
                {
                  "link": {
                    "text": "",
                    "class": "actions-group__link"
                  }
                }
              ]
            }
          ]
        }
      }
    ]
  },
  "table": {
    "class": "margin-bottom-l",
    "captionText": "This is a table. Binded text in caption should explain what kind of data this table presents. Can be also a longer text with inline HTML elements inside",
    "mainTags": [
      {
        "mainTag": "thead",
        "rowTags": [
          {
            "rowTag": "tr",
            "rowTagAttributes": "role=\"row\"",
            "childTags": [
              {
                "childTag": "th",
                "content": "Item",
                "childTagAttributes": "scope=\"col\" role=\"columnheader\""
              },
              {
                "childTag": "th",
                "content": "Price",
                "childTagAttributes": "scope=\"col\" role=\"columnheader\""
              },
              {
                "childTag": "th",
                "content": "Quantity",
                "childTagAttributes": "scope=\"col\" role=\"columnheader\""
              },
              {
                "childTag": "th",
                "content": "Subtotal",
                "childTagAttributes": "scope=\"col\" role=\"columnheader\""
              }
            ]
          }
        ]
      },
      {
        "mainTag": "tbody",
        "rowTags": [
          {
            "rowTag": "tr",
            "rowTagAttributes": "role=\"row\"",
            "childTags": [
              {
                "childTag": "td",
                "childTagAttributes": "data-th=\"Item:\" role=\"gridcell\"",
                "content": "Simple product with long name 1"
              },
              {
                "childTag": "td",
                "childTagAttributes": "data-th=\"Price:\" role=\"gridcell\"",
                "content": "$7.59"
              },
              {
                "childTag": "td",
                "childTagAttributes": "data-th=\"Quantity:\" role=\"gridcell\"",
                "content": "2"
              },
              {
                "childTag": "td",
                "childTagAttributes": "data-th=\"Subtotal:\" role=\"gridcell\"",
                "content": "$1,99.98"
              }
            ]
          },
          {
            "rowTag": "tr",
            "rowTagAttributes": "role=\"row\"",
            "childTags": [
              {
                "childTag": "td",
                "childTagAttributes": "data-th=\"Item:\" role=\"gridcell\"",
                "content": "Simple product with long name 1"
              },
              {
                "childTag": "td",
                "childTagAttributes": "data-th=\"Price:\" role=\"gridcell\"",
                "content": "$7.59"
              },
              {
                "childTag": "td",
                "childTagAttributes": "data-th=\"Quantity:\" role=\"gridcell\"",
                "content": "2"
              },
              {
                "childTag": "td",
                "childTagAttributes": "data-th=\"Subtotal:\" role=\"gridcell\"",
                "content": "$1,99.98"
              }
            ]
          }
        ]
      },
      {
        "mainTag": "tfoot",
        "rowTags": [
          {
            "rowTag": "tr",
            "rowTagAttributes": "role=\"row\"",
            "childTags": [
              {
                "childTag": "td",
                "content": "Subtotal",
                "childTagAttributes": "colspan='3' role=\"gridcell\""
              },
              {
                "childTag": "td",
                "content": "$20.00",
                "childTagAttributes": "colspan='1' role=\"gridcell\""
              }
            ]
          },
          {
            "rowTag": "tr",
            "rowTagAttributes": "role=\"row\"",
            "childTags": [
              {
                "childTag": "td",
                "content": "Shipping & Handling",
                "childTagAttributes": "colspan='3' role=\"gridcell\""
              },
              {
                "childTag": "td",
                "content": "$20.00",
                "childTagAttributes": "colspan='1' role=\"gridcell\""
              }
            ]
          },
          {
            "rowTag": "tr",
            "rowTagAttributes": "role=\"row\"",
            "childTags": [
              {
                "childTag": "td",
                "content": "Tax",
                "childTagAttributes": "colspan='3' role=\"gridcell\""
              },
              {
                "childTag": "td",
                "content": "$20.00",
                "childTagAttributes": "colspan='1' role=\"gridcell\""
              }
            ]
          },
          {
            "rowTag": "tr",
            "rowTagAttributes": "role=\"row\"",
            "childTags": [
              {
                "childTag": "td",
                "content": "Total for this address",
                "childTagAttributes": "colspan='3' role=\"gridcell\""
              },
              {
                "childTag": "td",
                "content": "$20.00",
                "childTagAttributes": "colspan='1' role=\"gridcell\""
              }
            ]
          }
        ]
      }
    ]
  },
  "checkbox": {
    "id": "checkbox",
    "name": "checkbox-name",
    "attributes": "",
    "label": {
      "text": "I have read and accept the privacy policy",
      "class": ""
    }
  },
  "grandTotalLabel": "Grand Total:",
  "price": {
    "class": "margin-bottom-m",
    "regularPrice": "2,035.95",
    "specialPrice": "",
    "prefix": {
      "tag": "",
      "text": "Grand Total: $"
    }
  },
  "actions": {
    "class": "margin-vc-m",
    "sides": [
      {
        "action": [
          {
            "button": {
              "text": "Place Order",
              "class": "actions-group__button"
            }
          }
        ]
      },
      {
        "action": [
          {
            "link": {
              "text": "Back to Billing Information",
              "title": "Back to Billing Information",
              "class": "actions-group__link"
            }
          }
        ]
      }
    ]
  }
}

There are no notes for this item.