{% comment %} {{form.CustomerRefFullName.errors}}
            
            {% if form.non_field_errors %}
            <ul>
              {% for error in form.non_field_errors %}
                <li>{{ error }}</li>
              {% endfor %}
            </ul>
            {% endif %}

            {% for hidden_field in form.hidden_fields %}
            {% if hidden_field.errors %}
              <ul>
                {% for error in hidden_field.errors %}
                  <li>(Hidden field {{ hidden_field.name }}) {{ error }}</li>
                {% endfor %}
              </ul>
            {% endif %}
            {{ hidden_field }}
            {% endfor %}

            <table border="1">
                {% for field in form.visible_fields %}
                  <tr>
                    <th>{{ field.label_tag }}</th>
                    <td>
                      {% if field.errors %}
                        <ul>
                          {% for error in field.errors %}
                            <li>{{ error }}</li>
                          {% endfor %}
                        </ul>
                      {% endif %}
                      {{ field }}
                      {% if field.help_text %}
                        <br />{{ field.help_text }}
                      {% endif %}
                    </td>
                  </tr>
                {% endfor %}
              </table> {% endcomment %}



{% comment %} <div class="container-fluid">
            <div class="row">
              <div class="col-9">
                <div class="row">
                  <div class="col-9">
                  I'm the first element in the nested grid
                  </div>
                  <div class="col-3">
                  I'm the second element in the nested grid
                  </div>
                </div>
              </div>
              <div class="col-3">
              I'm the second element in the first grid
              </div>
              <div class="col-9">
              I'm the third element in the first grid
              </div>
            </div>
          </div>

          <div class="container">

            <div class="row">
                <div class="col-6">{{form.CustomerRefFullName|as_crispy_field}}</div>

            <div class="row">
              <div class="col">{{form.BillAddr1|as_crispy_field}}</div>
              <div class="col">
                <div class="row">
                  <div class="col">{{form.TxnDate|as_crispy_field}}</div>
                  <div class="col">{{form.RefNumber|as_crispy_field}}</div>
                </div>
                <div class="row">
                  <div class="col-5l">{{form.CustomerRefFullName|as_crispy_field}}</div>
                  <div class="col-4">{{form.BillAddr3|as_crispy_field}}</div>
                  <div class="col">{{form.RefNumber|as_crispy_field}}</div>
                </div>
              </div>
              <div class="col">Outer row 1, column 3 - spans two rows (column 2 has two rows)</div>
            </div>
          </div>

          <div class="container">
            <div class="row">
              <div class="col">{{form.BillAddr1|as_crispy_field}}</div>
              <div class="col">
                <div class="row">
                  <div class="col">{{form.CustomerRefFullName|as_crispy_field}}</div>
                  <div class="col">{{form.CustomerRefFullName|as_crispy_field}}</div>
                </div>
                <div class="row">
                  <div class="col">{{form.CustomerRefFullName|as_crispy_field}}</div>
                  <div class="col">{{form.CustomerRefFullName|as_crispy_field}}</div>
                  <div class="col">{{form.CustomerRefFullName|as_crispy_field}}</div>
                </div>
              </div>
              <div class="col">Outer row 1, column 3 - spans two rows (column 2 has two rows)</div>
            </div>
          </div> 
         {% endcomment %}