diff --git a/public/locale/en.json b/public/locale/en.json
index f20179944d1..6d2d774c921 100644
--- a/public/locale/en.json
+++ b/public/locale/en.json
@@ -1588,6 +1588,8 @@
   "select_register_patient": "Select/Register Patient",
   "select_seven_day_period": "Select a seven day period",
   "select_skills": "Select and add some skills",
+  "select_time": "Select time",
+  "select_time_slot": "Select time slot",
   "select_wards": "Select wards",
   "self_booked": "Self-booked",
   "send": "Send",
@@ -1631,6 +1633,7 @@
   "skill_add_error": "Error while adding skill",
   "skill_added_successfully": "Skill added successfully",
   "skills": "Skills",
+  "slots_left": "slots left",
   "social_profile": "Social Profile",
   "social_profile_detail": "Include occupation, ration card category, socioeconomic status, and domestic healthcare support for a complete profile.",
   "socioeconomic_status": "Socioeconomic status",
@@ -1833,6 +1836,7 @@
   "view_details": "View Details",
   "view_facility": "View Facility",
   "view_files": "View Files",
+  "view_patient": "View Patient",
   "view_patients": "View Patients",
   "view_update_patient_files": "View/Update patient files",
   "view_updates": "View Updates",
diff --git a/src/components/Questionnaire/QuestionTypes/FollowUpAppointmentQuestion.tsx b/src/components/Questionnaire/QuestionTypes/FollowUpAppointmentQuestion.tsx
new file mode 100644
index 00000000000..3fc6b63ab02
--- /dev/null
+++ b/src/components/Questionnaire/QuestionTypes/FollowUpAppointmentQuestion.tsx
@@ -0,0 +1,216 @@
+import { useQuery } from "@tanstack/react-query";
+import { format } from "date-fns";
+import { useState } from "react";
+import { useTranslation } from "react-i18next";
+
+import { DatePicker } from "@/components/ui/date-picker";
+import { Label } from "@/components/ui/label";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from "@/components/ui/select";
+import { Textarea } from "@/components/ui/textarea";
+
+import { Avatar } from "@/components/Common/Avatar";
+import { groupSlotsByAvailability } from "@/components/Schedule/Appointments/utils";
+import { ScheduleAPIs } from "@/components/Schedule/api";
+import { FollowUpAppointmentRequest } from "@/components/Schedule/types";
+
+import useSlug from "@/hooks/useSlug";
+
+import query from "@/Utils/request/query";
+import { dateQueryString, formatDisplayName } from "@/Utils/utils";
+import {
+  QuestionnaireResponse,
+  ResponseValue,
+} from "@/types/questionnaire/form";
+import { Question } from "@/types/questionnaire/question";
+import { UserBase } from "@/types/user/user";
+
+interface FollowUpVisitQuestionProps {
+  question: Question;
+  questionnaireResponse: QuestionnaireResponse;
+  updateQuestionnaireResponseCB: (response: QuestionnaireResponse) => void;
+  disabled?: boolean;
+}
+
+export function FollowUpAppointmentQuestion({
+  question,
+  questionnaireResponse,
+  updateQuestionnaireResponseCB,
+  disabled,
+}: FollowUpVisitQuestionProps) {
+  const { t } = useTranslation();
+  const [resource, setResource] = useState<UserBase>();
+  const [selectedDate, setSelectedDate] = useState<Date>();
+
+  const values =
+    (questionnaireResponse.values?.[0]
+      ?.value as unknown as FollowUpAppointmentRequest[]) || [];
+
+  const value = values[0] ?? {};
+
+  const handleUpdate = (updates: Partial<FollowUpAppointmentRequest>) => {
+    const followUpAppointment = { ...value, ...updates };
+    updateQuestionnaireResponseCB({
+      ...questionnaireResponse,
+      values: [
+        {
+          type: "follow_up_appointment",
+          value: [followUpAppointment] as unknown as ResponseValue["value"],
+        },
+      ],
+    });
+  };
+
+  const facilityId = useSlug("facility");
+
+  const resourcesQuery = useQuery({
+    queryKey: ["availableResources", facilityId],
+    queryFn: query(ScheduleAPIs.appointments.availableDoctors, {
+      pathParams: { facility_id: facilityId },
+    }),
+  });
+
+  const slotsQuery = useQuery({
+    queryKey: [
+      "slots",
+      facilityId,
+      resource?.id,
+      dateQueryString(selectedDate),
+    ],
+    queryFn: query(ScheduleAPIs.slots.getSlotsForDay, {
+      pathParams: { facility_id: facilityId },
+      body: {
+        resource: resource?.id,
+        day: dateQueryString(selectedDate),
+      },
+    }),
+    enabled: !!resource && !!selectedDate,
+  });
+
+  return (
+    <div className="space-y-4">
+      <Label className="text-base font-medium">
+        {question.text}
+        {question.required && <span className="ml-1 text-red-500">*</span>}
+      </Label>
+      <div className="space-y-4">
+        <div>
+          <Label className="mb-2">{t("reason_for_visit")}</Label>
+          <Textarea
+            placeholder={t("reason_for_visit_placeholder")}
+            value={value.reason_for_visit || ""}
+            onChange={(e) => handleUpdate({ reason_for_visit: e.target.value })}
+            disabled={disabled}
+          />
+        </div>
+        <div>
+          <Label className="block mb-2">{t("select_practitioner")}</Label>
+          <Select
+            disabled={resourcesQuery.isLoading || disabled}
+            value={resource?.id}
+            onValueChange={(value) =>
+              setResource(
+                resourcesQuery.data?.users.find((r) => r.id === value),
+              )
+            }
+          >
+            <SelectTrigger>
+              <SelectValue placeholder={t("show_all")} />
+            </SelectTrigger>
+            <SelectContent>
+              {resourcesQuery.data?.users.map((user) => (
+                <SelectItem key={user.username} value={user.id}>
+                  <div className="flex items-center gap-2">
+                    <Avatar
+                      imageUrl={user.profile_picture_url}
+                      name={formatDisplayName(user)}
+                      className="size-6 rounded-full"
+                    />
+                    <span>{formatDisplayName(user)}</span>
+                  </div>
+                </SelectItem>
+              ))}
+            </SelectContent>
+          </Select>
+        </div>
+
+        <div className="flex gap-2">
+          <div className="flex-1">
+            <Label className="block mb-2">{t("select_date")}</Label>
+            <DatePicker date={selectedDate} onChange={setSelectedDate} />
+          </div>
+
+          <div className="flex-1">
+            <Label className="block mb-2">{t("select_time")}</Label>
+            {(!slotsQuery.data?.results ||
+              slotsQuery.data.results.length === 0) &&
+            selectedDate &&
+            resource ? (
+              <div className="rounded-md border border-input px-3 py-2 text-sm text-muted-foreground">
+                {t("no_slots_available")}
+              </div>
+            ) : (
+              <Select
+                disabled={
+                  !selectedDate || !resource || slotsQuery.isLoading || disabled
+                }
+                value={value.slot_id}
+                onValueChange={(slotId) => {
+                  handleUpdate({ slot_id: slotId });
+                }}
+              >
+                <SelectTrigger>
+                  <SelectValue placeholder={t("select_time_slot")} />
+                </SelectTrigger>
+                <SelectContent>
+                  {slotsQuery.data?.results &&
+                    groupSlotsByAvailability(slotsQuery.data.results).map(
+                      ({ availability, slots }) => (
+                        <div key={availability.name}>
+                          <div className="px-2 py-1.5 text-sm font-semibold">
+                            {availability.name}
+                          </div>
+                          {slots.map((slot) => {
+                            const isFullyBooked =
+                              slot.allocated >= availability.tokens_per_slot;
+                            return (
+                              <SelectItem
+                                key={slot.id}
+                                value={slot.id}
+                                disabled={isFullyBooked}
+                              >
+                                <div className="flex items-center justify-between">
+                                  <span>
+                                    {format(slot.start_datetime, "HH:mm")}
+                                  </span>
+                                  <span className="pl-1 text-xs text-gray-500">
+                                    {availability.tokens_per_slot -
+                                      slot.allocated}{" "}
+                                    {t("slots_left")}
+                                  </span>
+                                </div>
+                              </SelectItem>
+                            );
+                          })}
+                        </div>
+                      ),
+                    )}
+                  {slotsQuery.data?.results.length === 0 && (
+                    <div className="px-2 py-4 text-center text-sm text-gray-500">
+                      {t("no_slots_available")}
+                    </div>
+                  )}
+                </SelectContent>
+              </Select>
+            )}
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/Questionnaire/QuestionTypes/FollowUpVisitQuestion.tsx b/src/components/Questionnaire/QuestionTypes/FollowUpVisitQuestion.tsx
new file mode 100644
index 00000000000..e69de29bb2d
diff --git a/src/components/Questionnaire/QuestionTypes/QuestionInput.tsx b/src/components/Questionnaire/QuestionTypes/QuestionInput.tsx
index ec89af15d5c..e0c4b3ed631 100644
--- a/src/components/Questionnaire/QuestionTypes/QuestionInput.tsx
+++ b/src/components/Questionnaire/QuestionTypes/QuestionInput.tsx
@@ -2,6 +2,8 @@ import CareIcon from "@/CAREUI/icons/CareIcon";
 
 import { Button } from "@/components/ui/button";
 
+import { FollowUpAppointmentQuestion } from "@/components/Questionnaire/QuestionTypes/FollowUpAppointmentQuestion";
+
 import { QuestionValidationError } from "@/types/questionnaire/batch";
 import type {
   QuestionnaireResponse,
@@ -161,6 +163,8 @@ export function QuestionInput({
             return <SymptomQuestion {...commonProps} />;
           case "diagnosis":
             return <DiagnosisQuestion {...commonProps} />;
+          case "follow_up_appointment":
+            return <FollowUpAppointmentQuestion {...commonProps} />;
           case "encounter":
             if (encounterId) {
               return (
diff --git a/src/components/Questionnaire/QuestionnaireForm.tsx b/src/components/Questionnaire/QuestionnaireForm.tsx
index bb11c82ee77..59854bab2fb 100644
--- a/src/components/Questionnaire/QuestionnaireForm.tsx
+++ b/src/components/Questionnaire/QuestionnaireForm.tsx
@@ -304,7 +304,7 @@ export function QuestionnaireForm({
             key={`${form.questionnaire.id}-${index}`}
             className="border rounded-lg p-6 space-y-6"
           >
-            <div className="flex justify-between items-center flex-wrap">
+            <div className="flex justify-between items-center">
               <div className="space-y-1">
                 <h2 className="text-xl font-semibold">
                   {form.questionnaire.title}
@@ -321,7 +321,6 @@ export function QuestionnaireForm({
                   type="button"
                   variant="ghost"
                   size="sm"
-                  className="self-end"
                   onClick={() => {
                     setQuestionnaireForms((prev) =>
                       prev.filter(
diff --git a/src/components/Questionnaire/structured/handlers.ts b/src/components/Questionnaire/structured/handlers.ts
index ffa87cec6ae..380860be3e6 100644
--- a/src/components/Questionnaire/structured/handlers.ts
+++ b/src/components/Questionnaire/structured/handlers.ts
@@ -129,9 +129,8 @@ const handlers: {
       }),
   },
   encounter: {
-    getRequests: (encounters, { patientId, facilityId, encounterId }) => {
+    getRequests: (encounters, { patientId, encounterId }) => {
       if (!encounterId) return [];
-      console.log("Encounters", encounters, facilityId);
       return encounters.map((encounter) => {
         const body: RequestTypeFor<"encounter"> = {
           organizations: [],
@@ -154,6 +153,22 @@ const handlers: {
       });
     },
   },
+  follow_up_appointment: {
+    getRequests: (followUpAppointment, { facilityId, patientId }) => {
+      const { reason_for_visit, slot_id } = followUpAppointment[0];
+      return [
+        {
+          url: `/api/v1/facility/${facilityId}/slots/${slot_id}/create_appointment/`,
+          method: "POST",
+          body: {
+            reason_for_visit,
+            patient: patientId,
+          },
+          reference_id: "follow_up_appointment",
+        },
+      ];
+    },
+  },
 };
 
 export const getStructuredRequests = <T extends StructuredQuestionType>(
diff --git a/src/components/Questionnaire/structured/types.ts b/src/components/Questionnaire/structured/types.ts
index 2b4f401b107..d59b5c6313b 100644
--- a/src/components/Questionnaire/structured/types.ts
+++ b/src/components/Questionnaire/structured/types.ts
@@ -1,3 +1,8 @@
+import {
+  AppointmentCreate,
+  FollowUpAppointmentRequest,
+} from "@/components/Schedule/types";
+
 import {
   AllergyIntolerance,
   AllergyIntoleranceRequest,
@@ -17,6 +22,7 @@ export interface StructuredDataMap {
   symptom: Symptom;
   diagnosis: Diagnosis;
   encounter: Encounter;
+  follow_up_appointment: FollowUpAppointmentRequest;
 }
 
 // Map structured types to their request types
@@ -27,6 +33,7 @@ export interface StructuredRequestMap {
   symptom: SymptomRequest;
   diagnosis: DiagnosisRequest;
   encounter: EncounterEditRequest;
+  follow_up_appointment: AppointmentCreate;
 }
 
 export type RequestTypeFor<T extends StructuredQuestionType> =
diff --git a/src/components/Schedule/Appointments/AppointmentCreatePage.tsx b/src/components/Schedule/Appointments/AppointmentCreatePage.tsx
index f7a75d3397e..fa5fc3538c3 100644
--- a/src/components/Schedule/Appointments/AppointmentCreatePage.tsx
+++ b/src/components/Schedule/Appointments/AppointmentCreatePage.tsx
@@ -328,7 +328,7 @@ export default function AppointmentCreatePage(props: Props) {
                                     slot.allocated ===
                                     availability.tokens_per_slot
                                   }
-                                  className="flex flex-col items-center group"
+                                  className="flex flex-col items-center group gap-0"
                                 >
                                   <span className="font-semibold">
                                     {format(slot.start_datetime, "HH:mm")}
diff --git a/src/components/Schedule/Appointments/AppointmentDetailsPage.tsx b/src/components/Schedule/Appointments/AppointmentDetailsPage.tsx
index 410f5ba7dee..a4aab3af1be 100644
--- a/src/components/Schedule/Appointments/AppointmentDetailsPage.tsx
+++ b/src/components/Schedule/Appointments/AppointmentDetailsPage.tsx
@@ -11,7 +11,9 @@ import {
   PlusCircledIcon,
 } from "@radix-ui/react-icons";
 import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
-import { differenceInYears, format, isPast } from "date-fns";
+import { differenceInYears, format, isSameDay } from "date-fns";
+import { PrinterIcon } from "lucide-react";
+import { navigate } from "raviger";
 import { useTranslation } from "react-i18next";
 import { toast } from "sonner";
 
@@ -36,7 +38,10 @@ import Loading from "@/components/Common/Loading";
 import Page from "@/components/Common/Page";
 import { FacilityModel } from "@/components/Facility/models";
 import { AppointmentTokenCard } from "@/components/Schedule/Appointments/AppointmentTokenCard";
-import { formatAppointmentSlotTime } from "@/components/Schedule/Appointments/utils";
+import {
+  formatAppointmentSlotTime,
+  printAppointment,
+} from "@/components/Schedule/Appointments/utils";
 import { ScheduleAPIs } from "@/components/Schedule/api";
 import { Appointment, AppointmentStatuses } from "@/components/Schedule/types";
 
@@ -128,8 +133,14 @@ export default function AppointmentDetailsPage(props: Props) {
                 facility={facilityQuery.data}
               />
             </div>
-            <div className="flex justify-end px-6">
-              {/* TODO: use navigator.share */}
+            <div className="flex gap-2 justify-end px-6">
+              <Button
+                variant="outline"
+                onClick={() => printAppointment({ t, facility, appointment })}
+              >
+                <PrinterIcon className="size-4 mr-2" />
+                <span>{t("print")}</span>
+              </Button>
               <Button
                 variant="default"
                 onClick={async () => {
@@ -149,6 +160,15 @@ export default function AppointmentDetailsPage(props: Props) {
               <AppointmentActions
                 appointment={appointment}
                 onChange={(status) => updateAppointment({ status })}
+                onViewPatient={() => {
+                  navigate(`/facility/${props.facilityId}/patients/verify`, {
+                    query: {
+                      phone_number: patient.phone_number,
+                      year_of_birth: patient.year_of_birth,
+                      partial_id: patient.id.slice(0, 5),
+                    },
+                  });
+                }}
               />
             </div>
           </div>
@@ -330,15 +350,17 @@ const AppointmentDetails = ({
 interface AppointmentActionsProps {
   appointment: Appointment;
   onChange: (status: Appointment["status"]) => void;
+  onViewPatient: () => void;
 }
 
 const AppointmentActions = ({
   appointment,
   onChange,
+  onViewPatient,
 }: AppointmentActionsProps) => {
   const { t } = useTranslation();
   const currentStatus = appointment.status;
-  const hasStarted = isPast(appointment.token_slot.start_datetime);
+  const isToday = isSameDay(appointment.token_slot.start_datetime, new Date());
 
   if (["fulfilled", "cancelled", "entered_in_error"].includes(currentStatus)) {
     return null;
@@ -368,20 +390,26 @@ const AppointmentActions = ({
   return (
     <div className="flex flex-col gap-2 w-64 mx-auto">
       {currentStatus === "booked" && (
-        <Button
-          disabled={!hasStarted}
-          variant="outline_primary"
-          onClick={() => onChange("checked_in")}
-          size="lg"
-        >
-          <EnterIcon className="size-4 mr-2" />
-          {t("check_in")}
-        </Button>
+        <>
+          <Button variant="outline" onClick={onViewPatient} size="lg">
+            <PersonIcon className="size-4 mr-2" />
+            {t("view_patient")}
+          </Button>
+          <Button
+            disabled={!isToday}
+            variant="outline_primary"
+            onClick={() => onChange("checked_in")}
+            size="lg"
+          >
+            <EnterIcon className="size-4 mr-2" />
+            {t("check_in")}
+          </Button>
+        </>
       )}
 
       {["booked", "checked_in"].includes(currentStatus) && (
         <Button
-          disabled={!hasStarted}
+          disabled={!isToday}
           variant={
             currentStatus === "checked_in" ? "outline_primary" : "outline"
           }
@@ -395,7 +423,7 @@ const AppointmentActions = ({
 
       {currentStatus === "in_consultation" && (
         <Button
-          disabled={!hasStarted}
+          disabled={!isToday}
           variant="outline_primary"
           onClick={() => onChange("fulfilled")}
           size="lg"
diff --git a/src/components/Schedule/Appointments/AppointmentsPage.tsx b/src/components/Schedule/Appointments/AppointmentsPage.tsx
index 770f0186bd0..0683f05f221 100644
--- a/src/components/Schedule/Appointments/AppointmentsPage.tsx
+++ b/src/components/Schedule/Appointments/AppointmentsPage.tsx
@@ -385,7 +385,7 @@ function AppointmentColumn(props: {
         </div>
       ) : (
         <ScrollArea>
-          <ul className="space-y-3 px-3 pb-4 pt-1 h-[calc(100vh-22rem)]">
+          <ul className="space-y-3 px-3 pb-4 pt-1 h-[calc(100vh-18rem)]">
             {appointments.map((appointment) => (
               <li key={appointment.id}>
                 <Link
@@ -678,26 +678,40 @@ const AppointmentStatusDropdown = ({
 
 interface SlotFilterProps {
   slots: SlotAvailability[];
+  disableInline?: boolean;
+  disabled?: boolean;
   selectedSlot: string | undefined;
   onSelect: (slot: string) => void;
 }
 
-function SlotFilter({ selectedSlot, onSelect, ...props }: SlotFilterProps) {
+export const SlotFilter = ({
+  selectedSlot,
+  onSelect,
+  ...props
+}: SlotFilterProps) => {
   const { t } = useTranslation();
   const slots = props.slots.filter((slot) => slot.allocated > 0);
 
   const resolvedSlot =
     selectedSlot && slots.find((slot) => slot.id === selectedSlot);
 
-  if (slots.length <= 3) {
+  if (slots.length <= 3 && !props.disableInline) {
     return (
       <Tabs value={selectedSlot ?? "all"} onValueChange={onSelect}>
         <TabsList>
-          <TabsTrigger value="all" className="uppercase">
+          <TabsTrigger
+            value="all"
+            className="uppercase"
+            disabled={props.disabled}
+          >
             {t("all")}
           </TabsTrigger>
           {slots.map((slot) => (
-            <TabsTrigger key={slot.id} value={slot.id}>
+            <TabsTrigger
+              key={slot.id}
+              value={slot.id}
+              disabled={props.disabled}
+            >
               {format(slot.start_datetime, "h:mm a").replace(":00", "")}
               {" - "}
               {format(slot.end_datetime, "h:mm a").replace(":00", "")}
@@ -717,6 +731,7 @@ function SlotFilter({ selectedSlot, onSelect, ...props }: SlotFilterProps) {
           variant="outline"
           role="combobox"
           className="min-w-60 justify-start"
+          disabled={props.disabled}
         >
           {resolvedSlot ? (
             <div className="flex items-center gap-2">
@@ -797,4 +812,4 @@ function SlotFilter({ selectedSlot, onSelect, ...props }: SlotFilterProps) {
       </SelectContent>
     </Select>
   );
-}
+};
diff --git a/src/components/Schedule/Appointments/utils.ts b/src/components/Schedule/Appointments/utils.ts
index c357ad5e0e7..da32df815a3 100644
--- a/src/components/Schedule/Appointments/utils.ts
+++ b/src/components/Schedule/Appointments/utils.ts
@@ -7,8 +7,12 @@ import {
   max,
   startOfToday,
 } from "date-fns";
+import { TFunction } from "i18next";
+import { toast } from "sonner";
 
+import { FacilityModel } from "@/components/Facility/models";
 import { ScheduleAPIs } from "@/components/Schedule/api";
+import { getFakeTokenNumber } from "@/components/Schedule/helpers";
 import {
   Appointment,
   AvailabilityHeatmap,
@@ -16,7 +20,11 @@ import {
 } from "@/components/Schedule/types";
 
 import query from "@/Utils/request/query";
-import { dateQueryString, getMonthStartAndEnd } from "@/Utils/utils";
+import {
+  dateQueryString,
+  formatPatientAge,
+  getMonthStartAndEnd,
+} from "@/Utils/utils";
 
 export const groupSlotsByAvailability = (slots: SlotAvailability[]) => {
   const result: {
@@ -121,3 +129,273 @@ export const formatSlotTimeRange = (slot: {
     "h:mm a",
   )}`;
 };
+
+/**
+ * TODO: optimzie this later using section-to-print
+ */
+export const printAppointment = ({
+  t,
+  facility,
+  appointment,
+}: {
+  t: TFunction;
+  facility: FacilityModel;
+  appointment: Appointment;
+}) => {
+  const patient = appointment.patient;
+  const printWindow = window.open("", "_blank");
+  if (!printWindow) {
+    toast.error(t("failed_to_open_print_window"));
+    return;
+  }
+
+  // Add content and necessary styles to the new window
+  printWindow.document.write(`
+    <html>
+      <head>
+        <title>${t("appointment_token")}</title>
+        <!-- Include Tailwind CSS from CDN -->
+        <link
+          href="https://cdn.jsdelivr.net/npm/tailwindcss@3.2.7/dist/tailwind.min.css"
+          rel="stylesheet"
+        />
+        <style>
+          body { margin: 0; padding: 16px; }
+          @media print {
+            body { -webkit-print-color-adjust: exact; print-color-adjust: exact; }
+          }
+        </style>
+      </head>
+      <body>
+          <div
+id="appointment-token-card"
+style="
+  background-color: #F9FAFB; /* bg-gray-50 */
+  padding: 1rem;            /* p-4 */
+"
+>
+<div
+  style="
+    border-radius: 0.75rem;                /* rounded-xl */
+    background-color: #FFFFFF;             /* bg-white */
+    color: #0B0B0B;                        /* text-gray-950 (approx) */
+    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05); /* shadow */
+    padding: 1.5rem;                       /* p-6 */
+    width: 30rem;                          /* w-[30rem] */
+    border: 1px solid #D1D5DB;             /* border border-gray-300 */
+    position: relative;                    /* relative */
+    transition: all 0.3s ease-in-out;      /* transition-all duration-300 ease-in-out (hover won't apply inline) */
+  "
+>
+  <!-- Watermark-like background -->
+  <div
+    style="
+      position: absolute;      /* absolute */
+      top: 0; right: 0;
+      bottom: 0; left: 0;     /* inset-0 */
+      opacity: 0.1;           /* opacity-[0.1] */
+      pointer-events: none;    /* pointer-events-none */
+      background-image: url('/images/care_logo_gray.svg'); /* bg-[url('/images/care_logo_gray.svg')] */
+      background-position: center;          /* bg-center */
+      background-repeat: no-repeat;         /* bg-no-repeat */
+      background-size: 60% auto;            /* bg-[length:60%_auto] */
+    "
+  ></div>
+
+  <div style="position: relative;">
+    <!-- Top row: hospital name & badge -->
+    <div
+      style="
+        display: flex;              /* flex */
+        align-items: flex-start;    /* items-start */
+        justify-content: space-between; /* justify-between */
+      "
+    >
+      <div>
+        <h3
+          style="
+            font-size: 1.125rem;    /* text-lg */
+            line-height: 1.75rem;
+            font-weight: 700;       /* font-bold */
+            letter-spacing: -0.025em; /* tracking-tight (approx) */
+          "
+        >
+          ${facility.name}
+        </h3>
+        <div
+          style="
+            font-size: 0.875rem;         /* text-sm */
+            line-height: 1.25rem;
+            color: #4B5563;             /* text-gray-600 */
+          "
+        >
+          <span>${facility.name}</span>
+          <span>Ph.: ${facility.pincode}</span>
+        </div>
+      </div>
+
+      <div
+        style="
+          font-size: 0.875rem;             /* text-sm */
+          line-height: 1.25rem;
+          white-space: nowrap;             /* whitespace-nowrap */
+          text-align: center;              /* text-center */
+          background-color: #F3F4F6;       /* bg-gray-100 */
+          padding-left: 0.75rem;           /* px-3 */
+          padding-right: 0.75rem;
+          padding-bottom: 0.5rem;          /* pb-2 */
+          padding-top: 1.5rem;             /* pt-6 */
+          margin-top: -1.5rem;            /* -mt-6 */
+          font-weight: 500;               /* font-medium */
+          color: #6B7280;                 /* text-gray-500 */
+        "
+      >
+        <p>GENERAL</p>
+        <p>OP TOKEN</p>
+      </div>
+    </div>
+
+    <!-- Patient info row -->
+    <div
+      style="
+        margin-top: 1rem;               /* mt-4 */
+        display: flex;                  /* flex */
+        align-items: flex-start;        /* items-start */
+        justify-content: space-between; /* justify-between */
+      "
+    >
+      <div>
+        <label
+          style="
+            font-size: 0.875rem; /* text-sm */
+            line-height: 1;      /* leading-none */
+            font-weight: 500;    /* font-medium */
+          "
+        >
+          Name
+        </label>
+        <p style="font-weight: 600; /* font-semibold */">${patient.name}</p>
+        <p
+          style="
+            font-size: 0.875rem;     /* text-sm */
+            color: #4B5563;         /* text-gray-600 */
+            font-weight: 500;       /* font-medium */
+          "
+        >
+          ${formatPatientAge(patient as any, true)}, ${t(`GENDER__${patient.gender}`)}
+        </p>
+      </div>
+      <div
+        style="
+          display: flex;       /* flex */
+          align-items: center; /* items-center */
+          gap: 0.5rem;         /* gap-2 (approx) */
+        "
+      >
+        <div>
+          <label
+            style="
+              font-size: 0.875rem; /* text-sm */
+              font-weight: 700;    /* text-black font-semibold (approx) */
+            "
+          >
+            Token No.
+          </label>
+          <p
+            style="
+              font-size: 3rem;     /* text-5xl */
+              font-weight: 700;    /* font-bold */
+              line-height: 1;      /* leading-none */
+              margin: 0;
+            "
+          >
+            ${getFakeTokenNumber(appointment)}
+          </p>
+        </div>
+      </div>
+    </div>
+
+    <!-- Bottom row: Practitioner & date/time + QR -->
+    <div
+      style="
+        margin-top: 1rem;               /* mt-4 */
+        display: flex;                  /* flex */
+        justify-content: space-between; /* justify-between */
+      "
+    >
+      <div
+        style="
+          display: flex;
+          flex-direction: column;
+          row-gap: 0.5rem;  /* space-y-2 approximation */
+        "
+      >
+        <div>
+          <label
+            style="
+              font-size: 0.875rem; /* text-sm */
+              font-weight: 500;    /* font-medium */
+            "
+          >
+            Practitioner:
+          </label>
+          <p
+            style="
+              font-size: 0.875rem; /* text-sm */
+              font-weight: 600;    /* font-semibold */
+              margin: 0.25rem 0 0 0;
+            "
+          >
+            ${appointment.resource.first_name} ${appointment.resource.last_name}
+          </p>
+        </div>
+        <div>
+          <p
+            style="
+              font-size: 0.875rem; /* text-sm */
+              font-weight: 600;    /* font-semibold */
+              color: #4B5563;      /* text-gray-600 */
+              margin: 0.25rem 0 0 0;
+            "
+          >
+            ${format(appointment.token_slot.start_datetime, "MMMM d, yyyy")}, ${format(appointment.token_slot.start_datetime, "h:mm a")} - ${format(appointment.token_slot.end_datetime, "h:mm a")}
+          </p>
+        </div>
+      </div>
+      <div>
+        <!-- Example QR (as <svg>) -->
+        <svg
+          height="64"
+          width="64"
+          viewBox="0 0 29 29"
+          role="img"
+        >
+          <path
+            fill="#FFFFFF"
+            d="M0,0 h29v29H0z"
+            shape-rendering="crispEdges"
+          ></path>
+          <path
+            fill="#000000"
+            d="M0 0h7v1H0zM9 0h1v1H9zM12 0h2v1H12zM15 0h1v1H15zM19 0h1v1H19zM22,0 h7v1H22zM0 1h1v1H0zM6 1h1v1H6zM12 1h6v1H12zM20 1h1v1H20zM22 1h1v1H22zM28,1 h1v1H28zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM8 2h4v1H8zM13 2h1v1H13zM18 2h1v1H18zM22 2h1v1H22zM24 2h3v1H24zM28,2 h1v1H28zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM8 3h1v1H8zM11 3h1v1H11zM14 3h2v1H14zM17 3h4v1H17zM22 3h1v1H22zM24 3h3v1H24zM28,3 h1v1H28zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM8 4h1v1H8zM10 4h1v1H10zM16 4h4v1H16zM22 4h1v1H22zM24 4h3v1H24zM28,4 h1v1H28zM0 5h1v1H0zM6 5h1v1H6zM8 5h5v1H8zM15 5h1v1H15zM22 5h1v1H22zM28,5 h1v1H28zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22,6 h7v1H22zM8 7h1v1H8zM10 7h2v1H10zM14 7h2v1H14zM20 7h1v1H20zM0 8h1v1H0zM2 8h5v1H2zM11 8h2v1H11zM15 8h3v1H15zM22 8h5v1H22zM3 9h1v1H3zM7 9h2v1H7zM10 9h1v1H10zM13 9h2v1H13zM18 9h3v1H18zM22 9h1v1H22zM24 9h2v1H24zM28,9 h1v1H28zM6 10h2v1H6zM10 10h1v1H10zM13 10h4v1H13zM20 10h3v1H20zM24 10h4v1H24zM0 11h3v1H0zM4 11h1v1H4zM8 11h1v1H8zM10 11h1v1H10zM12 11h2v1H12zM18 11h1v1H18zM23 11h3v1H23zM27,11 h2v1H27zM1 12h3v1H1zM6 12h1v1H6zM8 12h1v1H8zM10 12h1v1H10zM14 12h2v1H14zM17 12h5v1H17zM23 12h1v1H23zM26 12h1v1H26zM0 13h2v1H0zM3 13h3v1H3zM7 13h1v1H7zM9 13h1v1H9zM11 13h1v1H11zM16 13h1v1H16zM19 13h1v1H19zM21 13h2v1H21zM24 13h2v1H24zM27,13 h2v1H27zM0 14h1v1H0zM3 14h1v1H3zM6 14h1v1H6zM8 14h1v1H8zM10 14h2v1H10zM15 14h1v1H15zM20 14h1v1H20zM22 14h3v1H22zM2 15h1v1H2zM8 15h2v1H8zM14 15h1v1H14zM16 15h1v1H16zM20 15h1v1H20zM23 15h2v1H23zM4 16h4v1H4zM11 16h2v1H11zM15 16h1v1H15zM17 16h3v1H17zM21 16h1v1H21zM23 16h1v1H23zM25,16 h4v1H25zM0 17h2v1H0zM3 17h1v1H3zM7 17h1v1H7zM9 17h1v1H9zM11 17h1v1H11zM13 17h2v1H13zM16 17h2v1H16zM19 17h1v1H19zM22 17h1v1H22zM24 17h2v1H24zM28,17 h1v1H28zM0 18h1v1H0zM2 18h2v1H2zM5 18h3v1H5zM9 18h1v1H9zM12 18h5v1H12zM18 18h1v1H18zM20 18h1v1H20zM23 18h3v1H23zM27 18h1v1H27zM0 19h1v1H0zM3 19h1v1H3zM5 19h1v1H5zM8 19h4v1H8zM13 19h1v1H13zM18 19h1v1H18zM21 19h1v1H21zM23 19h3v1H23zM27,19 h2v1H27zM0 20h1v1H0zM2 20h2v1H2zM6 20h1v1H6zM8 20h2v1H8zM14 20h2v1H14zM17 20h2v1H17zM20 20h5v1H20zM26 20h2v1H26zM8 21h1v1H8zM10 21h3v1H10zM16 21h1v1H16zM19 21h2v1H19zM24 21h1v1H24zM27,21 h2v1H27zM0 22h7v1H0zM11 22h1v1H11zM15 22h3v1H15zM19 22h2v1H19zM22 22h1v1H22zM24 22h1v1H24zM26 22h1v1H26zM0 23h1v1H0zM6 23h1v1H6zM8 23h1v1H8zM10 23h1v1H10zM14 23h3v1H14zM20 23h1v1H20zM24 23h1v1H24zM27 23h1v1H27zM0 24h1v1H0zM2 24h3v1H2zM6 24h1v1H6zM8 24h1v1H8zM11 24h2v1H11zM15 24h3v1H15zM20 24h7v1H20zM0 25h1v1H0zM2 25h3v1H2zM6 25h1v1H6zM8 25h1v1H8zM10 25h1v1H10zM12 25h1v1H12zM14 25h1v1H14zM18 25h1v1H18zM21 25h1v1H21zM23 25h1v1H23zM25 25h1v1H25zM27,25 h2v1H27zM0 26h1v1H0zM2 26h3v1H2zM6 26h1v1H6zM8 26h2v1H8zM11 26h2v1H11zM14 26h3v1H14zM19 26h1v1H19zM22 26h1v1H22zM24 26h4v1H24zM0 27h1v1H0zM6 27h1v1H6zM10 27h2v1H10zM19 27h2v1H19zM23 27h2v1H23zM27 27h1v1H27zM0 28h7v1H0zM8 28h1v1H8zM11 28h1v1H11zM15 28h4v1H15zM21 28h1v1H21zM23 28h1v1H23zM26 28h1v1H26z"
+            shape-rendering="crispEdges"
+          ></path>
+        </svg>
+      </div>
+    </div>
+  </div>
+</div>
+</div>
+
+      </body>
+    </html>
+  `);
+
+  printWindow.document.close();
+
+  // Wait for content to load before printing
+  printWindow.onload = () => {
+    printWindow.print();
+    printWindow.onafterprint = () => printWindow.close();
+  };
+};
diff --git a/src/components/Schedule/types.ts b/src/components/Schedule/types.ts
index 4056ad56d5b..fc813d32569 100644
--- a/src/components/Schedule/types.ts
+++ b/src/components/Schedule/types.ts
@@ -104,3 +104,8 @@ export interface Appointment {
 export interface AvailabilityHeatmap {
   [date: string]: { total_slots: number; booked_slots: number };
 }
+
+export interface FollowUpAppointmentRequest {
+  reason_for_visit: string;
+  slot_id: string;
+}
diff --git a/src/types/questionnaire/form.ts b/src/types/questionnaire/form.ts
index b66fc805d05..1cb6f6b18e7 100644
--- a/src/types/questionnaire/form.ts
+++ b/src/types/questionnaire/form.ts
@@ -1,3 +1,5 @@
+import { FollowUpAppointmentRequest } from "@/components/Schedule/types";
+
 import { AllergyIntolerance } from "@/types/emr/allergyIntolerance";
 import { Encounter } from "@/types/emr/encounter";
 import { MedicationRequest } from "@/types/emr/medicationRequest";
@@ -20,7 +22,8 @@ export type ResponseValue = {
     | "medication_statement"
     | "symptom"
     | "diagnosis"
-    | "encounter";
+    | "encounter"
+    | "follow_up_appointment";
 
   value?:
     | string
@@ -32,7 +35,8 @@ export type ResponseValue = {
     | MedicationStatement[]
     | Symptom[]
     | Diagnosis[]
-    | Encounter;
+    | Encounter
+    | FollowUpAppointmentRequest;
   value_code?: Code;
   value_quantity?: Quantity;
 };
diff --git a/src/types/questionnaire/question.ts b/src/types/questionnaire/question.ts
index 94da641e48f..e41fdb3498e 100644
--- a/src/types/questionnaire/question.ts
+++ b/src/types/questionnaire/question.ts
@@ -22,7 +22,8 @@ export type StructuredQuestionType =
   | "medication_statement"
   | "symptom"
   | "diagnosis"
-  | "encounter";
+  | "encounter"
+  | "follow_up_appointment";
 
 type EnableWhenNumeric = {
   operator: "greater" | "less" | "greater_or_equals" | "less_or_equals";