fix(ui): lead diagnosis form with free-text, optional code
Deploy Ladill Care / deploy (push) Successful in 1m58s

Reorder consultation diagnoses so clinicians enter the diagnosis
first; retitle the ICD field as an optional code with a skip-friendly hint.
This commit is contained in:
isaacclad
2026-07-17 06:47:31 +00:00
parent 6c9051d2c6
commit 8706be3c95
@@ -359,15 +359,28 @@
</div>
<template x-for="(dx, index) in diagnoses" :key="index">
<div class="mt-4 grid gap-3 rounded-xl border border-slate-100 bg-slate-50 p-4 sm:grid-cols-2">
<div>
<label class="block text-xs text-slate-500">ICD code</label>
<input type="text" :name="'diagnoses['+index+'][code]'" x-model="dx.code" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
</div>
<div>
<label class="block text-xs text-slate-500">Description</label>
<input type="text" :name="'diagnoses['+index+'][description]'" x-model="dx.description" class="mt-1 w-full rounded-lg border-slate-300 text-sm">
</div>
<div class="sm:col-span-2">
<label class="block text-xs text-slate-500">Diagnosis</label>
<input
type="text"
:name="'diagnoses['+index+'][description]'"
x-model="dx.description"
placeholder="e.g. Type 2 diabetes mellitus, ischaemic stroke"
class="mt-1 w-full rounded-lg border-slate-300 text-sm"
>
</div>
<div>
<label class="block text-xs text-slate-500">Code <span class="font-normal text-slate-400">(optional)</span></label>
<input
type="text"
:name="'diagnoses['+index+'][code]'"
x-model="dx.code"
placeholder="e.g. E11.9"
class="mt-1 w-full rounded-lg border-slate-300 text-sm"
>
<p class="mt-1 text-[11px] text-slate-400">ICD or local code if you know it leave blank if not.</p>
</div>
<div class="flex items-end pb-1">
<label class="inline-flex items-center gap-2 text-sm">
<input type="checkbox" :name="'diagnoses['+index+'][is_primary]'" value="1" x-model="dx.is_primary" class="rounded border-slate-300">
Primary diagnosis