<form action="/" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="EVAgqqrZVbHNplQyMubtbhG-vHHKZSWFzR6IsFX3oz2bWufe4hEX25ynv9lRBWtpD7fz6wZeoYsXZ-QAPnBd3A" autocomplete="off" />
  <h2>
    Have you been claimed by anyone else on a tax return for 2024?
  </h2>
  <p>
    Explanation of what it means to be claimed.
  </p>
  <div class="border-zinc-300 border rounded-md p-4 space-y-4">
    <div class="space-y-4" x-data x-init="Alpine.store('pineapple_pizza_preference', '');">
      <input value="" autocomplete="off" type="hidden" name="form_component_preview_test_model[pineapple_pizza_preference]" id="form_component_preview_test_model_pineapple_pizza_preference" />
      <div class="space-y-4"><input type="hidden" name="form_component_preview_test_model[pineapple_pizza_preference]" value="" autocomplete="off" />
        <div class="radio_button_item"><input x-model="$store.pineapple_pizza_preference" type="radio" value="yes" name="form_component_preview_test_model[pineapple_pizza_preference]" id="form_component_preview_test_model_pineapple_pizza_preference_yes" /><label for="form_component_preview_test_model_pineapple_pizza_preference_yes">Yes</label></div>
        <div class="radio_button_item"><input x-model="$store.pineapple_pizza_preference" type="radio" value="no" name="form_component_preview_test_model[pineapple_pizza_preference]" id="form_component_preview_test_model_pineapple_pizza_preference_no" /><label for="form_component_preview_test_model_pineapple_pizza_preference_no">No</label></div>
      </div>
    </div>
  </div>
  <div class="border-zinc-300 border rounded-md p-4 space-y-4">
    <div class="space-y-2">
      <label class="label block " for="form_component_preview_test_model_first_name">Text input label</label>
      <input class="w-full max-w-sm border border-zinc-900" type="text" name="form_component_preview_test_model[first_name]" id="form_component_preview_test_model_first_name" />
    </div>
  </div>
  <div class="border-zinc-300 border rounded-md p-4 space-y-4">
    <div class="space-y-2">
      <label class="label block " for="form_component_preview_test_model_last_name">Text input label</label>
      <p class="help_text">
        Help text
      </p>
      <input class="w-full max-w-sm border border-zinc-900" type="text" name="form_component_preview_test_model[last_name]" id="form_component_preview_test_model_last_name" />
    </div>
  </div>
  <div class="border-zinc-300 border rounded-md p-4 space-y-4">
    <div class="space-y-4" x-data x-init="Alpine.store('favorite_fruits', []);">
      <input value="" autocomplete="off" type="hidden" name="form_component_preview_test_model[favorite_fruits]" id="form_component_preview_test_model_favorite_fruits" />
      <input type="hidden" name="form_component_preview_test_model[favorite_fruits][]" value="" autocomplete="off" />
      <div class="checkbox_item"><input x-model="$store.favorite_fruits" type="checkbox" value="orange" name="form_component_preview_test_model[favorite_fruits][]" id="form_component_preview_test_model_favorite_fruits_orange" /><label for="form_component_preview_test_model_favorite_fruits_orange">Orange</label></div>
      <div class="checkbox_item"><input x-model="$store.favorite_fruits" type="checkbox" value="banana" name="form_component_preview_test_model[favorite_fruits][]" id="form_component_preview_test_model_favorite_fruits_banana" /><label for="form_component_preview_test_model_favorite_fruits_banana">Banana</label></div>
      <div class="checkbox_item"><input x-model="$store.favorite_fruits" type="checkbox" value="apple" name="form_component_preview_test_model[favorite_fruits][]" id="form_component_preview_test_model_favorite_fruits_apple" /><label for="form_component_preview_test_model_favorite_fruits_apple">Apple</label></div>
    </div>
  </div>
  <input type="submit" name="commit" value="Continue" class="btn btn--large btn--primary" data-disable-with="Continue" />
</form>