Checkbox field

<.checkbox_field color="base" />
<.checkbox_field color="white" />
<.checkbox_field color="primary" />
<.checkbox_field color="secondary" />
<.checkbox_field color="dark" />
<.checkbox_field color="success" />
<.checkbox_field color="warning" />
<.checkbox_field color="danger" />
<.checkbox_field color="info" />
<.checkbox_field color="light" />
<.checkbox_field color="misc" />
<.checkbox_field color="dawn" />

<.checkbox_field label_class="your_classes" />

<.checkbox_field reverse />
<.checkbox_field />

<.checkbox_field checked />

<.checkbox_field multiple />

<.group_checkbox id="" variation="horizontal" name="" space="large" color="danger">
  <:checkbox value="10">Label of item 1 in group</:checkbox>
  <:checkbox value="30">Label of item 2 in group</:checkbox>
  <:checkbox value="50">Label of item 3 in group</:checkbox>
  <:checkbox value="60" checked={true}>Label of item 4 in group</:checkbox>
</.group_checkbox>

<!--Default is vertical variation-->
<.group_checkbox id="" name="" space="large" color="info">
  <:checkbox value="10">Label of item 1 in group</:checkbox>
  <:checkbox value="30">Label of item 2 in group</:checkbox>
  <:checkbox value="50">Label of item 3 in group</:checkbox>
  <:checkbox value="60" checked={true}>Label of item 4 in group</:checkbox>
</.group_checkbox>

<.form_wrapper
    for={@form}
    id="user-form"
    phx-change="validate"
    phx-submit="save"
    class="space-y-5"
  >
    <.input label="Full name" field={@form[:fullname]} />

    <.input
      field={@form[:job]}
      type="select"
      label="Choose your Job"
      options={Ecto.Enum.values(User, :job)}
    />

    <.h3>What is your hobbies?</.h3>

    <.group_checkbox variation="horizontal" field={@form[:hobbies]} color="danger">
      <:checkbox
        value="reading"
        checked={checkbox_check(:list, {:hobbies, "reading"}, @form)}
      >
        Reading
      </:checkbox>
      <:checkbox
        value="programming"
        checked={checkbox_check(:list, {:hobbies, "programming"}, @form)}
      >
        Programming
      </:checkbox>
      <:checkbox
        value="photography"
        checked={checkbox_check(:list, {:hobbies, "photography"}, @form)}
      >
        Photography
      </:checkbox>
    </.group_checkbox>

    <hr />

    <.toggle_field
      field={@form[:accepted_terms]}
      label="Terms"
      checked={toggle_check(:accepted_terms, @form)}
      color="primary"
      phx-debounce="300"
    />

    <:actions>
      <.button phx-disable-with="Saving...">Save User</.button>
    </:actions>
  </.form_wrapper>