dynform-creditcard.json

[
  {
    "rows": [
      {
        "attrs": { "class": "row" },
        "cells": [
          {
            "attrs": {},
            "container_attrs": { "class": "col s12" },
            "display_name": "Datos de la tarjeta de crédito o débito",
            "help": "",
            "html_name": "heading",
            "label_attrs": {},
            "type": "h2"
          }
        ],
        "prototype": "Row"
      },

      {
        "attrs": { "class": "row" },
        "cells": [
          {
            "attrs": { "class": "browser-default", "style": "height: 2rem;margin-top: 1rem" },
            "container_attrs": { "class": "input-field col s12 m3" },
            "display_name": "Tipo de tarjeta",
            "help": "",
            "html_name": "payment__card_type",
            "label_attrs": { "style": "font-size: .8rem;top: -.8rem" },
            "options": [
              { "default": true, "name": "American Express", "value": "AMEX" },
              { "name": "Mastercard", "value": "MASTERCARD" },
              { "name": "Visa", "value": "VISA" }
            ],
            "type": "select"
          },
          {
            "attrs": {},
            "container_attrs": { "class": "input-field col s12 m5" },
            "display_name": "Titular de la tarjeta",
            "help": "",
            "html_name": "payment__cardholder",
            "label_attrs": {},
            "type": "text"
          },
          {
            "attrs": {},
            "container_attrs": { "class": "input-field col s12 m4" },
            "display_name": "Número de tarjeta",
            "help": "",
            "html_name": "nosave__card_number",
            "label_attrs": {},
            "type": "text"
          }
        ],
        "prototype": "Row"
      },

      {
        "attrs": { "class": "row" },
        "cells": [
          {
            "attrs": { "class": "browser-default", "style": "height: 2rem;margin-top: 1rem" },
            "container_attrs": { "class": "input-field col s12 m3 offset-m2" },
            "display_name": "Mes expiración",
            "help": "",
            "html_name": "nosave__expiry_month",
            "label_attrs": { "style": "font-size: .8rem;top: -.8rem" },
            "options": [
              { "default": true, "name": "01 - Enero", "value": "01" },
              { "name": "02 - Febrero", "value": "02" },
              { "name": "03 - Marzo", "value": "03" },
              { "name": "04 - Abril", "value": "04" },
              { "name": "05 - Mayo", "value": "05" },
              { "name": "06 - Junio", "value": "06" },
              { "name": "07 - Julio", "value": "07" },
              { "name": "08 - Agosto", "value": "08" },
              { "name": "09 - Septiembre", "value": "09" },
              { "name": "10 - Octubre", "value": "10" },
              { "name": "11 - Noviembre", "value": "11" },
              { "name": "12 - Diciembre", "value": "12" }
            ],
            "type": "select"
          },
          {
            "attrs": { "class": "browser-default", "style": "height: 2rem;margin-top: 1rem" },
            "container_attrs": { "class": "input-field col s12 m3" },
            "display_name": "Año expiración",
            "help": "",
            "html_name": "nosave__expiry_year",
            "label_attrs": { "style": "font-size: .8rem;top: -.8rem" },
            "options": [
              { "default": true, "name": "2017", "value": "17" },
              { "name": "2018", "value": "18" },
              { "name": "2019", "value": "19" },
              { "name": "2020", "value": "20" },
              { "name": "2021", "value": "21" }
            ],
            "type": "select"
          },
          {
            "attrs": {},
            "container_attrs": { "class": "input-field col s12 m2" },
            "display_name": "CVV",
            "help": "",
            "html_name": "nosave__cvv",
            "label_attrs": {},
            "type": "text"
          }
        ],
        "prototype": "Row"
      }
    ]
  }
]