export function renderEventManagerMarkup(context) {
  const {
    event,
    t,
    escapeHtml,
    sessions,
    sessionTypeChoices,
    sessionTypeHintKey,
    raceTeams,
    getSessionEntrants,
    getSessionTypeLabel,
    getStartModeLabel,
    getStatusLabel,
    normalizeStartMode,
    branding,
    driverOptions,
    carOptions,
    manageStatuses,
    renderManageStatusBadgeView,
    selectedParticipantCount,
    raceDrivers,
    teamDriverPool,
    showTeamsSection,
    state,
    getDriverDisplayById,
    raceFormatAdvanced,
    racePresets,
    selectedPreset,
    isEndurancePreset,
    showBasicQualifyingFields = true,
    showBasicFinalFields = true,
    renderRaceFormatContextCardView,
    renderRaceFormatFieldView,
    raceSummaryWarnings,
    raceSummaryItems,
    selectedGridSession,
    renderGridEditor,
    renderRaceStandingsTableView,
    buildPracticeStandings,
    buildQualifyingStandings,
    buildFinalStandings,
    renderTeamRaceStandings,
    renderFinalMatrix,
    editingTeam,
    editingSession,
    getModeLabel,
    renderTable,
  } = context;
  return `
    <section class="panel" id="manage-session-plan">
      <div class="panel-header">
        <h3>${t("events.manage_title")}: ${escapeHtml(event.name)}</h3>
      </div>
      <div class="panel-body">
        <form id="sessionForm" class="form-grid cols-5">
          <label>
            ${t("events.session_name")}
            <input required name="name" placeholder="${t("events.session_name")}" />
          </label>
          <label>
            ${t("events.session_type_label")}
            <select id="sessionCreateType" name="type">
              ${sessionTypeChoices.map((s) => `<option value="${s}">${getSessionTypeLabel(s)}</option>`).join("")}
            </select>
            <small>${t(sessionTypeHintKey)}</small>
          </label>
          <label>
            ${t("events.session_duration_label")}
            <input required type="number" min="1" name="durationMin" placeholder="${t("events.duration_placeholder")}" />
            <small>${t("events.session_duration_hint")}</small>
          </label>
          <label>
            ${t("events.session_followup_label")}
            <input type="number" min="0" step="1" name="followUpSec" placeholder="${t("events.follow_up_sec")}" value="${event.mode === "race" ? event.raceConfig.followUpSec || 0 : 0}" />
            <small>${t("events.session_followup_hint")}</small>
          </label>
          <label>
            ${t("events.session_start_mode_label")}
            <select name="startMode">
              <option value="mass">${t("events.start_mode_mass")}</option>
              <option value="position">${t("events.start_mode_position")}</option>
              <option value="staggered">${t("events.start_mode_staggered")}</option>
            </select>
            <small>${t("events.session_start_mode_hint")}</small>
          </label>
          <label>
            ${t("events.session_seed_laps_label")}
            <input type="number" min="0" name="seedBestLapCount" placeholder="${t("events.seed_best_laps")}" />
            <small>${t("events.session_seed_laps_hint")}</small>
          </label>
          <label>
            ${t("events.session_seed_method_label")}
            <select name="seedMethod">
              <option value="best_sum">${t("events.seed_method_best_sum")}</option>
              <option value="average">${t("events.seed_method_average")}</option>
              <option value="consecutive">${t("events.seed_method_consecutive")}</option>
            </select>
            <small>${t("events.session_seed_method_hint")}</small>
          </label>
          <label>
            ${t("events.session_stagger_gap_label")}
            <input type="number" min="0" step="1" name="staggerGapSec" placeholder="${t("events.stagger_gap_sec")}" />
            <small>${t("events.session_stagger_gap_hint")}</small>
          </label>
          <label>
            ${t("events.session_max_cars_label")}
            <input type="number" min="1" name="maxCars" placeholder="${t("events.max_cars_placeholder")}" />
            <small>${t("events.session_max_cars_hint")}</small>
          </label>
          <div class="actions-inline align-end">
            <button class="btn btn-primary" type="submit">${t("events.add_session")}</button>
          </div>
        </form>
        <p class="hint">${t("events.seed_best_laps_hint")}</p>
        <p class="hint">${t("events.free_practice_note")}</p>
        <p class="hint">${t("events.open_practice_note")}</p>

        <div class="mt-16">
          ${renderTable(
            [t("table.session"), t("table.type"), t("table.duration"), t("table.start_mode"), t("table.seeding"), t("table.status"), t(event.mode === "track" ? "events.assignments" : "events.participants"), t("events.actions")],
            sessions.map((s) => {
              const assignCount =
                event.mode === "track"
                  ? (s.assignments || []).length
                  : s.type === "team_race"
                  ? raceTeams.length
                  : getSessionEntrants(s).length;
              return `
                <tr>
                  <td>${escapeHtml(s.name)}</td>
                  <td>${escapeHtml(getSessionTypeLabel(s.type))}</td>
                  <td>${s.durationMin} min</td>
                  <td>${escapeHtml(getStartModeLabel(s.startMode))}</td>
                  <td>${s.seedBestLapCount > 0 ? `${s.seedBestLapCount}` : "-"}</td>
                  <td>${escapeHtml(getStatusLabel(s.status))}</td>
                  <td>${assignCount || (event.mode === "track" ? t("events.na") : "-")}</td>
                  <td class="actions-inline">
                    <button id="session-edit-${s.id}" class="btn">${t("events.edit_session")}</button>
                    <button id="session-active-${s.id}" class="btn">${t("events.set_active")}</button>
                    ${
                      event.mode === "race" && normalizeStartMode(s.startMode) === "position"
                        ? `<button id="session-grid-${s.id}" class="btn" type="button">${t("events.open_grid")}</button>`
                        : ""
                    }
                    ${
                      event.mode === "race" && ["qualification", "final"].includes(s.type)
                        ? `
                          <button id="session-sheet-print-${s.id}" class="btn" type="button">${t("events.print_heat_sheet")}</button>
                          <button id="session-sheet-export-${s.id}" class="btn" type="button">${t("events.export_heat_sheet")}</button>
                          <button id="session-sheet-pdf-${s.id}" class="btn" type="button">${t("events.pdf_heat_sheet")}</button>
                        `
                        : ""
                    }
                    <button id="session-delete-${s.id}" class="btn btn-danger">${t("common.delete")}</button>
                  </td>
                </tr>
              `;
            })
          )}
        </div>
      </div>
    </section>

    <section class="panel mt-16">
      <div class="panel-header"><h3>${t("events.branding")}</h3></div>
      <form id="eventBrandingForm" class="panel-body form-grid cols-3">
        <input name="brandName" value="${escapeHtml(branding.brandName)}" placeholder="${t("events.brand_name")}" />
        <input name="brandTagline" value="${escapeHtml(branding.brandTagline)}" placeholder="${t("events.brand_tagline")}" />
        <input name="pdfFooter" value="${escapeHtml(branding.pdfFooter)}" placeholder="${t("events.brand_footer")}" />
        <select name="pdfTheme">
          <option value="" ${!branding.pdfTheme ? "selected" : ""}>${t("events.branding_use_global")}</option>
          <option value="classic" ${branding.pdfTheme === "classic" ? "selected" : ""}>${t("settings.pdf_theme_classic")}</option>
          <option value="minimal" ${branding.pdfTheme === "minimal" ? "selected" : ""}>${t("settings.pdf_theme_minimal")}</option>
          <option value="motorsport" ${branding.pdfTheme === "motorsport" ? "selected" : ""}>${t("settings.pdf_theme_motorsport")}</option>
        </select>
        <button class="btn btn-primary" type="submit">${t("events.branding_save")}</button>
      </form>
      <div class="panel-body">
        <p class="hint">${t("events.branding_note")}</p>
        <div class="actions">
          <input id="eventLogoUpload" type="file" accept="image/*" />
          <button id="eventLogoClear" class="btn" type="button">${t("settings.logo_clear")}</button>
        </div>
        ${branding.logoDataUrl ? `<div class="logo-preview mt-16"><img src="${escapeHtml(branding.logoDataUrl)}" alt="event-logo" /></div>` : ""}
      </div>
    </section>

    ${
      event.mode === "track"
        ? `
      <section class="panel mt-16">
        <div class="panel-header"><h3>${t("events.sponsor_tools")}</h3></div>
        <div class="panel-body">
          <form id="sponsorRoundsForm" class="form-grid cols-5">
            <input type="number" min="0" name="qualificationRounds" value="1" placeholder="${t("events.qual_rounds")}" />
            <input type="number" min="0" name="heatRounds" value="3" placeholder="${t("events.heat_rounds")}" />
            <input type="number" min="0" name="finalRounds" value="3" placeholder="${t("events.final_rounds")}" />
            <input type="number" min="1" name="roundDuration" value="5" placeholder="${t("events.round_duration")}" />
            <button class="btn btn-primary" type="submit">${t("events.create_rounds")}</button>
          </form>
          <p class="hint">
            ${t("events.tp_rule")}
          </p>
        </div>
      </section>

      <section class="panel mt-16">
        <div class="panel-header"><h3>${t("events.assign_title")}</h3></div>
        <div class="panel-body">
          <form id="assignForm" class="form-grid cols-4">
            <select name="sessionId">${sessions
              .map((s) => `<option value="${s.id}">${escapeHtml(s.name)}</option>`)
              .join("")}</select>
            <select name="driverId">${driverOptions}</select>
            <select name="carId">${carOptions}</select>
            <button class="btn btn-primary" type="submit">${t("events.assign")}</button>
          </form>
          <div class="actions mt-16">
            <button id="autoAssignSession" class="btn" type="button">${t("events.auto_assign")}</button>
            <button id="clearAssignSession" class="btn btn-danger" type="button">${t("events.clear_assign")}</button>
          </div>
          <div id="assignmentList" class="mt-16"></div>
        </div>
      </section>
    `
        : ""
    }

    ${
      event.mode === "race"
        ? `
      <section class="panel mt-16">
        <div class="panel-body manage-step-grid">
          <article class="manage-step-card manage-step-card-${manageStatuses?.setup?.status || "pending"} manage-step-card-link" data-target="manage-session-plan" role="button" tabindex="0">
            <div class="manage-step-head"><strong>${t("events.manage_step_setup")}</strong>${renderManageStatusBadgeView(manageStatuses?.setup?.status || "pending")}</div>
            <div class="manage-step-meta">${escapeHtml(manageStatuses?.setup?.detail || "")}</div>
            <p>${t("events.manage_step_setup_hint")}</p>
          </article>
          <article class="manage-step-card manage-step-card-${manageStatuses?.format?.status || "pending"} manage-step-card-link" data-target="manage-format" role="button" tabindex="0">
            <div class="manage-step-head"><strong>${t("events.manage_step_format")}</strong>${renderManageStatusBadgeView(manageStatuses?.format?.status || "pending")}</div>
            <div class="manage-step-meta">${escapeHtml(manageStatuses?.format?.detail || "")}</div>
            <p>${t("events.manage_step_format_hint")}</p>
          </article>
          <article class="manage-step-card manage-step-card-${manageStatuses?.generation?.status || "pending"} manage-step-card-link" data-target="manage-generation" role="button" tabindex="0">
            <div class="manage-step-head"><strong>${t("events.manage_step_generate")}</strong>${renderManageStatusBadgeView(manageStatuses?.generation?.status || "pending")}</div>
            <div class="manage-step-meta">${escapeHtml(manageStatuses?.generation?.detail || "")}</div>
            <p>${t("events.manage_step_generate_hint")}</p>
          </article>
          <article class="manage-step-card manage-step-card-${manageStatuses?.live?.status || "pending"} manage-step-card-link" data-target="manage-live-results" role="button" tabindex="0">
            <div class="manage-step-head"><strong>${t("events.manage_step_live")}</strong>${renderManageStatusBadgeView(manageStatuses?.live?.status || "pending")}</div>
            <div class="manage-step-meta">${escapeHtml(manageStatuses?.live?.detail || "")}</div>
            <p>${t("events.manage_step_live_hint")}</p>
          </article>
        </div>
      </section>

      <div class="race-stage-grid mt-16">
        <section class="panel" id="manage-setup-participants">
          <div class="panel-header panel-header-with-pill">
            <h3>${t("events.select_participants")}</h3>
            <span class="pill">${selectedParticipantCount}</span>
          </div>
          <div class="panel-body">
            <div class="actions">
              <button id="selectAllParticipants" class="btn" type="button">${t("events.select_all_participants")}</button>
              <button id="clearParticipants" class="btn btn-danger" type="button">${t("events.clear_participants")}</button>
            </div>
            <div class="check-grid mt-16">
              ${raceDrivers
                .map((driver) => {
                  const checked = event.raceConfig.participantsConfigured
                    ? (event.raceConfig.driverIds || []).includes(driver.id)
                    : true;
                  return `
                    <label class="check-card">
                      <input type="checkbox" class="race-participant" value="${driver.id}" ${checked ? "checked" : ""} />
                      <span>${escapeHtml(driver.name)}${driver.transponder ? ` (${escapeHtml(driver.transponder)})` : ""}</span>
                    </label>
                  `;
                })
                .join("")}
            </div>
          </div>
        </section>

        ${
          showTeamsSection
            ? `
                <section class="panel" id="manage-setup-teams">
                  <div class="panel-header panel-header-with-pill">
                    <h3>${t("events.teams")}</h3>
                    <span class="pill">${raceTeams.length}</span>
                  </div>
                  <div class="panel-body">
                  <p class="hint">${t("events.team_race_intro")}</p>
                  <p class="hint">${t("events.team_steps")}</p>
                  <form id="teamForm" class="form-grid cols-4 team-create-form">
                    <input name="teamName" required placeholder="${t("events.team_name")}" />
                    <button class="btn btn-primary" type="submit">${t("events.add_team")}</button>
                    <p class="form-error" id="teamCreateError" hidden></p>
                  </form>
                  <p class="hint">${t("events.team_hint")}</p>
                  <div class="panel-row mt-16">
                    <section class="panel">
                      <div class="panel-header"><h3>${t("events.team_drivers")}</h3></div>
                      <div class="panel-body"><p class="hint">${t("events.team_form_drivers")}</p></div>
                      ${teamDriverPool.fallback ? `<div class="panel-body"><p class="hint">${t("events.team_driver_fallback")}</p></div>` : ""}
                      <div class="panel-body check-grid">
                        ${
                          teamDriverPool.drivers.length
                            ? teamDriverPool.drivers
                                .map(
                                  (driver) => `
                                    <label class="check-card">
                                      <input type="checkbox" name="teamDriverIds" form="teamForm" value="${driver.id}" />
                                      <span>${escapeHtml(driver.name)}${driver.transponder ? ` (${escapeHtml(driver.transponder)})` : ""}</span>
                                    </label>
                                  `
                                )
                                .join("")
                            : `<p class="hint">${t("common.no_entries")}</p>`
                        }
                      </div>
                    </section>
                    <section class="panel">
                      <div class="panel-header"><h3>${t("events.team_cars")}</h3></div>
                      <div class="panel-body"><p class="hint">${t("events.team_form_cars")}</p></div>
                      <div class="panel-body check-grid">
                        ${
                          state.cars.length
                            ? state.cars
                                .map(
                                  (car) => `
                                    <label class="check-card">
                                      <input type="checkbox" name="teamCarIds" form="teamForm" value="${car.id}" />
                                      <span>${escapeHtml(car.name)} (${escapeHtml(car.transponder || "-")})</span>
                                    </label>
                                  `
                                )
                                .join("")
                            : `<p class="hint">${t("common.no_entries")}</p>`
                        }
                      </div>
                    </section>
                  </div>
                  <div class="mt-16">
                    ${
                      raceTeams.length
                        ? raceTeams
                            .map(
                              (team) => `
                                <article class="team-card">
                                  <div>
                                    <strong>${escapeHtml(team.name)}</strong>
                                    <div class="hint">${t("events.team_drivers")}: ${escapeHtml(
                                      team.driverIds.map((driverId) => getDriverDisplayById(driverId)).join(", ") || "-"
                                    )}</div>
                                    <div class="hint">${t("events.team_cars")}: ${escapeHtml(
                                      team.carIds
                                        .map((carId) => {
                                          const car = state.cars.find((item) => item.id === carId);
                                          return car ? `${car.name} (${car.transponder || "-"})` : "";
                                        })
                                        .filter(Boolean)
                                        .join(", ") || "-"
                                    )}</div>
                                  </div>
                                  <div class="actions-inline">
                                    <button id="team-edit-${team.id}" class="btn" type="button">${t("events.edit_team")}</button>
                                    <button id="team-delete-${team.id}" class="btn btn-danger" type="button">${t("common.delete")}</button>
                                  </div>
                                </article>
                              `
                            )
                            .join("")
                        : `<p>${t("events.no_teams")}</p>`
                    }
                  </div>
                </div>
              </section>
            `
            : ""
        }
      </div>

      <section class="panel mt-16" id="manage-format">
        <div class="panel-header"><h3>${t("events.race_format")}</h3></div>
        <div class="panel-body">
          <p>${t("events.race_format_intro")}</p>
        </div>
        <div class="panel-body race-setup-shell">
          <div class="race-setup-main">
            <div class="race-setup-modebar">
              <div>
                <strong>${t("events.race_format")}</strong>
                <div class="field-hint">${t("events.race_actions_hint")}</div>
              </div>
              <div class="actions-inline race-setup-toggle">
                <button id="raceFormatBasicToggle" class="btn ${!raceFormatAdvanced ? "is-active" : ""}" type="button">${t("events.setup_mode_basic")}</button>
                <button id="raceFormatAdvancedToggle" class="btn ${raceFormatAdvanced ? "is-active" : ""}" type="button">${t("events.setup_mode_advanced")}</button>
              </div>
            </div>
            <form id="raceFormatForm" class="race-format-sections">
              <section class="race-format-section">
                <div class="panel-header"><h3>${t("events.practice_block")}</h3></div>
                <div class="panel-body"><p class="hint">${t("events.practice_block_hint")}</p></div>
                <div class="panel-body form-grid cols-2 race-format-grid">
                  ${renderRaceFormatContextCardView(isEndurancePreset ? "events.context_endurance_title" : "events.context_standard_title", isEndurancePreset ? "events.context_endurance_hint" : "events.context_standard_hint")}
                  ${renderRaceFormatFieldView(
                    "events.race_preset",
                    "events.race_preset_hint",
                    `<select name="presetId">
                      ${racePresets
                        .map(
                          (preset) => `<option value="${preset.id}" ${event.raceConfig.presetId === preset.id ? "selected" : ""}>${escapeHtml(preset.label)}</option>`
                        )
                        .join("")}
                    </select>`
                  )}
                  ${raceFormatAdvanced
                    ? `
                      <div class="field-card race-preset-actions-card">
                        <span class="field-label">${t("events.preset_name")}</span>
                        <span class="field-hint">${t("events.race_preset_hint")}</span>
                        <input name="presetName" value="${escapeHtml(selectedPreset?.custom ? selectedPreset.label : "")}" placeholder="${t("events.preset_name")}" />
                        <div class="actions-inline">
                          <button class="btn" id="applyRacePreset" type="button">${t("events.apply_preset")}</button>
                          <button class="btn" id="saveRacePreset" type="button">${t("events.save_preset")}</button>
                          <button class="btn btn-danger" id="deleteRacePreset" type="button">${t("events.delete_preset")}</button>
                        </div>
                      </div>
                    `
                    : `
                      <div class="field-card race-preset-actions-card race-preset-actions-card-compact">
                        <span class="field-label">${t("events.race_preset")}</span>
                        <span class="field-hint">${t("events.race_preset_hint")}</span>
                        <div class="actions-inline">
                          <button class="btn" id="applyRacePreset" type="button">${t("events.apply_preset")}</button>
                        </div>
                      </div>
                    `}
                  ${showBasicQualifyingFields ? renderRaceFormatFieldView(
                    "events.qualifying_scoring",
                    "events.qualifying_scoring_hint",
                    `<select name="qualifyingScoring">
                      <option value="points" ${event.raceConfig.qualifyingScoring === "points" ? "selected" : ""}>${t("events.qualifying_scoring_points")}</option>
                      <option value="best" ${event.raceConfig.qualifyingScoring === "best" ? "selected" : ""}>${t("events.qualifying_scoring_best")}</option>
                    </select>`
                  ) : ""}
                  ${showBasicQualifyingFields ? renderRaceFormatFieldView(
                    "events.qualifying_rounds",
                    "events.qualifying_rounds_hint",
                    `<input type="number" min="1" name="qualifyingRounds" value="${event.raceConfig.qualifyingRounds}" />`
                  ) : ""}
                  ${showBasicQualifyingFields ? renderRaceFormatFieldView(
                    "events.cars_per_heat",
                    "events.cars_per_heat_hint",
                    `<input type="number" min="2" name="carsPerHeat" value="${event.raceConfig.carsPerHeat}" />`
                  ) : ""}
                  ${showBasicQualifyingFields ? renderRaceFormatFieldView(
                    "events.qual_duration",
                    "events.qual_duration_hint",
                    `<input type="number" min="1" name="qualDurationMin" value="${event.raceConfig.qualDurationMin}" />`
                  ) : ""}
                  ${showBasicQualifyingFields ? renderRaceFormatFieldView(
                    "events.qual_start_mode",
                    "events.qual_start_mode_hint",
                    `<select name="qualStartMode">
                      <option value="mass" ${event.raceConfig.qualStartMode === "mass" ? "selected" : ""}>${t("events.start_mode_mass")}</option>
                      <option value="position" ${event.raceConfig.qualStartMode === "position" ? "selected" : ""}>${t("events.start_mode_position")}</option>
                      <option value="staggered" ${event.raceConfig.qualStartMode === "staggered" ? "selected" : ""}>${t("events.start_mode_staggered")}</option>
                    </select>`
                  ) : ""}
                  ${raceFormatAdvanced
                    ? renderRaceFormatFieldView(
                        "events.qual_seed_laps",
                        "events.qual_seed_laps_hint",
                        `<input type="number" min="0" name="qualSeedLapCount" value="${event.raceConfig.qualSeedLapCount}" />`
                      )
                    : ""}
                  ${raceFormatAdvanced
                    ? renderRaceFormatFieldView(
                        "events.qual_seed_method",
                        "events.qual_seed_method_hint",
                        `<select name="qualSeedMethod">
                          <option value="best_sum" ${event.raceConfig.qualSeedMethod === "best_sum" ? "selected" : ""}>${t("events.seed_method_best_sum")}</option>
                          <option value="average" ${event.raceConfig.qualSeedMethod === "average" ? "selected" : ""}>${t("events.seed_method_average")}</option>
                          <option value="consecutive" ${event.raceConfig.qualSeedMethod === "consecutive" ? "selected" : ""}>${t("events.seed_method_consecutive")}</option>
                        </select>`
                      )
                    : ""}
                  ${raceFormatAdvanced
                    ? renderRaceFormatFieldView(
                        "events.counted_qual_rounds",
                        "events.counted_qual_rounds_hint",
                        `<input type="number" min="1" name="countedQualRounds" value="${event.raceConfig.countedQualRounds}" />`
                      )
                    : ""}
                  ${raceFormatAdvanced
                    ? renderRaceFormatFieldView(
                        "events.qual_points_table",
                        "events.qual_points_table_hint",
                        `<select name="qualifyingPointsTable">
                          <option value="rank_low" ${event.raceConfig.qualifyingPointsTable === "rank_low" ? "selected" : ""}>${t("events.qual_points_rank")}</option>
                          <option value="field_desc" ${event.raceConfig.qualifyingPointsTable === "field_desc" ? "selected" : ""}>${t("events.qual_points_desc")}</option>
                          <option value="ifmar" ${event.raceConfig.qualifyingPointsTable === "ifmar" ? "selected" : ""}>${t("events.qual_points_ifmar")}</option>
                        </select>`
                      )
                    : ""}
                  ${raceFormatAdvanced
                    ? renderRaceFormatFieldView(
                        "events.qual_tie_break",
                        "events.qual_tie_break_hint",
                        `<select name="qualifyingTieBreak">
                          <option value="rounds" ${event.raceConfig.qualifyingTieBreak === "rounds" ? "selected" : ""}>${t("events.qual_tie_break_rounds")}</option>
                          <option value="best_lap" ${event.raceConfig.qualifyingTieBreak === "best_lap" ? "selected" : ""}>${t("events.qual_tie_break_best_lap")}</option>
                          <option value="best_round" ${event.raceConfig.qualifyingTieBreak === "best_round" ? "selected" : ""}>${t("events.qual_tie_break_best_round")}</option>
                        </select>`
                      )
                    : ""}
                </div>
              </section>
              <section class="race-format-section">
                <div class="panel-header"><h3>${t("events.finals_block")}</h3></div>
                <div class="panel-body"><p class="hint">${t("events.finals_block_hint")}</p></div>
                <div class="panel-body form-grid cols-2 race-format-grid">
                  ${renderRaceFormatContextCardView(isEndurancePreset ? "events.context_endurance_title" : "events.context_standard_title", isEndurancePreset ? "events.context_endurance_hint" : "events.context_standard_hint")}
                  ${showBasicFinalFields ? renderRaceFormatFieldView(
                    "events.cars_per_final",
                    "events.cars_per_final_hint",
                    `<input type="number" min="2" name="carsPerFinal" value="${event.raceConfig.carsPerFinal}" />`
                  ) : ""}
                  ${showBasicFinalFields ? renderRaceFormatFieldView(
                    "events.final_legs",
                    "events.final_legs_hint",
                    `<input type="number" min="1" name="finalLegs" value="${event.raceConfig.finalLegs}" />`
                  ) : ""}
                  ${raceFormatAdvanced
                    ? renderRaceFormatFieldView(
                        "events.counted_final_legs",
                        "events.counted_final_legs_hint",
                        `<input type="number" min="1" name="countedFinalLegs" value="${event.raceConfig.countedFinalLegs}" />`
                      )
                    : ""}
                  ${showBasicFinalFields ? renderRaceFormatFieldView(
                    "events.final_duration",
                    "events.final_duration_hint",
                    `<input type="number" min="1" name="finalDurationMin" value="${event.raceConfig.finalDurationMin}" />`
                  ) : ""}
                  ${showBasicFinalFields ? renderRaceFormatFieldView(
                    "events.final_start_mode",
                    "events.final_start_mode_hint",
                    `<select name="finalStartMode">
                      <option value="mass" ${event.raceConfig.finalStartMode === "mass" ? "selected" : ""}>${t("events.start_mode_mass")}</option>
                      <option value="position" ${event.raceConfig.finalStartMode === "position" ? "selected" : ""}>${t("events.start_mode_position")}</option>
                      <option value="staggered" ${event.raceConfig.finalStartMode === "staggered" ? "selected" : ""}>${t("events.start_mode_staggered")}</option>
                    </select>`
                  ) : ""}
                  ${showBasicFinalFields ? renderRaceFormatFieldView(
                    "events.bump_count",
                    "events.bump_count_hint",
                    `<input type="number" min="0" name="bumpCount" value="${event.raceConfig.bumpCount}" />`
                  ) : ""}
                  ${showBasicFinalFields ? renderRaceFormatFieldView(
                    "events.source_for_finals",
                    "events.finals_source_hint",
                    `<select name="finalsSource">
                      <option value="qualifying" ${event.raceConfig.finalsSource === "qualifying" ? "selected" : ""}>${t("events.finals_from_qualifying")}</option>
                      <option value="practice" ${event.raceConfig.finalsSource === "practice" ? "selected" : ""}>${t("events.finals_from_practice")}</option>
                    </select>`
                  ) : ""}
                  ${raceFormatAdvanced
                    ? renderRaceFormatFieldView(
                        "events.reserve_bump_slots",
                        "events.reserve_bump_slots_hint",
                        `<label class="toggle"><input type="checkbox" name="reserveBumpSlots" ${event.raceConfig.reserveBumpSlots ? "checked" : ""} /><span>${t("events.reserve_bump_slots")}</span></label>`,
                        { checkbox: true }
                      )
                    : ""}
                </div>
              </section>
              <section class="race-format-section">
                <div class="panel-header"><h3>${t("events.rules_block")}</h3></div>
                <div class="panel-body"><p class="hint">${t("events.rules_block_hint")}</p></div>
                <div class="panel-body form-grid cols-2 race-format-grid">
                  ${renderRaceFormatContextCardView("events.context_rules_title", "events.context_rules_hint")}
                  ${renderRaceFormatFieldView(
                    "events.follow_up_sec",
                    "events.follow_up_sec_hint",
                    `<input type="number" min="0" step="1" name="followUpSec" value="${event.raceConfig.followUpSec || 0}" />`
                  )}
                  ${renderRaceFormatFieldView(
                    "events.min_lap_time",
                    "events.min_lap_time_hint",
                    `<input type="number" min="0" step="0.1" name="minLapSec" value="${((event.raceConfig.minLapMs || 0) / 1000).toFixed(1)}" />`
                  )}
                  ${renderRaceFormatFieldView(
                    "events.max_lap_time",
                    "events.max_lap_time_hint",
                    `<input type="number" min="1" step="0.1" name="maxLapSec" value="${((event.raceConfig.maxLapMs || 60000) / 1000).toFixed(1)}" />`
                  )}
                  <div class="field-card race-format-note-card">
                    <span class="field-label">${t("events.actions")}</span>
                    <span class="field-hint">${t("events.race_driver_scope")}</span>
                    <span class="field-hint">${t("events.bump_reserved_note")}</span>
                  </div>
                </div>
              </section>
              <div class="race-format-save-row">
                <button class="btn btn-primary" type="submit">${t("events.save_race_format")}</button>
              </div>
            </form>
          </div>
          <aside class="race-summary-card">
            <div class="panel-header"><h3>${t("events.race_summary")}</h3></div>
            <div class="panel-body">
              <p class="hint">${t("events.race_summary_hint")}</p>
              ${raceSummaryWarnings.length ? `
                <div class="race-summary-warnings">
                  <strong>${t("events.summary_warnings_title")}</strong>
                  <ul>
                    ${raceSummaryWarnings.map((warning) => `<li><button class="summary-warning-link" type="button" data-target="${escapeHtml(warning.target)}">${escapeHtml(warning.message)}</button></li>`).join("")}
                  </ul>
                </div>
              ` : ""}
              <div class="race-summary-list">
                ${raceSummaryItems
                  .map(
                    (item) => `
                      <article class="race-summary-item">
                        <span>${escapeHtml(item.label)}</span>
                        <strong>${escapeHtml(item.value)}</strong>
                      </article>
                    `
                  )
                  .join("")}
              </div>
            </div>
          </aside>
        </div>
        <div class="panel-body race-actions-panel" id="manage-generation">
          <div class="panel-header panel-header-inline"><h3>${t("events.race_actions_title")}</h3></div>
          <p class="hint">${t("events.race_actions_hint")}</p>
          <div class="actions mt-16">
            <button id="generateQualifying" class="btn" type="button">${t("events.generate_qualifying")}</button>
            <button id="clearGeneratedQualifying" class="btn btn-danger" type="button">${t("events.clear_generated_qualifying")}</button>
            <button id="reseedQualifying" class="btn" type="button">${t("events.reseed_qualifying")}</button>
            <button id="generateFinals" class="btn btn-primary" type="button">${t("events.generate_finals")}</button>
            <button id="clearGeneratedFinals" class="btn btn-danger" type="button">${t("events.clear_generated_finals")}</button>
            <button id="applyBumps" class="btn" type="button">${t("events.apply_bumps")}</button>
          </div>
          <div class="actions mt-16">
            <button id="exportRacePackage" class="btn" type="button">${t("events.export_race_package")}</button>
            <input id="importRacePackage" type="file" accept="application/json" aria-label="${t("events.import_race_package")}" />
          </div>
          <p class="hint">${t("events.race_package_hint")}</p>
        </div>
      </section>

      <section class="panel mt-16" id="manage-live-grid">
        <div class="panel-header"><h3>${t("events.grid_editor")}</h3></div>
        <div class="panel-body">
          ${renderGridEditor(selectedGridSession)}
        </div>
      </section>

      <section class="panel mt-16" id="manage-live-results">
        <div class="panel-header"><h3>${t("events.practice_standings")}</h3></div>
        <div class="panel-body">
          ${renderRaceStandingsTableView(buildPracticeStandings(event), t("events.no_practice_results"))}
        </div>
      </section>

      <section class="panel mt-16">
        <div class="panel-header"><h3>${t("events.qualifying_standings")}</h3></div>
        <div class="panel-body">
          ${renderRaceStandingsTableView(buildQualifyingStandings(event), t("events.no_qualifying_results"))}
        </div>
      </section>

      <section class="panel mt-16">
        <div class="panel-header"><h3>${t("events.final_standings")}</h3></div>
        <div class="panel-body">
          ${renderRaceStandingsTableView(buildFinalStandings(event), t("events.no_final_results"))}
        </div>
      </section>

      <section class="panel mt-16">
        <div class="panel-header"><h3>${t("events.team_standings")}</h3></div>
        <div class="panel-body">
          <div class="actions">
            <button id="printTeamResults" class="btn" type="button">${t("events.print_team_results")}</button>
            <button id="pdfTeamResults" class="btn" type="button">${t("events.pdf_team_results")}</button>
          </div>
          <div class="mt-16">
          ${renderTeamRaceStandings(event)}
          </div>
        </div>
      </section>

      <section class="panel mt-16">
        <div class="panel-header"><h3>${t("events.final_matrix")}</h3></div>
        <div class="panel-body">
          <div class="actions">
            <button id="printStartlists" class="btn" type="button">${t("events.print_startlists")}</button>
            <button id="printResults" class="btn" type="button">${t("events.print_results")}</button>
            <button id="pdfStartlists" class="btn" type="button">${t("events.pdf_startlists")}</button>
            <button id="pdfResults" class="btn" type="button">${t("events.pdf_results")}</button>
          </div>
          <div class="mt-16">
            ${renderFinalMatrix(event)}
          </div>
        </div>
      </section>
    `
        : ""
    }

    ${
      editingTeam
        ? `
            <div class="modal-overlay" id="teamEditModalOverlay">
              <div class="modal-card">
                <div class="panel-header">
                  <h3>${t("events.edit_team")}</h3>
                  <button class="btn" id="teamEditCancel">${t("common.cancel")}</button>
                </div>
                <form id="teamEditForm" class="panel-body form-grid cols-2">
                  <input name="teamName" required value="${escapeHtml(editingTeam.name)}" placeholder="${t("events.team_name")}" />
                  <p class="form-error" id="teamEditError" hidden></p>
                  <div>
                    <h4>${t("events.team_drivers")}</h4>
                    <div class="check-grid">
                      ${teamDriverPool.drivers
                        .map(
                          (driver) => `
                            <label class="check-card">
                              <input type="checkbox" name="teamDriverIds" value="${driver.id}" ${editingTeam.driverIds.includes(driver.id) ? "checked" : ""} />
                              <span>${escapeHtml(driver.name)}${driver.transponder ? ` (${escapeHtml(driver.transponder)})` : ""}</span>
                            </label>
                          `
                        )
                        .join("")}
                    </div>
                  </div>
                  <div>
                    <h4>${t("events.team_cars")}</h4>
                    <div class="check-grid">
                      ${state.cars
                        .map(
                          (car) => `
                            <label class="check-card">
                              <input type="checkbox" name="teamCarIds" value="${car.id}" ${editingTeam.carIds.includes(car.id) ? "checked" : ""} />
                              <span>${escapeHtml(car.name)} (${escapeHtml(car.transponder || "-")})</span>
                            </label>
                          `
                        )
                        .join("")}
                    </div>
                  </div>
                  <div class="actions-inline">
                    <button class="btn btn-primary" id="teamEditSave" type="submit">${t("common.save")}</button>
                    <button class="btn" id="teamEditCancelFooter" type="button">${t("common.cancel")}</button>
                  </div>
                </form>
              </div>
            </div>
          `
        : ""
    }

    ${
      editingSession
        ? `
            <div class="modal-overlay" id="sessionEditModalOverlay">
              <div class="modal-card">
                <div class="panel-header">
                  <h3>${t("events.edit_session")}</h3>
                  <button class="btn" id="sessionEditCancel">${t("common.cancel")}</button>
                </div>
                <form id="sessionEditForm" class="panel-body form-grid cols-5">
                  <div class="span-5"><p class="hint">${t("events.edit_session_help")}</p></div>
                  <label>
                    ${t("events.session_name")}
                    <input name="name" required value="${escapeHtml(editingSession.name)}" placeholder="${t("events.session_name")}" />
                  </label>
                  <label>
                    ${t("events.session_type_label")}
                    <select id="sessionEditType" name="type">
                      ${sessionTypeChoices.map(
                        (item) => `<option value="${item}" ${item === editingSession.type ? "selected" : ""}>${getSessionTypeLabel(item)}</option>`
                      ).join("")}
                    </select>
                    <small>${t(sessionTypeHintKey)}</small>
                  </label>
                  <label>
                    ${t("events.session_duration_label")}
                    <input name="durationMin" required type="number" min="1" value="${editingSession.durationMin || 5}" />
                    <small>${t("events.session_duration_hint")}</small>
                  </label>
                  <label>
                    ${t("events.session_followup_label")}
                    <input name="followUpSec" type="number" min="0" step="1" value="${editingSession.followUpSec || 0}" />
                    <small>${t("events.session_followup_hint")}</small>
                  </label>
                  <label>
                    ${t("events.session_start_mode_label")}
                    <select name="startMode">
                      <option value="mass" ${normalizeStartMode(editingSession.startMode) === "mass" ? "selected" : ""}>${t("events.start_mode_mass")}</option>
                      <option value="position" ${normalizeStartMode(editingSession.startMode) === "position" ? "selected" : ""}>${t("events.start_mode_position")}</option>
                      <option value="staggered" ${normalizeStartMode(editingSession.startMode) === "staggered" ? "selected" : ""}>${t("events.start_mode_staggered")}</option>
                    </select>
                    <small>${t("events.session_start_mode_hint")}</small>
                  </label>
                  <label>
                    ${t("events.session_seed_laps_label")}
                    <input name="seedBestLapCount" type="number" min="0" step="1" value="${editingSession.seedBestLapCount || 0}" />
                    <small>${t("events.session_seed_laps_hint")}</small>
                  </label>
                  <label>
                    ${t("events.session_seed_method_label")}
                    <select name="seedMethod">
                      <option value="best_sum" ${editingSession.seedMethod === "best_sum" ? "selected" : ""}>${t("events.seed_method_best_sum")}</option>
                      <option value="average" ${editingSession.seedMethod === "average" ? "selected" : ""}>${t("events.seed_method_average")}</option>
                      <option value="consecutive" ${editingSession.seedMethod === "consecutive" ? "selected" : ""}>${t("events.seed_method_consecutive")}</option>
                    </select>
                    <small>${t("events.session_seed_method_hint")}</small>
                  </label>
                  <label>
                    ${t("events.session_stagger_gap_label")}
                    <input name="staggerGapSec" type="number" min="0" step="1" value="${editingSession.staggerGapSec || 0}" />
                    <small>${t("events.session_stagger_gap_hint")}</small>
                  </label>
                  <label>
                    ${t("events.session_max_cars_label")}
                    <input name="maxCars" type="number" min="1" value="${editingSession.maxCars || ""}" />
                    <small>${t("events.session_max_cars_hint")}</small>
                  </label>
                  <p class="form-error" id="sessionEditError" hidden></p>
                  <div class="actions-inline">
                    <button class="btn btn-primary" type="submit">${t("common.save")}</button>
                    <button class="btn" id="sessionEditCancelFooter" type="button">${t("common.cancel")}</button>
                  </div>
                </form>
              </div>
            </div>
          `
        : ""
    }
  `;;
}