<!doctype html>
< html class = "text-slate-700" >
< head >
< title > Edit Contact - Kickstarter for Time< / title >
< meta charset = "UTF-8" >
< meta name = "viewport" content = "width=device-width, initial-scale=1.0" >
<!-- Tailwind -->
< script src = "https://cdn.tailwindcss.com?plugins=forms" > < / script >
<!-- Font Awesome -->
< script src = "https://kit.fontawesome.com/2396c18fde.js" crossorigin = "anonymous" > < / script >
< link href = "css/main.css" rel = "stylesheet" >
< / head >
< body >
<!-- CONTENT -->
< section id = "Content" class = "p-6 pb-24" >
<!-- Breadcrumb -->
< div id = "ViewBreadcrumb" class = "mb-8" >
< h1 class = "text-lg text-center font-light relative px-7" >
<!-- Cancel -->
< a href = "contact-view.html" class = "text-lg text-center px-2 py-1 absolute -left-2 -top-1" > < i class = "fa-solid fa-chevron-left fa-fw" > < / i > < / a >
Edit Contact
< / h1 >
< / div >
< form >
< input type = "text" placeholder = "Nickname" class = "block w-full rounded border-slate-400 mb-4" required / >
< input type = "text" placeholder = "DID" value = "did:ethr:0x000Ee5654b9742f6Fe18ea970e32b97ee2247B51" class = "block w-full rounded border-slate-400 mb-4 disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none" disabled / >
< input type = "text" placeholder = "Public Key (optional)" value = "MEgCQQCo9+BpMRYQ/dL3DS2CyJxRF+j6ctbT3/Qp84+KeFhnii7NT7fELilKUSnx
S30WAvQCCo2yU1orfgqr41mM70MBAgMBAAE=" class="block w-full rounded border-slate-400 mb-4 disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none" disabled />
< p class = "text-sm text-slate-500 text-center mb-4" > Entered the wrong DID / public key by mistake? Delete this contact and create a new one, instead.< / p >
< div class = "mt-8" >
< button type = "button" class = "block w-full text-center text-lg font-bold uppercase bg-blue-600 text-white px-2 py-3 rounded-md mb-2" > Save Changes< / button >
<!-- SHOW ME instead while processing saving changes -->
<!-- <button type="button" class="block w - full text - center text - lg font - bold uppercase bg - blue - 600 text - white px - 2 py - 3 rounded - md mb - 2">Processing… <i class="fa - solid fa - spinner fa - spin - pulse" disabled></i></button> -->
< button type = "button" class = "block w-full text-center text-md uppercase bg-slate-500 text-white px-1.5 py-2 rounded-md" > Cancel< / button >
< / div >
< / form >
< / section >
< / body >
< / html >
