simple.hbs

<div role="none">
  {{#if @allowDelete}}
    <div class="flex justify-end">
      <button type="button" {{on "click" @onDelete}}>
        <TrashIcon class="size-5 stroke-red-500" />
      </button>
    </div>
  {{/if}}
  <form {{on "submit" this.submitLog}}>
    <div>
      <label
        for="hours"
        class="block text-sm font-semibold leading-6 text-gray-700"
      >Hours Worked</label>
      <input
        type="number"
        id="hours"
        min={{0}}
        class="h-10 mt-1 block w-full border-gray-200 rounded shadow-sm focus:ring-indigo-500 focus:border-indigo-500 sm:text-sm"
        value={{this.hours}}
        {{on "input" this.updateHours}}
        {{focus true}}
      />
    </div>

    <div class="mt-2">
      <label
        for="project"
        class="block text-sm font-semibold text-gray-700"
      >Project</label>
      <div class="mt-1">
        <ProjectPillRadioGroup
          @onChangeSelected={{set this "project"}}
          @projects={{@favoriteProjects}}
          @selectedProject={{this.project}}
        />
      </div>
    </div>
    <div class="block h-10 mt-2">
      <ProjectsPowerselect
        @onChange={{set this "project"}}
        @selectedProject={{this.project}}
      />
    </div>
    <div class="flex justify-between mt-4">
      <button
        type="button"
        class="mr-2 inline-flex justify-center px-4 py-2 text-gray-500 font-medium"
        {{on "click" this.closePopover}}
      >
        Cancel
      </button>
      <button
        type="submit"
        class="inline-flex justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-indigo-600 hover:bg-indigo-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-indigo-500"
      >
        Save
      </button>
    </div>
  </form>
</div>