update

frontend/src/pages/MitgliedDetail.tsx

@@ -33,6 +33,8 @@ import {
   DriveEta as DriveEtaIcon,
   CheckCircle as CheckCircleIcon,
   HighlightOff as HighlightOffIcon,
+  MilitaryTech as MilitaryTechIcon,
+  LocalHospital as LocalHospitalIcon,
 } from '@mui/icons-material';
 import { useParams, useNavigate } from 'react-router-dom';
 import DashboardLayout from '../components/dashboard/DashboardLayout';
@@ -56,6 +58,7 @@ import {
   formatPhone,
   UpdateMemberProfileData,
 } from '../types/member.types';
+import type { Befoerderung, Untersuchung, Fahrgenehmigung } from '../types/member.types';
 import type { AtemschutzUebersicht } from '../types/atemschutz.types';
 import { UntersuchungErgebnisLabel } from '../types/atemschutz.types';
 
@@ -237,6 +240,11 @@ function MitgliedDetail() {
   const [atemschutz, setAtemschutz] = useState<AtemschutzUebersicht | null>(null);
   const [atemschutzLoading, setAtemschutzLoading] = useState(false);
 
+  // FDISK-synced sub-section data
+  const [befoerderungen, setBefoerderungen] = useState<Befoerderung[]>([]);
+  const [untersuchungen, setUntersuchungen] = useState<Untersuchung[]>([]);
+  const [fahrgenehmigungen, setFahrgenehmigungen] = useState<Fahrgenehmigung[]>([]);
+
   // Edit form state — only the fields the user is allowed to change
   const [formData, setFormData] = useState<UpdateMemberProfileData>({});
 
@@ -271,6 +279,14 @@ function MitgliedDetail() {
       .finally(() => setAtemschutzLoading(false));
   }, [userId]);
 
+  // Load FDISK-synced sub-section data
+  useEffect(() => {
+    if (!userId) return;
+    membersService.getBefoerderungen(userId).then(setBefoerderungen).catch(() => setBefoerderungen([]));
+    membersService.getUntersuchungen(userId).then(setUntersuchungen).catch(() => setUntersuchungen([]));
+    membersService.getFahrgenehmigungen(userId).then(setFahrgenehmigungen).catch(() => setFahrgenehmigungen([]));
+  }, [userId]);
+
   // Populate form from current profile
   useEffect(() => {
     if (member?.profile) {
@@ -1025,6 +1041,102 @@ function MitgliedDetail() {
               </CardContent>
             </Card>
           )}
+
+          {/* FDISK-synced sub-sections */}
+          <Grid container spacing={3} sx={{ mt: 0 }}>
+            {/* Beförderungen */}
+            {befoerderungen.length > 0 && (
+              <Grid item xs={12} md={6}>
+                <Card>
+                  <CardHeader
+                    avatar={<MilitaryTechIcon color="primary" />}
+                    title="Beförderungen"
+                  />
+                  <CardContent>
+                    {befoerderungen.map((b) => (
+                      <FieldRow
+                        key={b.id}
+                        label={b.datum ? new Date(b.datum).toLocaleDateString('de-AT') : '—'}
+                        value={b.dienstgrad}
+                      />
+                    ))}
+                  </CardContent>
+                </Card>
+              </Grid>
+            )}
+
+            {/* Untersuchungen */}
+            {untersuchungen.length > 0 && (
+              <Grid item xs={12} md={6}>
+                <Card>
+                  <CardHeader
+                    avatar={<LocalHospitalIcon color="primary" />}
+                    title="Untersuchungen"
+                  />
+                  <CardContent>
+                    {untersuchungen.map((u) => (
+                      <Box key={u.id} sx={{ py: 0.75, borderBottom: '1px solid', borderColor: 'divider' }}>
+                        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline' }}>
+                          <Typography variant="body2" fontWeight={500}>
+                            {u.art}
+                          </Typography>
+                          <Typography variant="caption" color="text.secondary">
+                            {u.datum ? new Date(u.datum).toLocaleDateString('de-AT') : '—'}
+                          </Typography>
+                        </Box>
+                        {u.ergebnis && (
+                          <Typography variant="body2" color="text.secondary">
+                            {u.ergebnis}
+                          </Typography>
+                        )}
+                        {u.anmerkungen && (
+                          <Typography variant="caption" color="text.secondary">
+                            {u.anmerkungen}
+                          </Typography>
+                        )}
+                      </Box>
+                    ))}
+                  </CardContent>
+                </Card>
+              </Grid>
+            )}
+
+            {/* Fahrgenehmigungen */}
+            {fahrgenehmigungen.length > 0 && (
+              <Grid item xs={12} md={6}>
+                <Card>
+                  <CardHeader
+                    avatar={<DriveEtaIcon color="primary" />}
+                    title="Gesetzliche Fahrgenehmigungen"
+                  />
+                  <CardContent>
+                    {fahrgenehmigungen.map((f) => (
+                      <Box key={f.id} sx={{ py: 0.75, borderBottom: '1px solid', borderColor: 'divider' }}>
+                        <Box sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'baseline' }}>
+                          <Typography variant="body2" fontWeight={500}>
+                            {f.klasse}
+                          </Typography>
+                          <Typography variant="caption" color="text.secondary">
+                            {f.ausstellungsdatum ? new Date(f.ausstellungsdatum).toLocaleDateString('de-AT') : '—'}
+                          </Typography>
+                        </Box>
+                        {(f.behoerde || f.nummer) && (
+                          <Typography variant="body2" color="text.secondary">
+                            {[f.behoerde, f.nummer].filter(Boolean).join(' · ')}
+                          </Typography>
+                        )}
+                        {f.gueltig_bis && (
+                          <Typography variant="caption" color="text.secondary">
+                            Gültig bis: {new Date(f.gueltig_bis).toLocaleDateString('de-AT')}
+                          </Typography>
+                        )}
+                      </Box>
+                    ))}
+                  </CardContent>
+                </Card>
+              </Grid>
+            )}
+          </Grid>
         </TabPanel>
 
         {/* ---- Tab 2: Einsätze (placeholder) ---- */}

