{#- files: <li class="ui-file">icon · name and size (or a Progress while uploading) · status Badge · remove Form Button</li> -#}
<div style="max-width:480px">
<.file_upload field={Field::named("claim[evidence][]", "")} label="Upload evidence" hint="PDF, JPG or PNG, up to 10 MB each" accept=".pdf,.jpg,.png" multiple>
<:files>
<li class="ui-file"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg><div style="flex:1;display:grid;gap:4px"><div style="display:flex;justify-content:space-between"><span style="font-weight:500">passport-scan.pdf</span><span class="ui-muted">2.4 MB</span></div><progress class="ui-progress" value="60" max="100" aria-label="Uploading passport-scan.pdf"></progress></div></li>
<li class="ui-file"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"/><path d="M14 2v4a2 2 0 0 0 2 2h4"/></svg><div style="flex:1"><span style="font-weight:500">utility-bill.jpg</span> <span class="ui-muted">· 840 KB</span></div><.badge variant="success">Uploaded</.badge><.form_button action="/claims/1/evidence/2" method="delete" variant="ghost" size="icon-sm" label="Remove utility-bill.jpg"><svg class="ui-icon" viewBox="0 0 24 24" aria-hidden="true"><path d="M3 6h18"/><path d="M19 6v14c0 1-1 2-2 2H7c-1 0-2-1-2-2V6"/><path d="M8 6V4c0-1 1-2 2-2h4c1 0 2 1 2 2"/></svg></.form_button></li>
</:files>
</.file_upload>
</div>