Which family are you?

\\n

\\n ${LOOKUP.families.map(f=>``).join('')}\\n \\n

\\n ${pickFam===-1?`

Family name

`:''}\\n

Your phone (identity only)

\\n `;\\n}\\nasync function joinGroup(){\\n if(!pickFam)return toast('Pick your family first');\\n try{\\n const res=await api('/api/join',{code:LOOKUP.group.code,family_id:pickFam>0?pickFam:null,\\n family_name:pickFam===-1?$('jFam').value.trim():null,phone:$('jPhone').value.trim()});\\n SB.phone=$('jPhone').value.trim();\\n if(!SB.groups.find(g=>g.id===res.group.id))SB.groups.push({id:res.group.id,name:res.group.name,familyId:res.family.id,familyName:res.family.name});\\n saveSB();CUR=res.group.id;await loadState(CUR);\\n toast('Welcome to '+res.group.name+' \\ud83c\\udf89');goHome();\\n }catch(e){oops(e);}\\n}\\nasync function createGroup(){\\n try{\\n const res=await api('/api/groups',{group_name:$('gName').value.trim(),family_name:$('gFam').value.trim(),\\n phone:$('gPhone').value.trim(),holder:$('gHolder').value.trim(),\\n bank:$('gBank').value.trim(),sort_code:$('gSort').value.trim(),acct:$('gAcct').value.trim()});\\n SB.phone=$('gPhone').value.trim();\\n SB.groups.push({id:res.group.id,name:res.group.name,familyId:res.family.id,familyName:res.family.name});\\n saveSB();CUR=res.group.id;await loadState(CUR);\\n toast('Group created \\u2014 share code '+res.group.code+' \\ud83c\\udf89');goHome();\\n }catch(e){oops(e);}\\n}\\n\\n/* ================= home / groups ================= */\\nasync function renderGroups(){\\n await loadAll();\\n let mine=0,owedTo='';\\n SB.groups.forEach(g=>{const st=STATES[g.id];if(!st)return;const n=st.net[g.familyId]||0;mine=r2(mine+n);});\\n $('homeHero').innerHTML=`\\n

\\n

Your overall position

\\n

${mine<0?('\\u2212'+gbp(Math.abs(mine))):mine>0?('+'+gbp(mine)):'\\u00a30.00'}

\\n

${mine<0?'You owe across your groups':mine>0?'You are owed across your groups':'All settled across your groups \\ud83c\\udf89'}

\\n

`;\\n $('groupList').innerHTML=SB.groups.map(g=>{\\n const st=STATES[g.id];if(!st)return'';\\n const open=st.trips.find(t=>!['settled','cancelled'].includes(t.status));\\n const n=st.net[g.familyId]||0;\\n return `

\\n

\\ud83e\\udd6c

\\n

${esc(st.group.name)}

\\n

${st.families.map(f=>esc(f.name)).join(' \\u00b7 ')}

\\n

\\n ${open?`Trip ${esc(open.date||'open')}`:'No open trip'}\\n

${n<0?`You owe ${gbp(Math.abs(n))}`:n>0?`Owed ${gbp(n)}`:'Settled \\u2713'}

\\n

`;\\n }).join('')||'

No groups yet

';\\n}\\nasync function openGroup(gid){CUR=gid;await loadState(gid);go('s-group',STATES[gid].group.name,STATES[gid].families.length+' families \\u00b7 code '+STATES[gid].group.code);}\\n\\n/* ================= group detail ================= */\\nfunction statusChip(s){return {planning:'Planning',locked:'Locked',\\n settling:'Settling',settled:'Settled \\u2713',\\n cancelled:'Cancelled'}[s]||'';}\\nlet showArchived=false;\\nfunction tripCard(t){\\n return `

\\n

\\ud83e\\uddfa

\\n

${esc(t.title)}

\\n

${esc(t.date||'')}${t.location?' \\u00b7 '+esc(t.location):''} \\u00b7 ${esc(FAM(t.shopper_family_id).name)} shopping${t.receipt?' \\u00b7 '+gbp(t.receipt):''}

\\n ${t.archived?'\\ud83d\\udce6 Archived':statusChip(t.status)}\\n

`;\\n}\\nfunction renderGroup(){\\n const st=STATES[CUR];if(!st)return;\\n const activeTrips=st.trips.filter(t=>!t.archived);\\n const archTrips=st.trips.filter(t=>!!t.archived);\\n $('groupDetail').innerHTML=`\\n

\\n

\\ud83e\\udd6c

\\n

${esc(st.group.name)}

\\n

GBP \\u00a3 \\u00b7 admin: ${esc(FAM(st.group.admin_family_id).name)}${isAdmin()?' (you)':''}

\\n \\n

\\n

${st.families.map(f=>`${ini(f.name)}`).join('')}

\\n ${esc(st.group.code)}\\n

\\n

Anyone with this code can join as a family. Tap the code to share it on WhatsApp.

\\n

\\n\\n

\\ud83c\\udfe6 Payment details \\u2014 members only

\\n

\\n ${st.families.map(f=>{const canEdit=f.id===myFam()||isAdmin();return `

\\n \\n

${esc(f.name)}${f.id===st.group.admin_family_id?' admin':''}${f.holder?` \\u00b7 ${esc(f.holder)} \\u00b7 ${esc(f.bank)}
Sort ${esc(f.sort_code)} \\u00b7 Acct ${esc(f.acct)}`:'
No details added yet'}

\\n

\\n ${f.holder?``:''}\\n ${canEdit?``:''}\\n

\\n

`;}).join('')}\\n

Each family can edit its own details any time (the admin can too). Account info only, attached to payment requests.

\\n

\\n\\n

Trips

\\n ${activeTrips.map(tripCard).join('')||'

No open trips \\u2014 plan one!

'}\\n ${archTrips.length?`

\\ud83d\\udce6 ${archTrips.length} archived trip${archTrips.length>1?'s':''} moved to the History tab.

`:''}\\n\\n

Group balance (all trips)

\\n

\\n ${st.families.map(f=>{const n=st.net[f.id]||0;return `

\\n

${esc(f.name)}${f.id===myFam()?' (you)':''}

\\n 0?'pos':''}\\\">${n<0?'\\u2212':n>0?'+':''}${gbp(Math.abs(n))}

