<div class="delivery-address-block">
  <div class="delivery-address-block__info">
      Please fill in your details below. This information will be used for your delivery and payment.
  </div>

  <div class="delivery-address-block__form">
    <div class="delivery-address-block__form-item">
        <div class="form-row" data-form-field>
            <label class="form-row__label form-row__label_required" for="title">Title</label>
            <div class="form-row__field">
                <div class="ddn {{mod}} {{#if error}}ddn_error{{/if}} select-form">
                    <select id="title" name="title" {{#if disabled}}disabled{{/if}}>
                        <option value="" disabled selected hidden>Please select</option>
                        <option value="delivery-address_mr" data-val="delivery-address_mr">Mr</option>
                        <option value="delivery-address_mrs" data-val="delivery-address_mrs">Mrs</option>
                        <option value="delivery-address_miss" data-val="delivery-address_miss">Miss</option>
                        <option value="delivery-address_ms" data-val="delivery-address_ms">Ms</option>
                        <option value="delivery-address_dr." data-val="delivery-address_dr.">Dr.</option>
                        <option value="delivery-address_rev." data-val="delivery-address_rev.">Rev.</option>
                    </select>
                    <span class="icon"><i class="fas fa-chevron-down"></i></span>
                </div>
            </div>
        </div>
    </div>    
    <div class="delivery-address-block__form-item">
      {{> form-row type="firstName" id="firstName" label="First name" required="true"}}
    </div>
    <div class="delivery-address-block__form-item">
      {{> form-row type="surname" id="surname" label="Surname" required="true"}}
    </div>
    <div class="delivery-address-block__form-item">
      {{> form-row type="mobileNumber" id="mobileNumber" label="Mobile number" required="true"}}
    </div>
    <div class="delivery-address-block__form-item">
      {{> form-row type="homeNumber" id="homeNumber" label="Home number"}}
    </div>
  </div>

  <div class="delivery-address-block__form">
    <div class="delivery-address-block__form-item">
      {{> address-postcode-look-up }}
    </div>
  </div>

  {{#if checkboxTrue}}
    <div class="form-row">
      <div class="form-row__field">
        {{> checkbox id="save-address" label="Save this address to my address book" }}
      </div>
    </div>

    <div class="form-row">
      <div class="form-row__field">
        {{> checkbox id="set-as-default-address" label="Make this my default address" }}
      </div>
    </div>
  {{/if}}

</div>
