trust roadmap

features/trip/components/create-trip-form.tsx

@@ -248,15 +248,21 @@ export function CreateTripForm({ isVerifiedOrganizer }: CreateTripFormProps) {
         </div>
 
         <div>
-          <label htmlFor="itinerary" className="mb-1.5 block text-sm font-semibold text-neutral-700">
+          <label htmlFor="itinerary" className="mb-1 block text-sm font-semibold text-neutral-700">
             Itinerary
           </label>
+          <p className="mb-1.5 text-[11px] text-neutral-500">
+            Tulis per hari supaya peserta tahu alur — itinerary lengkap bikin
+            trust naik drastis.
+          </p>
           <textarea
             id="itinerary"
             name="itinerary"
-            rows={5}
+            rows={6}
             className="w-full rounded-xl border border-neutral-200 bg-neutral-50 px-4 py-2.5 text-sm text-neutral-800 placeholder:text-neutral-400 focus:bg-white"
-            placeholder={"Hari 1: …\nHari 2: …"}
+            placeholder={
+              "Hari 1: 05:00 kumpul di meeting point\n07:00 berangkat\n12:00 ishoma di rest area\n16:00 sampai basecamp, briefing\n\nHari 2: 04:00 summit attack\n08:00 kembali ke basecamp\n..."
+            }
           />
         </div>
 

features/trip/components/organizer-trust-panel.tsx

@@ -56,10 +56,23 @@ export function OrganizerTrustPanel({
         <div className="flex flex-1 flex-wrap gap-3 border-t border-neutral-100 pt-3 sm:border-t-0 sm:border-l sm:pl-4 sm:pt-0">
           <div className="min-w-[100px] rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">
             <p className="text-[10px] font-medium text-neutral-500 sm:text-xs">
-              Trip dibuat
+              Trip selesai
             </p>
-            <p className="text-lg font-bold text-neutral-800">
-              {trust.tripsCreated}
+            <p className="text-lg font-bold text-primary-700">
+              {trust.tripsCompleted}
+            </p>
+            {trust.tripsCreated > trust.tripsCompleted && (
+              <p className="text-[10px] text-neutral-400">
+                + {trust.tripsCreated - trust.tripsCompleted} berjalan
+              </p>
+            )}
+          </div>
+          <div className="min-w-[100px] rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">
+            <p className="text-[10px] font-medium text-neutral-500 sm:text-xs">
+              Peserta dilayani
+            </p>
+            <p className="text-lg font-bold text-secondary-700">
+              {trust.totalParticipantsServed}
             </p>
           </div>
           <div className="min-w-[100px] rounded-lg bg-white/80 px-3 py-2 shadow-sm ring-1 ring-neutral-100">