frontend/src/services/members.ts

@@ -6,6 +6,9 @@ import {
   MemberStats,
   CreateMemberProfileData,
   UpdateMemberProfileData,
+  Befoerderung,
+  Untersuchung,
+  Fahrgenehmigung,
 } from '../types/member.types';
 
 // ----------------------------------------------------------------
@@ -125,4 +128,19 @@ export const membersService = {
     }
     return response.data.data;
   },
+
+  async getBefoerderungen(userId: string): Promise<Befoerderung[]> {
+    const response = await api.get<ApiItemResponse<Befoerderung[]>>(`/api/members/${userId}/befoerderungen`);
+    return response.data?.data ?? [];
+  },
+
+  async getUntersuchungen(userId: string): Promise<Untersuchung[]> {
+    const response = await api.get<ApiItemResponse<Untersuchung[]>>(`/api/members/${userId}/untersuchungen`);
+    return response.data?.data ?? [];
+  },
+
+  async getFahrgenehmigungen(userId: string): Promise<Fahrgenehmigung[]> {
+    const response = await api.get<ApiItemResponse<Fahrgenehmigung[]>>(`/api/members/${userId}/fahrgenehmigungen`);
+    return response.data?.data ?? [];
+  },
 };

frontend/src/types/member.types.ts

@@ -198,3 +198,33 @@ export const STATUS_COLORS: Record<StatusEnum, 'success' | 'warning' | 'error' |
   anwärter: 'default',
   ausgetreten: 'error',
 };
+
+// ----------------------------------------------------------------
+// FDISK-synced sub-section types
+// ----------------------------------------------------------------
+
+export interface Befoerderung {
+  id: string;
+  datum: string | null;
+  dienstgrad: string;
+  created_at: string;
+}
+
+export interface Untersuchung {
+  id: string;
+  datum: string | null;
+  anmerkungen: string | null;
+  art: string;
+  ergebnis: string | null;
+  created_at: string;
+}
+
+export interface Fahrgenehmigung {
+  id: string;
+  ausstellungsdatum: string | null;
+  gueltig_bis: string | null;
+  behoerde: string | null;
+  nummer: string | null;
+  klasse: string;
+  created_at: string;
+}