HPG Design changes

apps/dispatch/app/dispatch/_components/map/_components/MissionMarkerTabs.tsx

@@ -162,14 +162,45 @@ const Einsatzdetails = ({ mission }: { mission: Mission }) => {
 			{mission.state === "draft" && (
 				<div>
 					<div className="divider mt-0 mb-0" />
+
+					<div className="form-control mb-2">
+						<label className="flex items-center gap-2 cursor-pointer">
+							<input
+								type="checkbox"
+								className="checkbox checkbox-sm checkbox-primary"
+							/>
+							<span className="label-text font-semibold leading-6">
+								Ohne HPG-Mission alarmieren
+							</span>
+						</label>
+					</div>
+
 					<div className="flex items-center gap-2 w-full">
-						<button
+						{/* <button
 							className="btn btn-sm btn-info btn-outline flex-3"
 							onClick={() => sendAlertMutation.mutate(mission.id)}
 						>
 							<span className="flex items-center gap-2">
 								<BellRing size={16} /> Alarmieren
 							</span>
+						</button> */}
+						{/* <button
+							className="btn btn-sm btn-info btn-outline flex-3"
+							onClick={() => sendAlertMutation.mutate(mission.id)}
+							disabled
+						>
+							<span className="flex items-center gap-2">
+								<span className="loading loading-spinner loading-md"></span>{" "}
+								HPG-Validierung läuft...
+							</span>
+						</button> */}
+						<button
+							className="btn btn-sm btn-warning btn-outline flex-3"
+							onClick={() => sendAlertMutation.mutate(mission.id)}
+						>
+							<span className="flex items-center gap-2">
+								<BellRing size={16} /> Mit neuer Position alarmieren
+							</span>
 						</button>
 
 						<button

apps/dispatch/app/dispatch/_components/pannel/MissionForm.tsx

@@ -272,13 +272,14 @@ export const MissionForm = () => {
 									))}
 						</select>
 						{/* TODO: Nur anzeigen wenn eine Station mit HPG ausgewählt ist */}
+						<div className="mb-4">
 							<select
 								{...form.register("hpgMissionString")}
-							className="select select-primary select-bordered w-full mb-4"
+								className="select select-primary select-bordered w-full"
 								defaultValue="default"
 							>
 								<option disabled value="">
-								Einsatz Szenerie auswählen...
+									Einsatz Szenario auswählen...
 								</option>
 								{keywords &&
 									keywords
@@ -292,6 +293,15 @@ export const MissionForm = () => {
 											);
 										})}
 							</select>
+							{form.watch("hpgMissionString") &&
+								form.watch("hpgMissionString") !== "" && (
+									<p className="text-sm text-error">
+										Szenario wird vor Alarmierung HPG-Validiert. <br />
+										Achte nach dem Vorbereiten / Alarmieren auf den Status der
+										Mission.
+									</p>
+								)}
+						</div>
 					</>
 				)}
 				<textarea