`;}).join('')}\\n

\\n \\n

\\n\\n `;\\n}\\nfunction shareCode(){\\n const st=STATES[CUR];\\n const t=`\\ud83e\\uddfa Join our grocery group *${st.group.name}* on SplitBasket!\\\\nOpen ${location.origin} and enter code *${st.group.code}*`;\\n window.open('https://wa.me/?text='+encodeURIComponent(t),'_blank');\\n}\\nfunction copyBank(fid){\\n const f=(STATES[CUR]?.families||[]).find(x=>x.id===fid);if(!f)return;\\n const txt=`${f.holder} \\u00b7 ${f.bank} \\u00b7 Sort ${f.sort_code} \\u00b7 Acct ${f.acct}`;\\n try{navigator.clipboard.writeText(txt);toast('\\ud83d\\udccb Copied: '+f.bank+' details');}catch(e){toast('\\ud83d\\udccb '+txt);}\\n}\\n\\n/* ================= edit family / group / trip ================= */\\nlet editFamId=null;\\nfunction openFamEdit(fid){\\n const f=(STATES[CUR]?.families||[]).find(x=>x.id===fid);if(!f)return;\\n editFamId=fid;\\n $('famSheetTitle').textContent='\\u270e '+famLabel(f.name);\\n $('fName').value=f.name;$('fHolder').value=f.holder||'';$('fBank').value=f.bank||'';\\n $('fSort').value=f.sort_code||'';$('fAcct').value=f.acct||'';\\n $('famRemoveWrap').style.display=(isAdmin()&&fid!==myFam())?'block':'none';\\n $('famSheet').classList.add('show');\\n}\\nasync function removeFam(){\\n const f=(STATES[CUR]?.families||[]).find(x=>x.id===editFamId);\\n if(!confirm('Remove '+famLabel(f.name)+' from the group? Only possible if they have no purchase/payment history.'))return;\\n try{\\n await api('/api/families/'+editFamId+'/delete',{by_family_id:myFam()});\\n $('famSheet').classList.remove('show');\\n await loadState(CUR);renderGroup();\\n toast(famLabel(f.name)+' removed from group \\ud83d\\uddd1');\\n }catch(e){oops(e);}\\n}\\nasync function saveFam(){\\n try{\\n await api('/api/families/'+editFamId,{by_family_id:myFam(),name:$('fName').value,holder:$('fHolder').value.trim(),\\n bank:$('fBank').value.trim(),sort_code:$('fSort').value.trim(),acct:$('fAcct').value.trim()});\\n $('famSheet').classList.remove('show');\\n const mine=SB.groups.find(g=>g.id===CUR);\\n if(mine&&editFamId===mine.familyId){mine.familyName=$('fName').value.trim()||mine.familyName;saveSB();}\\n await loadState(CUR);renderGroup();toast('Family details saved \\u2713');\\n }catch(e){oops(e);}\\n}\\nfunction openGroupEdit(){\\n const st=STATES[CUR];\\n $('gEditName').value=st.group.name;\\n const admin=isAdmin();\\n $('gEditName').disabled=!admin;$('gRenameBtn').style.display=admin?'block':'none';\\n $('gDeleteBtn').style.display=admin?'block':'none';\\n $('gSheetHint').textContent=admin\\n ?'Deleting wipes the group, its trips and history for everyone \\u2014 there is no undo.'\\n :'Only the group admin ('+FAM(st.group.admin_family_id).name+') can rename or delete this group.';\\n $('groupSheet').classList.add('show');\\n}\\nasync function saveGroupName(){\\n try{\\n await api('/api/groups/'+CUR,{by_family_id:myFam(),name:$('gEditName').value});\\n $('groupSheet').classList.remove('show');\\n const mine=SB.groups.find(g=>g.id===CUR);if(mine)mine.name=$('gEditName').value.trim();saveSB();\\n await loadState(CUR);\\n go('s-group',STATES[CUR].group.name,STATES[CUR].families.length+' families \\u00b7 code '+STATES[CUR].group.code);\\n toast('Group renamed \\u2713');\\n }catch(e){oops(e);}\\n}\\nfunction leaveGroup(){\\n if(!confirm('Leave this group? It disappears from this device \\u2014 data stays on the server and you can rejoin with the share code.'))return;\\n SB.groups=SB.groups.filter(g=>g.id!==CUR);saveSB();\\n delete STATES[CUR];CUR=SB.groups[0]?.id||null;\\n $('groupSheet').classList.remove('show');\\n toast('Left the group');\\n SB.groups.length?goHome():show('s-join','SplitBasket','Join your group');\\n}\\nasync function deleteGroup(){\\n if(!confirm('Delete this group PERMANENTLY for everyone? All trips, items and history will be wiped. This cannot be undone.'))return;\\n if(!confirm('Really sure? Last chance.'))return;\\n try{\\n await api('/api/groups/'+CUR+'/delete',{by_family_id:myFam()});\\n SB.groups=SB.groups.filter(g=>g.id!==CUR);saveSB();\\n delete STATES[CUR];CUR=SB.groups[0]?.id||null;\\n $('groupSheet').classList.remove('show');\\n toast('Group deleted');\\n SB.groups.length?goHome():show('s-join','SplitBasket','Join your group');\\n }catch(e){oops(e);}\\n}\\nfunction openTripEdit(){\\n const t=TRIP.trip;const st=STATES[CUR];\\n $('eTitle').value=t.title;$('eDate').value=t.date||'';$('eLoc').value=t.location||'';\\n $('eShopper').innerHTML=st.families.map(f=>``).join('');\\n $('eUnlock').style.display=['locked','settling'].includes(t.status)?'inline-block':'none';\\n $('eArchive').textContent=t.archived?'\\ud83d\\udce4 Unarchive':'\\ud83d\\udce6 Archive';\\n $('eArchive').style.display=(t.status==='settled'||t.archived)?'inline-block':'none';\\n $('tripSheet').classList.add('show');\\n}\\nasync function saveTripEdit(){\\n try{\\n await api('/api/trips/'+curTripId+'/update',{by_family_id:myFam(),title:$('eTitle').value,\\n date:$('eDate').value,location:$('eLoc').value,shopper_family_id:Number($('eShopper').value)});\\n $('tripSheet').classList.remove('show');\\n await loadTrip(curTripId);await loadState(CUR);\\n refreshScreen(document.querySelector('.screen.active')?.id);\\n toast('Trip updated \\u2713');\\n }catch(e){oops(e);}\\n}\\nasync function unlockTrip(){\\n try{\\n await api('/api/trips/'+curTripId+'/update',{by_family_id:myFam(),status:'planning'});\\n $('tripSheet').classList.remove('show');\\n await loadTrip(curTripId);await loadState(CUR);\\n go('s-trip',TRIP.trip.title,TRIP.trip.date||'');\\n toast('Unlocked \\u2014 families can change picks again \\ud83d\\udd13');\\n }catch(e){oops(e);}\\n}\\nasync function toggleArchive(){\\n try{\\n const to=TRIP.trip.archived?0:1;\\n await api('/api/trips/'+curTripId+'/update',{by_family_id:myFam(),archived:to});\\n $('tripSheet').classList.remove('show');\\n await loadTrip(curTripId);await loadState(CUR);\\n toast(to?'Trip archived \\u2014 find it in History \\ud83d\\udce6':'Trip unarchived \\ud83d\\udce4');\\n to?navHist():go('s-group',STATES[CUR].group.name,STATES[CUR].families.length+' families \\u00b7 code '+STATES[CUR].group.code);\\n }catch(e){oops(e);}\\n}\\nasync function deleteTrip(){\\n if(!confirm('Delete this trip and all its items? This cannot be undone.'))return;\\n try{\\n await api('/api/trips/'+curTripId+'/delete',{by_family_id:myFam()});\\n $('tripSheet').classList.remove('show');\\n curTripId=null;TRIP=null;\\n await loadState(CUR);\\n go('s-group',STATES[CUR].group.name,STATES[CUR].families.length+' families \\u00b7 code '+STATES[CUR].group.code);\\n toast('Trip deleted \\ud83d\\uddd1');\\n }catch(e){oops(e);}\\n}\\n\\n/* ================= new trip ================= */\\nfunction renderNewTrip(){\\n const st=STATES[CUR];if(!st)return;\\n $('tShopper').innerHTML=st.families.map(f=>``).join('');\\n}\\nasync function createTrip(){\\n try{\\n const res=await api('/api/trips',{group_id:CUR,title:$('tTitle').value.trim()||'Grocery run',\\n date:$('tDate').value,location:$('tLoc').value.trim(),shopper_family_id:Number($('tShopper').value),\\n created_by_family_id:myFam()});\\n await loadState(CUR);toast('Trip created \\u2014 time to make picks \\ud83e\\uddfa');\\n openTrip(res.trip.id);\\n }catch(e){oops(e);}\\n}\\nasync function openTrip(id){\\n await loadTrip(id);if(!TRIP)return;\\n const t=TRIP.trip;\\n const sub=`${t.date||''}${t.location?' \\u00b7 '+t.location:''}`;\\n if(t.status==='planning')go('s-trip',t.title,sub);\\n else if(t.status==='locked')go('s-shop',canShopNow(t)?'Shopping mode':'Watching live \\ud83d\\udc40',\\n famLabel(FAM(t.shopper_family_id).name)+(canShopNow(t)?' \\u00b7 enter receipt totals':' is shopping'));\\n else go('s-split','Breakdown',t.title+' \\u00b7 '+gbp(compute(TRIP).receipt));\\n}\\n\\n/* ================= trip planning ================= */\\nfunction qbadges(itemId){\\n const qs=(TRIP.qty||[]).filter(q=>q.item_id===itemId&&q.req>0);\\n return '

'+qs.map(q=>{const f=FAM(q.family_id);\\n return `${esc(f.name)} \\u00b7 ${q.req}`;}).join('')+'

';\\n}\\nfunction myQty(itemId){return (TRIP.qty||[]).find(q=>q.item_id===itemId&&q.family_id===myFam())||{req:0,act:0,note:''};}\\nfunction renderItems(){\\n if(!TRIP)return;\\n const t=TRIP.trip;\\n $('tripHead').innerHTML=`

\\n

How many does your family want? \\ud83e\\udd55

\\n

${esc(famLabel(FAM(t.shopper_family_id).name))} shops ${esc(t.date||'soon')} \\u00b7 created by ${esc(FAM(t.created_by_family_id).name)}

\\n ${canManageTrip(t)?``:''}\\n ${statusChip(t.status)}

`;\\n const canOps=it=>t.status==='planning'&&(it.created_by===myFam()||canManageTrip(t));\\n $('itemList').innerHTML=TRIP.items.map(it=>{\\n const q=myQty(it.id);\\n return `

\\n

${esc(it.emoji)} ${esc(it.name)}

\\n

${esc(it.unit)}${it.created_by?' \\u00b7 added by '+esc(FAM(it.created_by).name):''}

\\n ${canOps(it)?``:''}\\n \\n

\\n \\n

${q.req||'\\u2013'}

\\n \\n

\\n

\\n ${qbadges(it.id)}\\n ${q.note?`

\\u270e \\u201c${esc(q.note)}\\u201d

`:''}\\n

`;\\n }).join('')||'

No items yet \\u2014 add the first one below.

';\\n // Lock is only for the trip creator, group admin, or the shopper\\n $('lockBtn').style.display=(TRIP.items.length&&canShopNow(TRIP.trip))?'block':'none';\\n}\\nasync function step(itemId,d){\\n const q=myQty(itemId);const req=Math.max(0,(q.req||0)+d);\\n try{await api('/api/qty',{item_id:itemId,family_id:myFam(),req});await loadTrip(curTripId);renderItems();\\n const it=TRIP.items.find(i=>i.id===itemId);\\n toast(req?`${it.name}: ${req} ${it.unit_plural} for your family`:`${it.name}: removed for your family`);\\n }catch(e){oops(e);}\\n}\\nlet noteItem=0;\\nfunction openNote(itemId){\\n noteItem=itemId;const it=TRIP.items.find(i=>i.id===itemId);\\n $('noteTitle').textContent=`\\u270e ${it.emoji} ${it.name} \\u2014 note for the shopper`;\\n $('noteInput').value=myQty(itemId).note||'';\\n $('noteSheet').classList.add('show');\\n setTimeout(()=>$('noteInput').focus(),150);\\n}\\nasync function saveNote(){\\n try{await api('/api/qty',{item_id:noteItem,family_id:myFam(),note:$('noteInput').value.trim()});\\n $('noteSheet').classList.remove('show');await loadTrip(curTripId);renderItems();\\n toast($('noteInput').value.trim()?'Note saved \\u2014 the shopper will see it \\u270e':'Note cleared');\\n }catch(e){oops(e);}\\n}\\nlet tplManage=false;\\nfunction openAdd(keep){\\n if(!keep)tplManage=false;\\n const tpl=STATES[CUR]?.templates||[];\\n $('tplManageBtn').textContent=tplManage?'\\u2713 done':'\\ud83d\\uddd1 manage';\\n $('tplChips').innerHTML=tpl.map(t=>tplManage\\n ?``\\n :``).join('')||'No templates yet';\\n $('addSheet').classList.add('show');\\n}\\nasync function delTpl(tid){\\n const t=(STATES[CUR].templates||[]).find(x=>x.id===tid);\\n if(!confirm('Delete template \\\"'+t.name+'\\\"? (Existing trip items are not affected)'))return;\\n try{await api('/api/templates/'+tid+'/delete',{});await loadState(CUR);openAdd(true);toast('Template deleted \\ud83d\\uddd1');}catch(e){oops(e);}\\n}\\nlet itemId2=0;\\nfunction openItem(id){\\n const it=TRIP.items.find(x=>x.id===id);if(!it)return;\\n itemId2=id;\\n $('itemSheetTitle').textContent='\\u2699 '+it.emoji+' '+it.name;\\n $('iName').value=it.name;$('iEmoji').value=it.emoji;$('iUnit').value=it.unit||'';$('iUnitP').value=it.unit_plural||'';\\n $('itemSheet').classList.add('show');\\n}\\nasync function saveItem(){\\n try{\\n await api('/api/items/'+itemId2+'/update',{by_family_id:myFam(),name:$('iName').value,emoji:$('iEmoji').value.trim()||'\\ud83d\\uded2',\\n unit:$('iUnit').value.trim(),unit_plural:$('iUnitP').value.trim()||'units'});\\n $('itemSheet').classList.remove('show');\\n await loadTrip(curTripId);renderItems();toast('Item updated \\u2713');\\n }catch(e){oops(e);}\\n}\\nasync function deleteItem(){\\n const it=TRIP.items.find(x=>x.id===itemId2);\\n if(!confirm('Delete \\\"'+(it?.name||'this item')+'\\\" from the trip? All families\\\\' picks for it are removed too.'))return;\\n try{\\n await api('/api/items/'+itemId2+'/delete',{by_family_id:myFam()});\\n $('itemSheet').classList.remove('show');\\n await loadTrip(curTripId);renderItems();toast('Item deleted \\ud83d\\uddd1');\\n }catch(e){oops(e);}\\n}\\nasync function useTpl(tid){\\n const t=(STATES[CUR].templates||[]).find(x=>x.id===tid);\\n $('addSheet').classList.remove('show');\\n try{await api('/api/items',{trip_id:curTripId,emoji:t.emoji,name:t.name,unit:t.unit,unit_plural:t.unit_plural,family_id:myFam()});\\n await loadTrip(curTripId);renderItems();toast(t.emoji+' '+t.name+' added \\u2014 set your quantity');\\n }catch(e){oops(e);}\\n}\\nasync function addItem(){\\n const name=$('aName').value.trim();if(!name)return toast('Give the item a name');\\n $('addSheet').classList.remove('show');\\n try{\\n await api('/api/items',{trip_id:curTripId,emoji:$('aEmoji').value.trim()||'\\ud83d\\uded2',name,\\n unit:$('aUnit').value.trim(),unit_plural:$('aUnitP').value.trim()||'units',family_id:myFam()});\\n if($('aSave').checked)await api('/api/templates',{group_id:CUR,emoji:$('aEmoji').value.trim()||'\\ud83d\\uded2',name,unit:$('aUnit').value.trim(),unit_plural:$('aUnitP').value.trim()||'units'});\\n ['aName','aEmoji','aUnit','aUnitP'].forEach(i=>$(i).value='');\\n await Promise.all([loadTrip(curTripId),loadState(CUR)]);\\n renderItems();toast(name+' added \\u2014 set your quantity');\\n }catch(e){oops(e);}\\n}\\nasync function lockTrip(){\\n try{await api('/api/trips/'+curTripId+'/status',{status:'locked'});await loadTrip(curTripId);await loadState(CUR);\\n toast('List locked \\ud83d\\udd12 \\u2014 families can no longer change picks');\\n setTimeout(()=>go('s-shop','Shopping mode',FAM(TRIP.trip.shopper_family_id).name+' Family \\u00b7 enter receipt totals'),400);\\n }catch(e){oops(e);}\\n}\\n\\n/* ================= shopping ================= */\\nfunction renderShop(){\\n if(!TRIP)return;\\n const c=compute(TRIP);\\n const editable=canShopNow(TRIP.trip);\\n $('shopBanner').innerHTML=editable\\n ?`

\\ud83d\\udd12 List locked \\u00b7 Shopping as ${esc(famLabel(FAM(TRIP.trip.shopper_family_id).name))}

`\\n :`

\\ud83d\\udc40 ${esc(famLabel(FAM(TRIP.trip.shopper_family_id).name))} is shopping \\u2014 you're watching prices arrive live. Nothing to do yet.

`;\\n $('shopList').innerHTML=c.lines.filter(l=>l.qs.length||((TRIP.qty||[]).some(q=>q.item_id===l.id&&q.req>0))).map(l=>{\\n const rqs=(TRIP.qty||[]).filter(q=>q.item_id===l.id&&(q.req>0||q.act>0));\\n const adjusted=rqs.some(q=>q.act!==q.req);\\n const notes=rqs.filter(q=>q.note).map(q=>`${FAM(q.family_id).name}: \\u201c${esc(q.note)}\\u201d`).join(' \\u00b7 ');\\n return `

\\n

${esc(l.emoji)} ${esc(l.name)}

\\n

${esc(l.unit)} \\u00b7 bought ${l.bought} ${esc(l.unit_plural)}${l.bought?' \\u00b7 '+gbp(l.unit)+'/each':''}

\\n ${editable\\n ?`

Line total \\u00a3\\n

`\\n :`

Line total\\n

${gbp(l.total_price||0)}

`}\\n

\\n

\\n ${rqs.map(q=>{const f=FAM(q.family_id);return editable\\n ?`

${esc(f.name)}\\n \\n

${q.act}

\\n

`\\n :`${esc(f.name)} \\u00b7 ${q.act}`;}).join('')}\\n

\\n ${adjusted?`\\u270f\\ufe0f Adjusted: ${rqs.filter(q=>q.act!==q.req).map(q=>`${esc(FAM(q.family_id).name)} requested ${q.req} \\u2192 got ${q.act}`).join(' \\u00b7 ')}`:''}\\n ${notes?`

\\u270e ${notes}

`:''}\\n

`;\\n }).join('')||'

No items with picks yet.

';\\n $('extrasCard').innerHTML=TRIP.extras.map(x=>`\\n

\\n

${x.name==='Fuel expense'?'\\u26fd ':x.name==='Parking fee'?'\\ud83c\\udd7f\\ufe0f ':''}${esc(x.name)}\\n ${x.mode==='eq'?'equal':'\\u221d items'}

\\n ${editable\\n ?`

${x.amount<0?'\\u2212\\u00a3':'\\u00a3'}

`\\n :`${sgn(x.amount)}`}\\n

`).join('')+\\n (editable?`

Bag fee & discounts split \\u221d item totals \\u00b7 fuel & parking split equally per family. Enter discounts as positive \\u2014 stored negative automatically.

`:'');\\n $('shopTotal').textContent=gbp(c.receipt);\\n $('shopTotalSub').textContent=`Items ${gbp(c.itemsTotal)} \\u00b7 extras ${sgn(c.propTotal)} \\u00b7 fuel+parking ${gbp(c.eqTotal)}`;\\n $('doneBtn').style.display=editable?'block':'none';\\n}\\nasync function setPrice(itemId,el){\\n const v=Math.abs(parseFloat(el.value)||0);el.value=v.toFixed(2);\\n try{await api('/api/items/'+itemId+'/price',{total:v});await loadTrip(curTripId);renderShop();toast('Line total updated \\u2014 split recalculated');}catch(e){oops(e);}\\n}\\nasync function setExtra(id,name,el){\\n let v=Math.abs(parseFloat(el.value)||0);el.value=v.toFixed(2);\\n if(/discount/i.test(name))v=-v;\\n try{await api('/api/extras/'+id,{amount:v});await loadTrip(curTripId);renderShop();toast(name+' updated \\u2014 split recalculated');}catch(e){oops(e);}\\n}\\nasync function adjAct(itemId,famId,d){\\n const q=(TRIP.qty||[]).find(x=>x.item_id===itemId&&x.family_id===famId);\\n const act=Math.max(0,(q?.act||0)+d);\\n try{await api('/api/qty',{item_id:itemId,family_id:famId,act});await loadTrip(curTripId);renderShop();\\n toast(`${FAM(famId).name} now gets ${act} \\u2014 split recalculated`);}catch(e){oops(e);}\\n}\\nasync function toSplit(){\\n try{await api('/api/trips/'+curTripId+'/status',{status:'settling'});await loadTrip(curTripId);await loadState(CUR);\\n go('s-split','Breakdown',TRIP.trip.title+' \\u00b7 '+gbp(compute(TRIP).receipt));}catch(e){oops(e);}\\n}\\n\\n/* ================= breakdown ================= */\\nfunction renderSplit(){\\n if(!TRIP)return;\\n const c=compute(TRIP);const t=TRIP.trip;const buyer=t.shopper_family_id;\\n const pct=f=>c.receipt?(c.fam[f].final/c.receipt*100).toFixed(1):'0.0';\\n $('pfolio').innerHTML=TRIP.families.map(f=>`\\n

\\n

${esc(f.name)}${f.id===myFam()?' (you)':''}

\\n

${gbp(c.fam[f.id].final)}

\\n

${c.fam[f.id].units} units \\u00b7 ${pct(f.id)}% of trip
\\n ${f.id===buyer?`paid ${gbp(c.receipt)} \\u00b7 gets back ${gbp(r2(c.receipt-c.fam[f.id].final))}`\\n :`items ${gbp(c.fam[f.id].items)} ${c.fam[f.id].extra<0?'\\u2212':'+'} extras ${gbp(Math.abs(c.fam[f.id].extra))}`}

\\n

`).join('');\\n const rows=c.lines.filter(l=>l.bought>0).map((l,i)=>{\\n const fams=l.qs.map(q=>q.family_id);\\n return `

\\n

${esc(l.emoji)}

\\n

${esc(l.name)}

\\n

${l.bought} ${esc(l.unit_plural)} \\u00d7 ${gbp(l.unit)} \\u00b7 ${fams.length} famil${fams.length>1?'ies':'y'}

\\n

${gbp(l.total_price)}

\\n

your share ${gbp(l.shares[myFam()]||0)}

\\n \\u25be\\n

\\n

${l.qs.map(q=>``).join('')}

\\n ${l.qs.map(q=>`

\\n \\n ${esc(FAM(q.family_id).name)}\\n ${q.act} ${esc(l.unit_plural)}${q.act!==q.req?` \\u270f\\ufe0f req ${q.req} \\u2192 got ${q.act}`:''}\\n ${gbp(l.shares[q.family_id])}

`).join('')}\\n ${l.qs.filter(q=>q.note).map(q=>`

\\u270e ${esc(FAM(q.family_id).name)}: ${esc(q.note)}

`).join('')}\\n

\\n

`;\\n }).join('');\\n const ex=`

\\n

\\ud83e\\uddfe

\\n

Extras, fuel & parking

\\n

fees \\u221d items \\u00b7 fuel/parking equal

\\n

${sgn(r2(c.propTotal+c.eqTotal))}

\\n

your share ${sgn(c.fam[myFam()]?.extra||0)}

\\n \\u25be\\n

\\n

\\n ${TRIP.extras.map(x=>`

${esc(x.name)}${x.mode==='prop'?'\\u221d items':'equal'}${sgn(x.amount)}

`).join('')}\\n

\\n ${c.active.map(f=>`

\\n ${esc(FAM(f).name)}\\n ${sgn(c.fam[f].prop)} \\u221d \\u00b7 ${sgn(c.fam[f].eq)} eq\\n ${sgn(c.fam[f].extra)}

`).join('')}\\n

\\n

`;\\n $('tickerList').innerHTML=rows+ex;\\n const famSum=r2(TRIP.families.reduce((s,f)=>s+c.fam[f.id].final,0));\\n $('famTotal').textContent=gbp(famSum);\\n $('receiptTotal').textContent=gbp(c.receipt)+(Math.abs(famSum-c.receipt)<0.005?' \\u2713':' \\u2717');\\n $('shareBtns').innerHTML=TRIP.families.map(f=>\\n ``).join('');\\n $('finaliseBtn').style.display=(t.status!=='settled'&&canShopNow(t))?'block':'none';\\n}\\nlet shareText='';\\nfunction snapCard(fid){\\n const c=compute(TRIP);const t=TRIP.trip;const buyer=FAM(t.shopper_family_id);\\n if(fid==='ALL'){\\n const debt=TRIP.families.filter(f=>f.id!==t.shopper_family_id&&c.fam[f.id].final>0);\\n return `

\\n

\\ud83e\\uddfa ${esc(STATES[CUR].group.name)} \\u00b7 ${esc(t.title)}

${esc(t.date||'')} \\u00b7 ${esc(buyer.name)} shopped \\u00b7 trip total ${gbp(c.receipt)}

\\n

\\n ${TRIP.families.map(f=>`

\\u25a0 ${esc(f.name)}${f.id===t.shopper_family_id?' (paid)':''}${gbp(c.fam[f.id].final)}

`).join('')}\\n

Trip total${gbp(c.receipt)} \\u2713

\\n

\\ud83d\\udcb8 ${debt.map(f=>`${esc(f.name)} \\u2192 ${esc(buyer.name)} ${gbp(c.fam[f.id].final)}`).join(' \\u00b7 ')||'Nothing owed'}

\\n

`;\\n }\\n const f=FAM(fid);const mine=c.lines.filter(l=>l.shares[fid]!==undefined);\\n return `

\\n

\\ud83e\\uddfa ${esc(STATES[CUR].group.name)} \\u00b7 ${esc(t.title)}

${esc(t.date||'')} \\u00b7 ${esc(f.name)} Family's share

\\n

\\n ${mine.map(l=>{const q=l.qs.find(q=>q.family_id===fid);return `

${esc(l.emoji)} ${q.act} \\u00d7 ${esc(l.name)} @ ${gbp(l.unit)}${gbp(l.shares[fid])}

`;}).join('')}\\n

Fees & discounts (\\u221d items)${sgn(c.fam[fid].prop)}

\\n

Fuel & parking (equal)${sgn(c.fam[fid].eq)}

\\n

${esc(f.name)} Family total${gbp(c.fam[fid].final)}

\\n

${fid===t.shopper_family_id?`\\u2705 Paid ${gbp(c.receipt)} \\u2014 gets back ${gbp(r2(c.receipt-c.fam[fid].final))}`:`\\ud83d\\udcb8 Pay ${esc(buyer.name)} Family ${gbp(c.fam[fid].final)}`}

\\n

`;\\n}\\nfunction snapText(fid){\\n const c=compute(TRIP);const t=TRIP.trip;const buyer=FAM(t.shopper_family_id);\\n let s=`\\ud83e\\uddfa *${STATES[CUR].group.name} \\u2014 ${t.title}* (${t.date||''})\\\\n`;\\n if(fid==='ALL'){\\n TRIP.families.forEach(f=>{s+=`${f.name}${f.id===t.shopper_family_id?' (paid)':''}: ${gbp(c.fam[f.id].final)}\\\\n`;});\\n s+=`Trip total: ${gbp(c.receipt)}\\\\n`;\\n s+=TRIP.families.filter(f=>f.id!==t.shopper_family_id&&c.fam[f.id].final>0).map(f=>`\\ud83d\\udcb8 ${f.name} \\u2192 ${buyer.name} ${gbp(c.fam[f.id].final)}`).join('\\\\n');\\n }else{\\n const f=FAM(fid);s+=`*${f.name} Family's share*\\\\n`;\\n c.lines.filter(l=>l.shares[fid]!==undefined).forEach(l=>{const q=l.qs.find(q=>q.family_id===fid);s+=`${q.act} \\u00d7 ${l.name} @ ${gbp(l.unit)} = ${gbp(l.shares[fid])}\\\\n`;});\\n s+=`Fees/discounts: ${sgn(c.fam[fid].prop)} \\u00b7 Fuel/parking: ${sgn(c.fam[fid].eq)}\\\\n*Total: ${gbp(c.fam[fid].final)}*\\\\n`;\\n s+=fid===t.shopper_family_id?`\\u2705 Paid ${gbp(c.receipt)}`:`\\ud83d\\udcb8 Pay ${buyer.name} Family ${gbp(c.fam[fid].final)}`;\\n if(buyer.holder)s+=`\\\\n\\ud83c\\udfe6 ${buyer.holder} \\u00b7 ${buyer.bank} \\u00b7 Sort ${buyer.sort_code} \\u00b7 Acct ${buyer.acct}`;\\n }\\n return s;\\n}\\nfunction openShare(fid){\\n $('shareTitle').textContent=fid==='ALL'?'Share with all families':'Share with '+FAM(fid).name+' Family';\\n $('shareCard').innerHTML=snapCard(fid);\\n shareText=snapText(fid);\\n $('shareModal').classList.add('show');\\n}\\nfunction shareWA(){\\n $('shareModal').classList.remove('show');\\n toast('Opening WhatsApp\\u2026 \\ud83d\\udfe2');\\n window.open('https://wa.me/?text='+encodeURIComponent(shareText),'_blank');\\n}\\nasync function finishTrip(){\\n try{await api('/api/trips/'+curTripId+'/status',{status:'settled'});await loadTrip(curTripId);await loadState(CUR);\\n toast('Split finalised \\ud83d\\udcb7 \\u2014 settle from the Balances tab');\\n setTimeout(()=>navBal(),450);}catch(e){oops(e);}\\n}\\n\\n/* ================= balances / settlement ================= */\\nfunction suggestions(){\\n const st=STATES[CUR];if(!st)return[];\\n const debt=st.families.filter(f=>(st.net[f.id]||0)<-0.004).map(f=>({f,amt:-st.net[f.id]})).sort((a,b)=>b.amt-a.amt);\\n const cred=st.families.filter(f=>(st.net[f.id]||0)>0.004).map(f=>({f,amt:st.net[f.id]})).sort((a,b)=>b.amt-a.amt);\\n const out=[];let i=0,j=0;\\n const d=debt.map(x=>({...x})),c=cred.map(x=>({...x}));\\n while(i0.004)out.push({from:d[i].f,to:c[j].f,amount:pay});\\n d[i].amt=r2(d[i].amt-pay);c[j].amt=r2(c[j].amt-pay);\\n if(d[i].amt<0.005)i++;if(c[j].amt<0.005)j++;\\n }\\n return out;\\n}\\nfunction renderBalances(){\\n const st=STATES[CUR];if(!st)return;\\n const me=st.net[myFam()]||0;\\n const openTripId=st.trips.find(t=>!['settled','cancelled'].includes(t.status))?.id||st.trips[0]?.id;\\n $('balHero').innerHTML=`\\n

\\n

${esc(st.group.name)} \\u00b7 running balance (all trips)

\\n

${me<-0.004?('You owe '+gbp(Math.abs(me))):me>0.004?('You are owed '+gbp(me)):'All settled \\ud83c\\udf89'}

\\n

${me<-0.004||me>0.004?'across all trips in this group':(esc(FAMSelf())+' owes nothing')}

\\n ${openTripId?``:''}\\n

`;\\n const sugg=suggestions();\\n $('settleList').innerHTML=(sugg.map((s,i)=>`\\n

\\n

\\ud83d\\udcb8

\\n

${esc(s.from.name)} \\u2192 ${esc(s.to.name)} ${gbp(s.amount)}

\\n ${(st.requested||[]).includes(s.from.id)?'\\ud83d\\udcac Requested':'Pending'}\\n

\\n

\\n \\n \\n

\\n

`).join('')||`

\\ud83c\\udf89

\\n

Everything is settled

Settled \\u2713

`)+\\n (sugg.length?`

\\n `:'')+\\n `

Requests open WhatsApp pre-filled with the amount + the payee's bank details. Money moves by bank transfer; the app is the ledger.

`;\\n const openTrips=st.trips.filter(t=>!t.archived);\\n $('activityList').innerHTML=openTrips.map(t=>`\\n

\\ud83e\\uddfe

${esc(t.title)} \\u2014 ${statusChip(t.status)} ${t.receipt?gbp(t.receipt):''}\\n

${esc(t.date||'')}

`).join('')\\n ||'

No open trips \\u2014 settled history lives in the History tab \\ud83d\\udce6

';\\n}\\nfunction payReqText(s){\\n const to=s.to;\\n let t=`Hi ${s.from.name} Family! \\ud83e\\uddfa Your ${STATES[CUR].group.name} balance is *${gbp(s.amount)}* owed to ${to.name} Family.\\\\n`;\\n if(to.holder)t+=`Please pay:\\\\n\\ud83c\\udfe6 ${to.holder} \\u00b7 ${to.bank}\\\\nSort ${to.sort_code} \\u00b7 Account ${to.acct}\\\\n`;\\n t+=`Sent from SplitBasket \\u2705 ${location.origin}`;\\n return t;\\n}\\nlet SUGG=[];\\nasync function requestPay(i){\\n const s=suggestions()[i];if(!s)return;\\n const tid=STATES[CUR].trips.find(t=>!t.archived&&(t.status==='settling'||t.status==='settled'))?.id\\n ||STATES[CUR].trips.find(t=>!t.archived)?.id;\\n toast('Opening WhatsApp with the payment request\\u2026 \\ud83d\\udfe2');\\n window.open('https://wa.me/?text='+encodeURIComponent(payReqText(s)),'_blank');\\n if(tid){try{await api('/api/requests',{trip_id:tid,family_id:s.from.id});await loadState(CUR);renderBalances();}catch(_e){}}\\n}\\nasync function remindAll(){\\n const sugg=suggestions();if(!sugg.length)return;\\n let t=`\\ud83e\\uddfa *${STATES[CUR].group.name} \\u2014 settle up!*\\\\n`+sugg.map(s=>`${s.from.name} \\u2192 ${s.to.name}: *${gbp(s.amount)}*`).join('\\\\n');\\n const banks=[...new Set(sugg.map(s=>s.to.id))].map(id=>FAM(id)).filter(f=>f.holder)\\n .map(f=>`\\ud83c\\udfe6 ${f.name}: ${f.holder} \\u00b7 ${f.bank} \\u00b7 Sort ${f.sort_code} \\u00b7 Acct ${f.acct}`).join('\\\\n');\\n if(banks)t+='\\\\n'+banks;\\n toast('Opening WhatsApp \\u2014 pick the group chat \\ud83d\\udfe2');\\n window.open('https://wa.me/?text='+encodeURIComponent(t),'_blank');\\n const tid=STATES[CUR].trips.find(x=>!x.archived&&(x.status==='settling'||x.status==='settled'))?.id\\n ||STATES[CUR].trips.find(x=>!x.archived)?.id;\\n if(tid){try{\\n for(const s of sugg)await api('/api/requests',{trip_id:tid,family_id:s.from.id});\\n await loadState(CUR);renderBalances();\\n }catch(_e){}}\\n}\\nlet paySugg=null;\\nfunction openModal(i){\\n paySugg=suggestions()[i];if(!paySugg)return;\\n $('mFrom').value=paySugg.from.name+' Family';\\n $('mTo').value=paySugg.to.name+' Family';\\n $('mAmt').value=paySugg.amount.toFixed(2);\\n $('mBank').innerHTML=paySugg.to.holder?\\n `${esc(paySugg.to.holder)} \\u00b7 ${esc(paySugg.to.bank)}
Sort ${esc(paySugg.to.sort_code)} \\u00b7 Acct ${esc(paySugg.to.acct)}\\n `\\n :'No bank details saved for this family yet';\\n $('modal').classList.add('show');\\n}\\nasync function recordPayment(){\\n if(!paySugg)return;\\n $('modal').classList.remove('show');\\n try{\\n const tid=STATES[CUR].trips.find(t=>t.status==='settling'||t.status==='settled')?.id||null;\\n await api('/api/payments',{trip_id:tid,group_id:CUR,from_family_id:paySugg.from.id,to_family_id:paySugg.to.id,\\n amount:parseFloat($('mAmt').value)||paySugg.amount,method:$('mMethod').value,reference:$('mRef').value.trim()});\\n await loadState(CUR);\\n // auto-archive: when the whole group is square, settled trips tidy themselves away\\n const st=STATES[CUR];\\n if(st.families.every(f=>Math.abs(st.net[f.id]||0)<0.005)){\\n const done=st.trips.filter(t=>t.status==='settled'&&!t.archived);\\n for(const t of done)await api('/api/trips/'+t.id+'/update',{by_family_id:myFam(),archived:1}).catch(()=>{});\\n if(done.length){await loadState(CUR);toast('All square \\ud83c\\udf89 \\u2014 settled trips auto-archived \\ud83d\\udce6');}\\n }\\n renderBalances();\\n toast(paySugg.from.name+' \\u2192 '+paySugg.to.name+' recorded \\u2014 Settled \\u2713');\\n }catch(e){oops(e);}\\n}\\n\\n/* ================= notifications ================= */\\nfunction openSheet(){\\n const st=STATES[CUR];const items=[];\\n if(st){\\n st.trips.filter(t=>t.status==='planning').forEach(t=>items.push(['\\u23f0',`Make your picks! ${esc(t.title)} is in planning.`]));\\n st.trips.filter(t=>t.status==='locked').forEach(t=>items.push(['\\ud83d\\udd12',`List locked. ${esc(FAM(t.shopper_family_id).name)} Family is shopping for ${esc(t.title)}.`]));\\n const me=st.net[myFam()]||0;\\n if(me<-0.004)items.push(['\\ud83d\\udcb7',`You owe ${gbp(Math.abs(me))} in ${esc(st.group.name)}. Settle from the Balances tab.`]);\\n }\\n $('notifList').innerHTML=items.map(x=>`

${x[0]}

${x[1]}

`).join('')\\n ||'

Nothing needs your attention \\ud83c\\udf89

';\\n $('sheet').classList.add('show');\\n}\\nlet tmr;\\nfunction toast(msg){const t=$('toast');t.textContent=msg;t.classList.add('show');clearTimeout(tmr);tmr=setTimeout(()=>t.classList.remove('show'),2200);}\\n\\n/* ================= polling & boot ================= */\\nsetInterval(async()=>{\\n if(document.hidden)return;\\n const cur=document.querySelector('.screen.active')?.id;\\n try{\\n if(['s-trip','s-shop','s-split'].includes(cur)&&curTripId){\\n const before=JSON.stringify(TRIP);await loadTrip(curTripId);\\n if(JSON.stringify(TRIP)!==before)refreshScreen(cur);\\n }else if(['s-groups','s-group','s-balances'].includes(cur)&&CUR){\\n const before=JSON.stringify(STATES[CUR]);await loadState(CUR);\\n if(JSON.stringify(STATES[CUR])!==before)refreshScreen(cur);\\n }\\n }catch(_e){}\\n},6000);\\n\\n(async function boot(){\\n if(!SB.groups.length){show('s-join','SplitBasket','Join your group');return;}\\n CUR=SB.groups[0].id;\\n await loadAll();\\n // prune groups that no longer exist\\n SB.groups=SB.groups.filter(g=>STATES[g.id]);saveSB();\\n if(!SB.groups.length){show('s-join','SplitBasket','Join your group');return;}\\n CUR=SB.groups[0].id;\\n const me=Object.values(STATES).some(st=>((st.net[myFam(st.group.id)]||0)<-0.004));\\n $('bellDot').style.display=me?'block':'none';\\n goHome();\\n})();\\n\\n\\n\\n\";","label",[179],"aa16060b-e582-4db9-9b6b-3d1b2450a9b9","ui.ts","7ee60c8e-7be1-11f1-b7cf-1607ee4eb77e",36,["D",1783998835386],10,"// SplitBasket UI v5 (part 1 of 2)\nexport const H1 =\n '\\n\\n\\n\\n\\nSplitBasket\\n\\ud83e\\uddfa\">\\n\\n\\n\\n\\n\\n\\n

\\n

\\n \\n

SplitBasket

loading\\u2026

\\n \\n \\n

\\n\\n

\\n\\n \\n

\\n

\\ud83e\\uddfa

\\n

SplitBasket

\\n

Shop together \\u00b7 split fairly \\u00b7 settle on WhatsApp

\\n

Group share code\\n

\\n \\n

\\n

\\n \\n

\\n\\n \\n

\\n

Group name

\\n

Your family name

\\n

Your phone (identity only \\u2014 no SMS sent)

\\n

\\ud83c\\udfe6 Bank details (optional now \\u2014 used for settle-up requests)

\\n

Account holder

\\n

Bank

\\n

Sort code

\\n

Account number

\\n \\n

\\n

\\n\\n \\n

\\n

Your groups

\\n

\\n \\n \\n

Families join a group with a share code \\u2014 no typing emails.

\\n

\\n\\n \\n

Loading\\u2026

\\n\\n \\n

\\n

Trip title

\\n

Date

\\n

Location

\\n

Who\\'s shopping?

\\n \\n

Everyone gets notified to make their picks once the trip exists.

\\n

\\n\\n \\n

\\n

Loading\\u2026

\\n \\n

Cost of each item splits in proportion to the units each family takes. Locking freezes the list; the shopper then enters prices.

\\n

\\n\\n \\n

\\n

Loading\\u2026

\\n

Receipt extras & trip costs

\\n

Trip total

\\n

\\u00a30.00

\\n

\\n \\n

\\n\\n \\n

\\n

Swipe cards \\u2194 \\u00b7 every family\\'s total = their items + share of extras

\\n

Items \\u2014 tap a row to expand

\\n

Loading\\u2026

\\n

Families total

\\u00a30.00

\\n

Trip total (must match)

\\u00a30.00

\\n

\\ud83d\\udce4 Notify & share on WhatsApp

\\n

\\n \\n

Each button generates a snapshot card of that family\\'s split \\u2014 shared on WhatsApp for visual confirmation.

\\n

\\n \\n

Everyone can then settle from the Balances tab.

\\n

\\n\\n \\n

\\n

Settle-up (fewest transfers)

\\n

Loading\\u2026

\\n

Open trips

\\n

\\n\\n \\n

\\n

\\ud83d\\udce6 Archived trips

\\n

\\ud83d\\udcb7 Payment log

\\n

Everything here is settled history \\u2014 it appears nowhere else in the app.

\\n

\\n\\n

Done

\\n\\n \\n

\\n

Notifications

\\n

\\n\\n \\n

\\n

\\u270e Note for the shopper

\\n \\n \\n

\\n

\\n\\n \\n

\\n

\\u2699 Item options

\\n

Name

\\n

Emoji

\\n

Unit

\\n

Unit plural

\\n

\\n \\n

Available to the family that added the item, the trip creator, and the group admin \\u2014 while the list is in planning.

\\n

\\n\\n \\n

\\n

\\uff0b Add item to trip

\\n

Quick add from your group\\'s templates:\\n

\\n

Name

\\n

Emoji

\\n

Unit

\\n

Unit plural

\\n

\\n \\n Save as template for future trips\\n \\n \\n

\\n

\\n\\n \\n

\\n

\\u270e Edit family

\\n

Family name

\\n

Account holder

\\n

Bank

\\n

Sort code

\\n

Account number

\\n \\n \\n

\\n

\\n\\n \\n

\\n

\\u2699 Group settings

\\n

Group name

\\n \\n

\\n

\\n\\n \\n

\\n

\\u270e Edit trip

\\n

Trip title

\\n

Date

\\n

Location

\\n

Who\\'s shopping?

\\n \\n

\\n

\\n \\n \\n \\n

\\n

Only the trip creator or group admin sees this. Unlock lets families change picks again; delete removes the trip and its items.

\\n

\\n\\n \\n \\n\\n \\n \\n\\n

\\n\\n

\\n \\n \\n \\n \\n

\\n

\\n\\n

\\ud83c\\udfe6 Payment details \\u2014 members only

Trips

Group balance (all trips)

SplitBasket

Your groups

Receipt extras & trip costs

Items \\u2014 tap a row to expand

\\ud83d\\udce4 Notify & share on WhatsApp

Settle-up (fewest transfers)

Open trips

\\ud83d\\udce6 Archived trips

\\ud83d\\udcb7 Payment log

Notifications

\\u270e Note for the shopper

\\u2699 Item options

\\uff0b Add item to trip

\\u270e Edit family

\\u2699 Group settings

\\u270e Edit trip

Share breakdown

Record a payment