<turbo-stream action="update" target="new_task"><template>
  <div class="card">
    <h3>New task</h3>
    <form action="/tasks" accept-charset="UTF-8" method="post"><input type="hidden" name="authenticity_token" value="RWf56jXZaBVkLlgFEzTC1724syNctfxmiB3OqFv-bLCR1YSqFvZu5FWMxc4T5GNxLGANVS9S--43bc8d6uivSg" autocomplete="off" />
    <input value="24" autocomplete="off" type="hidden" name="task[parent_task_id]" id="task_parent_task_id" />
  <div class="flex flex-col gap-2">
    <div>
      <input placeholder="Name" class="form-control-full" type="text" name="task[name]" id="task_name" />
      <span class='text-sm text-red-400'></span>
    </div>
    <div>
      <input placeholder="URL" class="form-control-full" type="text" name="task[url]" id="task_url" />
    </div>
    <div class="flex gap-2">
      <input type="submit" name="commit" value="Save" class="btn-sm btn-color-primary" data-disable-with="Save" />
        <a class="text-link" href="/tasks/24">Cancel</a>
    </div>
  </div>
</form>
  </div>
</template></turbo-stream>