// CNC feed suggestion helper with adjustable bit diameter
// Includes spindle speed and chip load calculation
// Version 1.01 – angepasst auf DeWalt D26200 Drehzahlstufen
 
let materialSelect;
let thicknessInput;
let bitDiameterInput;
let bitTypeSelect;
let calcButton;
let resultDiv;
 
function applyCustomStyles() {
  // Styles werden im HTML gesetzt; hier nur für Konsistenz.
}
 
function setup() {
  applyCustomStyles();
 
  createCanvas(1, 1);
  noLoop();
  select('canvas').style('display', 'none');
 
  const container = select('#calculator-container');
 
  const title = createDiv('CNC Feed & Chip-Load Rechner V. 1.01');
  title.addClass('app-title');
  title.parent(container);
 
  const subtitle = createDiv(
    'Konservative Startwerte für Hobby-CNC-Router mit DeWalt D26200. Vor Serienfertigung immer an Reststücken testen.'
  );
  subtitle.addClass('app-subtitle');
  subtitle.parent(container);
 
  const layout = createDiv();
  layout.addClass('layout');
  layout.parent(container);
 
  const inputPanel = createDiv();
  inputPanel.addClass('panel');
  inputPanel.parent(layout);
 
  const inputTitle = createDiv('Eingaben');
  inputTitle.addClass('panel-title');
  inputTitle.parent(inputPanel);
 
  const matGroup = createDiv();
  matGroup.addClass('field-group');
  matGroup.parent(inputPanel);
 
  const matLabel = createSpan('Material (Material):');
  matLabel.addClass('field-label');
  matLabel.parent(matGroup);
 
  materialSelect = createSelect();
  materialSelect.parent(matGroup);
  materialSelect.option('Birkensperrholz (Birch Plywood)');
  materialSelect.option('Kiefer (Pine)');
  materialSelect.option('Bambus (Bamboo)');
  materialSelect.option('MDF (MDF)');
  materialSelect.option('Kirschsperrholz (Cherry Plywood)');
  materialSelect.option('Harter Ahorn (Hard Maple)');
  materialSelect.option('Bubinga (Bubinga)');
  materialSelect.option('HDPE (HDPE)');
  materialSelect.option('2-Farb-HDPE (2-Color HDPE)');
  materialSelect.option('Geschäumtes PVC (Expanded PVC)');
  materialSelect.option('ABS (ABS)');
  materialSelect.option('Gussacryl (Cast Acrylic)');
  materialSelect.option('2-Farb-Acryl (2-Color Acrylic)');
  materialSelect.option('Corian (Corian)');
  materialSelect.option('Linoleum (Linoleum)');
  materialSelect.option('Leiterplattenmaterial PCB (PCB)');
  materialSelect.option('Aluminium (Aluminum)');
 
  const thickGroup = createDiv();
  thickGroup.addClass('field-group');
  thickGroup.parent(inputPanel);
 
  const thickLabel = createSpan('Materialdicke [mm] (Material thickness):');
  thickLabel.addClass('field-label');
  thickLabel.parent(thickGroup);
 
  thicknessInput = createInput('');
  thicknessInput.attribute('type', 'number');
  thicknessInput.attribute('min', '0.1');
  thicknessInput.attribute('step', '0.1');
  thicknessInput.parent(thickGroup);
 
  const thickHint = createDiv('Typische Platten: 3 / 6 / 9 / 12 / 18 mm.');
  thickHint.addClass('hint');
  thickHint.parent(thickGroup);
 
  const toolRow = createDiv();
  toolRow.addClass('field-row');
  toolRow.parent(inputPanel);
 
  const bitGroup = createDiv();
  bitGroup.addClass('field-group');
  bitGroup.parent(toolRow);
 
  const bitLabel = createSpan('Fräserdurchmesser [mm] (Bit diameter):');
  bitLabel.addClass('field-label');
  bitLabel.parent(bitGroup);
 
  bitDiameterInput = createInput('2.5');
  bitDiameterInput.attribute('type', 'number');
  bitDiameterInput.attribute('min', '0.5');
  bitDiameterInput.attribute('step', '0.1');
  bitDiameterInput.parent(bitGroup);
 
  const typeGroup = createDiv();
  typeGroup.addClass('field-group');
  typeGroup.parent(toolRow);
 
  const typeLabel = createSpan('Fräser-Typ (End mill type):');
  typeLabel.addClass('field-label');
  typeLabel.parent(typeGroup);
 
  bitTypeSelect = createSelect();
  bitTypeSelect.parent(typeGroup);
  bitTypeSelect.option('Spiralnut Aufwärts (Upcut end mill)');
  bitTypeSelect.option('Gerade Schneide (Straight-cut end mill)');
 
  const typeHint = createDiv(
    'Upcut: starker Spanabtransport, mögliche Ausrisse oben. Gerade Schneide: ruhigere Kante, weniger Spanabtransport.'
  );
  typeHint.addClass('hint');
  typeHint.parent(inputPanel);
 
  calcButton = createButton('Vorschläge berechnen (Get suggestions)');
  calcButton.parent(inputPanel);
  calcButton.mousePressed(updateSettings);
 
  const btnHint = createDiv(
    'Alle Werte sind Startpunkte. Bei Geräusch, Vibration oder Brandspuren Parameter anpassen.'
  );
  btnHint.addClass('hint');
  btnHint.parent(inputPanel);
 
  const outputPanel = createDiv();
  outputPanel.addClass('panel');
  outputPanel.parent(container);
 
  const outputTitle = createDiv('Ergebnis');
  outputTitle.addClass('panel-title');
  outputTitle.parent(outputPanel);
 
  resultDiv = createDiv('Noch keine Berechnung durchgeführt.');
  resultDiv.parent(outputPanel);
 
  const licenseDiv = createDiv(
    'Creative Technologies Lab, FH Münster – Lizenz: Dieses Tool steht unter der Creative-Commons-Lizenz ' +
      '<a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener noreferrer">CC BY-SA 3.0</a>. ' +
      'Es darf kopiert, geteilt und angepasst werden, solange die Urheberschaft genannt und abgeleitete Versionen unter denselben Bedingungen weitergegeben werden; ' +
      'zusätzliche Einschränkungen oder abweichende Lizenzbedingungen dürfen nicht hinzugefügt werden.'
  );
  licenseDiv.addClass('license-note');
  licenseDiv.parent(container);
}
 
function updateSettings() {
  const mat = materialSelect.value();
  const t = parseFloat(thicknessInput.value());
  const bitD = parseFloat(bitDiameterInput.value());
  const bitType = bitTypeSelect.value();
 
  if (isNaN(t) || t <= 0) {
    resultDiv.html(
      '<div class="error-message">Bitte eine gültige Materialdicke in Millimetern eingeben.</div>'
    );
    return;
  }
  if (isNaN(bitD) || bitD <= 0) {
    resultDiv.html(
      '<div class="error-message">Bitte einen gültigen Fräserdurchmesser in Millimetern eingeben.</div>'
    );
    return;
  }
 
  const settings = computeSettings(mat, t, bitD, bitType);
  const passes = Math.ceil(t / settings.depthPerPass);
  const chipLoad = settings.feedRate / (settings.spindleRPM * settings.flutes);
 
  const summaryHtml =
    '<div class="summary-row">' +
    `<div class="summary-pill">Feed: ${Math.round(settings.feedRate)} mm/min</div>` +
    `<div class="summary-pill">Plunge: ${Math.round(settings.plungeRate)} mm/min</div>` +
    `<div class="summary-pill">Chip Load: ${roundTo(chipLoad, 4)} mm/Zahn</div>` +
    `<div class="summary-pill">Drehzahl: ${Math.round(settings.spindleRPM)} U/min (Stufe ${settings.dial})</div>` +
    `<div class="summary-pill">Depth/Pass: ${roundTo(settings.depthPerPass, 2)} mm</div>` +
    `<div class="summary-pill">ca. ${passes} Durchgänge</div>` +
    '</div>';
 
  const tableHtml =
    '<table id="result-table">' +
    '<tr>' +
    '<th>Material</th>' +
    '<th>Dicke [mm]</th>' +
    '<th>Ø Bit [mm]</th>' +
    '<th>Bit-Typ</th>' +
    '<th>Drehzahl [U/min] (DeWalt-Stufe)</th>' +
    '<th>Zähne</th>' +
    '<th>Chip Load [mm]</th>' +
    '<th>Feed [mm/min]</th>' +
    '<th>Plunge [mm/min]</th>' +
    '<th>Depth/Pass [mm]</th>' +
    '<th>Plunge-Art</th>' +
    '<th>Hinweise</th>' +
    '</tr>' +
    '<tr>' +
    `<td>${mat}</td>` +
    `<td>${roundTo(t, 1)}</td>` +
    `<td>${roundTo(bitD, 2)}</td>` +
    `<td>${bitType}</td>` +
    `<td>${Math.round(settings.spindleRPM)} (Stufe ${settings.dial})</td>` +
    `<td>${settings.flutes}</td>` +
    `<td>${roundTo(chipLoad, 4)}</td>` +
    `<td>${Math.round(settings.feedRate)}</td>` +
    `<td>${Math.round(settings.plungeRate)}</td>` +
    `<td>${roundTo(settings.depthPerPass, 2)}</td>` +
    `<td>${settings.plungeType}</td>` +
    `<td>${settings.notes}</td>` +
    '</tr>' +
    '</table>';
 
  resultDiv.html(summaryHtml + tableHtml);
}
 
// Zuordnung DeWalt D26200 Drehzahl zu Reglerstufe 1–6
function dewaltDialForRPM(rpm) {
  const table = [
    { dial: 1, rpm: 16000 },
    { dial: 2, rpm: 18200 },
    { dial: 3, rpm: 20400 },
    { dial: 4, rpm: 22600 },
    { dial: 5, rpm: 24800 },
    { dial: 6, rpm: 27000 }
  ];
 
  let best = table[0];
  let bestDiff = Math.abs(rpm - best.rpm);
 
  for (let i = 1; i < table.length; i++) {
    const d = Math.abs(rpm - table[i].rpm);
    if (d < bestDiff) {
      bestDiff = d;
      best = table[i];
    }
  }
  return best.dial;
}
 
// Berechnung der Parameter
function computeSettings(material, thickness, bitDiameter, bitType) {
  let baseFeed;
  let plunge;
  let depthFactor;
  let spindleRPM;
  let flutes;
  let plungeType = 'Rampe 5° (Ramp 5°)';
  let notes;
 
  switch (material) {
    case 'Birkensperrholz (Birch Plywood)':
    case 'Bambus (Bamboo)':
    case 'MDF (MDF)':
    case 'Kirschsperrholz (Cherry Plywood)':
      baseFeed = 1800;
      plunge = 600;
      depthFactor = 0.32;
      spindleRPM = 16000; // DeWalt Stufe 1
      flutes = 2;
      notes =
        'Standard-Holzeinstellung. Empfohlene Fräser: 2-Schneider-Spiralnut, ggf. Downcut oder Kompressionsfräser.';
      break;
    case 'Kiefer (Pine)':
      baseFeed = 1900;
      plunge = 650;
      depthFactor = 0.32;
      spindleRPM = 16000; // weiches Holz, DeWalt Stufe 1 ausreichend
      flutes = 2;
      notes = 'Weiches Nadelholz; etwas höhere Vorschubgeschwindigkeit möglich.';
      break;
    case 'Harter Ahorn (Hard Maple)':
    case 'Bubinga (Bubinga)':
      baseFeed = 1300;
      plunge = 400;
      depthFactor = 0.24;
      spindleRPM = 16000; // konservativ, Stufe 1
      flutes = 2;
      notes =
        'Hartes Holz; reduzierte Zustelltiefe. Empfohlene Fräser: sehr scharfe 2-Schneider-Spiralnut.';
      break;
    case 'HDPE (HDPE)':
    case '2-Farb-HDPE (2-Color HDPE)':
    case 'Geschäumtes PVC (Expanded PVC)':
    case 'ABS (ABS)':
      baseFeed = 2200;
      plunge = 700;
      depthFactor = 0.32;
      spindleRPM = 18000; // nahe DeWalt Stufe 2 (≈18200)
      flutes = 2;
      notes =
        'Weicher Kunststoff; höherer Feed hilft gegen Schmelzen. Empfohlen: polierte Spiralnut, 1–2 Schneiden.';
      break;
    case 'Gussacryl (Cast Acrylic)':
    case '2-Farb-Acryl (2-Color Acrylic)':
      baseFeed = 1200;
      plunge = 400;
      depthFactor = 0.24;
      spindleRPM = 16000; // eher niedrige Drehzahl für Acryl
      flutes = 1;
      notes =
        'Sprödes Acryl; konservative Zustelltiefe. Einzahn-Spiralnut mit polierten Schneiden ist oft vorteilhaft.';
      break;
    case 'Corian (Corian)':
      baseFeed = 1200;
      plunge = 400;
      depthFactor = 0.24;
      spindleRPM = 16000;
      flutes = 2;
      notes = 'Dichter Mineralwerkstoff; ähnlich hartem Holz, gute Absaugung notwendig.';
      break;
    case 'Linoleum (Linoleum)':
      baseFeed = 1900;
      plunge = 650;
      depthFactor = 0.4;
      spindleRPM = 16000;
      flutes = 2;
      notes = 'Weiches Material; größere Zustelltiefe möglich. Trägerschicht beachten.';
      break;
    case 'Leiterplattenmaterial PCB (PCB)':
      baseFeed = 800;
      plunge = 250;
      depthFactor = 0.12;
      spindleRPM = 18000; // kleine Einzahnwerkzeuge, höhere Drehzahl
      flutes = 1;
      notes =
        'Isolationsfräsen; sehr flache Zustellung. Häufig kleine Einzahnwerkzeuge (0,8–1,0 mm) mit V- oder Geradegeometrie.';
      break;
    case 'Aluminium (Aluminum)':
      baseFeed = 700;
      plunge = 220;
      depthFactor = 0.1;
      spindleRPM = 16000; // auf DeWalt-Minimum angehoben (Stufe 1)
      flutes = 2;
      notes =
        'Metallbearbeitung; geringe Zustelltiefe, gute Spanntechnik und ggf. Schmierung notwendig. Empfohlen: 1–2-Schneider-Aluminiumfräser (Upcut).';
      break;
    default:
      baseFeed = 1500;
      plunge = 500;
      depthFactor = 0.28;
      spindleRPM = 16000;
      flutes = 2;
      notes = 'Generische Einstellung; bitte an Reststück prüfen.';
      break;
  }
 
  const refDiameter = 2.5;
  const feedScale = Math.sqrt(bitDiameter / refDiameter);
  let feed = baseFeed * feedScale;
 
  let depth = depthFactor * bitDiameter;
  depth = constrain(depth, 0.15, bitDiameter * 0.5);
 
  if (thickness < 4) {
    feed *= 1.05;
    notes += ' Dünnes Material: Feed leicht erhöht.';
  } else if (thickness > 12 && thickness <= 20) {
    feed *= 0.9;
    notes += ' Dickes Material: Feed leicht reduziert.';
  } else if (thickness > 20) {
    feed *= 0.85;
    notes +=
      ' Sehr dickes Material: eher in mehreren Stufen bearbeiten, ggf. von beiden Seiten.';
  }
 
  if (bitType === 'Spiralnut Aufwärts (Upcut end mill)') {
    notes += ' Gewählter Fräser: Upcut; sehr guter Spanabtransport, mögliche Ausrisse oben.';
  } else if (bitType === 'Gerade Schneide (Straight-cut end mill)') {
    notes +=
      ' Gewählter Fräser: gerade Schneide; gute Kantenqualität in Holz/Kunststoff, Spanabtransport geringer.';
  }
 
  if (bitDiameter < 1.0 && flutes > 1) {
    flutes = 1;
    notes =
      'Hinweis: Für Fräser unter 1.0 mm wird die Zahnzahl vorsorglich auf 1 gesetzt. ' +
      notes;
  }
 
  const dial = dewaltDialForRPM(spindleRPM);
 
  return {
    feedRate: feed,
    plungeRate: plunge,
    depthPerPass: depth,
    spindleRPM: spindleRPM,
    flutes: flutes,
    plungeType: plungeType,
    notes: notes,
    dial: dial
  };
}
 
function roundTo(value, decimals) {
  return Number(value.toFixed(decimals));
}

<!doctype html>
<html lang="de">
<head>
  <meta charset="utf-8">
  <title>CNC Feed &amp; Chip-Load Rechner V. 1.01 – Creative Technologies Lab, FH Münster</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- p5.js library -->
  <script src="https://cdn.jsdelivr.net/npm/p5@1.9.0/lib/p5.min.js"></script>

  <style>
    * {
      box-sizing: border-box;
    }
    body {
      font-family: system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
      background-color: #f3f4f6;
      color: #111827;
      margin: 0;
      padding: 24px 0;
    }
    #calculator-container {
      max-width: 960px;
      margin: 0 auto;
      padding: 0 16px 24px 16px;
    }
    .app-title {
      font-size: 24px;
      font-weight: 600;
      margin-bottom: 4px;
    }
    .app-subtitle {
      font-size: 13px;
      color: #6b7280;
      margin-bottom: 18px;
    }
    .layout {
      display: block;
    }
    .panel {
      background-color: #ffffff;
      border-radius: 12px;
      padding: 16px 18px 18px 18px;
      box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06);
      margin-bottom: 16px;
    }
    .panel-title {
      font-size: 16px;
      font-weight: 600;
      margin-bottom: 10px;
    }
    .field-group {
      margin-bottom: 10px;
    }
    .field-label {
      display: block;
      font-size: 13px;
      font-weight: 500;
      margin-bottom: 4px;
    }
    select,
    input[type="number"],
    button {
      font-family: inherit;
      font-size: 13px;
    }
    select,
    input[type="number"] {
      width: 100%;
      padding: 6px 8px;
      border-radius: 6px;
      border: 1px solid #d1d5db;
      background-color: #f9fafb;
    }
    select:focus,
    input[type="number"]:focus {
      outline: none;
      border-color: #2563eb;
      box-shadow: 0 0 0 1px #2563eb20;
      background-color: #ffffff;
    }
    .field-row {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
    }
    @media (max-width: 600px) {
      .field-row {
        grid-template-columns: 1fr;
      }
    }
    button {
      margin-top: 6px;
      padding: 7px 14px;
      border-radius: 999px;
      border: none;
      background-color: #2563eb;
      color: #ffffff;
      font-weight: 500;
      cursor: pointer;
    }
    button:hover {
      background-color: #1d4ed8;
    }
    .hint {
      font-size: 11px;
      color: #6b7280;
      margin-top: 3px;
    }
    .error-message {
      color: #b91c1c;
      font-weight: 500;
      margin-top: 10px;
      padding: 8px 10px;
      border-radius: 6px;
      background-color: #fee2e2;
      border: 1px solid #fecaca;
      font-size: 12px;
    }
    .summary-row {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 10px;
    }
    .summary-pill {
      padding: 4px 8px;
      border-radius: 999px;
      background-color: #eff6ff;
      border: 1px solid #bfdbfe;
      font-size: 11px;
      color: #1d4ed8;
    }
    #result-table {
      width: 100%;
      border-collapse: collapse;
      margin-top: 6px;
    }
    #result-table th,
    #result-table td {
      border: 1px solid #e5e7eb;
      padding: 4px 6px;
      font-size: 12px;
      text-align: left;
      vertical-align: top;
    }
    #result-table th {
      background-color: #f9fafb;
      font-weight: 600;
    }
    #result-table tr:nth-child(even) td {
      background-color: #f3f4f6;
    }
    .license-note {
      margin-top: 8px;
      font-size: 11px;
      color: #6b7280;
      line-height: 1.4;
    }
    .license-note a {
      color: #2563eb;
      text-decoration: none;
    }
    .license-note a:hover {
      text-decoration: underline;
    }
  </style>
</head>
<body>

<div id="calculator-container">
  <!-- Inhalt wird durch p5.js im Sketch erzeugt -->
</div>

<script>
  // CNC feed suggestion helper with adjustable bit diameter
  // Includes spindle speed and chip load calculation
  // Version 1.01 – angepasst auf DeWalt D26200 Drehzahlstufen

  let materialSelect;
  let thicknessInput;
  let bitDiameterInput;
  let bitTypeSelect;
  let calcButton;
  let resultDiv;

  function applyCustomStyles() {
    // Styles sind im <style>-Block definiert
  }

  function setup() {
    applyCustomStyles();

    createCanvas(1, 1);
    noLoop();
    select('canvas').style('display', 'none');

    const container = select('#calculator-container');

    const title = createDiv('CNC Feed & Chip-Load Rechner V. 1.01');
    title.addClass('app-title');
    title.parent(container);

    const subtitle = createDiv(
      'Konservative Startwerte für Hobby-CNC-Router mit DeWalt D26200. Vor Serienfertigung immer an Reststücken testen.'
    );
    subtitle.addClass('app-subtitle');
    subtitle.parent(container);

    const layout = createDiv();
    layout.addClass('layout');
    layout.parent(container);

    const inputPanel = createDiv();
    inputPanel.addClass('panel');
    inputPanel.parent(layout);

    const inputTitle = createDiv('Eingaben');
    inputTitle.addClass('panel-title');
    inputTitle.parent(inputPanel);

    const matGroup = createDiv();
    matGroup.addClass('field-group');
    matGroup.parent(inputPanel);

    const matLabel = createSpan('Material (Material):');
    matLabel.addClass('field-label');
    matLabel.parent(matGroup);

    materialSelect = createSelect();
    materialSelect.parent(matGroup);
    materialSelect.option('Birkensperrholz (Birch Plywood)');
    materialSelect.option('Kiefer (Pine)');
    materialSelect.option('Bambus (Bamboo)');
    materialSelect.option('MDF (MDF)');
    materialSelect.option('Kirschsperrholz (Cherry Plywood)');
    materialSelect.option('Harter Ahorn (Hard Maple)');
    materialSelect.option('Bubinga (Bubinga)');
    materialSelect.option('HDPE (HDPE)');
    materialSelect.option('2-Farb-HDPE (2-Color HDPE)');
    materialSelect.option('Geschäumtes PVC (Expanded PVC)');
    materialSelect.option('ABS (ABS)');
    materialSelect.option('Gussacryl (Cast Acrylic)');
    materialSelect.option('2-Farb-Acryl (2-Color Acrylic)');
    materialSelect.option('Corian (Corian)');
    materialSelect.option('Linoleum (Linoleum)');
    materialSelect.option('Leiterplattenmaterial PCB (PCB)');
    materialSelect.option('Aluminium (Aluminum)');

    const thickGroup = createDiv();
    thickGroup.addClass('field-group');
    thickGroup.parent(inputPanel);

    const thickLabel = createSpan('Materialdicke [mm] (Material thickness):');
    thickLabel.addClass('field-label');
    thickLabel.parent(thickGroup);

    thicknessInput = createInput('');
    thicknessInput.attribute('type', 'number');
    thicknessInput.attribute('min', '0.1');
    thicknessInput.attribute('step', '0.1');
    thicknessInput.parent(thickGroup);

    const thickHint = createDiv('Typische Platten: 3 / 6 / 9 / 12 / 18 mm.');
    thickHint.addClass('hint');
    thickHint.parent(thickGroup);

    const toolRow = createDiv();
    toolRow.addClass('field-row');
    toolRow.parent(inputPanel);

    const bitGroup = createDiv();
    bitGroup.addClass('field-group');
    bitGroup.parent(toolRow);

    const bitLabel = createSpan('Fräserdurchmesser [mm] (Bit diameter):');
    bitLabel.addClass('field-label');
    bitLabel.parent(bitGroup);

    bitDiameterInput = createInput('2.5');
    bitDiameterInput.attribute('type', 'number');
    bitDiameterInput.attribute('min', '0.5');
    bitDiameterInput.attribute('step', '0.1');
    bitDiameterInput.parent(bitGroup);

    const typeGroup = createDiv();
    typeGroup.addClass('field-group');
    typeGroup.parent(toolRow);

    const typeLabel = createSpan('Fräser-Typ (End mill type):');
    typeLabel.addClass('field-label');
    typeLabel.parent(typeGroup);

    bitTypeSelect = createSelect();
    bitTypeSelect.parent(typeGroup);
    bitTypeSelect.option('Spiralnut Aufwärts (Upcut end mill)');
    bitTypeSelect.option('Gerade Schneide (Straight-cut end mill)');

    const typeHint = createDiv(
      'Upcut: starker Spanabtransport, mögliche Ausrisse oben. Gerade Schneide: ruhigere Kante, weniger Spanabtransport.'
    );
    typeHint.addClass('hint');
    typeHint.parent(inputPanel);

    calcButton = createButton('Vorschläge berechnen (Get suggestions)');
    calcButton.parent(inputPanel);
    calcButton.mousePressed(updateSettings);

    const btnHint = createDiv(
      'Alle Werte sind Startpunkte. Bei Geräusch, Vibration oder Brandspuren Parameter anpassen.'
    );
    btnHint.addClass('hint');
    btnHint.parent(inputPanel);

    const outputPanel = createDiv();
    outputPanel.addClass('panel');
    outputPanel.parent(container);

    const outputTitle = createDiv('Ergebnis');
    outputTitle.addClass('panel-title');
    outputTitle.parent(outputPanel);

    resultDiv = createDiv('Noch keine Berechnung durchgeführt.');
    resultDiv.parent(outputPanel);

    const licenseDiv = createDiv(
      'Creative Technologies Lab, FH Münster – Lizenz: Dieses Tool steht unter der Creative-Commons-Lizenz ' +
        '<a href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank" rel="noopener noreferrer">CC BY-SA 3.0</a>. ' +
        'Es darf kopiert, geteilt und angepasst werden, solange die Urheberschaft genannt und abgeleitete Versionen unter denselben Bedingungen weitergegeben werden; ' +
        'zusätzliche Einschränkungen oder abweichende Lizenzbedingungen dürfen nicht hinzugefügt werden.'
    );
    licenseDiv.addClass('license-note');
    licenseDiv.parent(container);
  }

  function updateSettings() {
    const mat = materialSelect.value();
    const t = parseFloat(thicknessInput.value());
    const bitD = parseFloat(bitDiameterInput.value());
    const bitType = bitTypeSelect.value();

    if (isNaN(t) || t <= 0) {
      resultDiv.html(
        '<div class="error-message">Bitte eine gültige Materialdicke in Millimetern eingeben.</div>'
      );
      return;
    }
    if (isNaN(bitD) || bitD <= 0) {
      resultDiv.html(
        '<div class="error-message">Bitte einen gültigen Fräserdurchmesser in Millimetern eingeben.</div>'
      );
      return;
    }

    const settings = computeSettings(mat, t, bitD, bitType);
    const passes = Math.ceil(t / settings.depthPerPass);
    const chipLoad = settings.feedRate / (settings.spindleRPM * settings.flutes);

    const summaryHtml =
      '<div class="summary-row">' +
      `<div class="summary-pill">Feed: ${Math.round(settings.feedRate)} mm/min</div>` +
      `<div class="summary-pill">Plunge: ${Math.round(settings.plungeRate)} mm/min</div>` +
      `<div class="summary-pill">Chip Load: ${roundTo(chipLoad, 4)} mm/Zahn</div>` +
      `<div class="summary-pill">Drehzahl: ${Math.round(settings.spindleRPM)} U/min (Stufe ${settings.dial})</div>` +
      `<div class="summary-pill">Depth/Pass: ${roundTo(settings.depthPerPass, 2)} mm</div>` +
      `<div class="summary-pill">ca. ${passes} Durchgänge</div>` +
      '</div>';

    const tableHtml =
      '<table id="result-table">' +
      '<tr>' +
      '<th>Material</th>' +
      '<th>Dicke [mm]</th>' +
      '<th>Ø Bit [mm]</th>' +
      '<th>Bit-Typ</th>' +
      '<th>Drehzahl [U/min] (DeWalt-Stufe)</th>' +
      '<th>Zähne</th>' +
      '<th>Chip Load [mm]</th>' +
      '<th>Feed [mm/min]</th>' +
      '<th>Plunge [mm/min]</th>' +
      '<th>Depth/Pass [mm]</th>' +
      '<th>Plunge-Art</th>' +
      '<th>Hinweise</th>' +
      '</tr>' +
      '<tr>' +
      `<td>${mat}</td>` +
      `<td>${roundTo(t, 1)}</td>` +
      `<td>${roundTo(bitD, 2)}</td>` +
      `<td>${bitType}</td>` +
      `<td>${Math.round(settings.spindleRPM)} (Stufe ${settings.dial})</td>` +
      `<td>${settings.flutes}</td>` +
      `<td>${roundTo(chipLoad, 4)}</td>` +
      `<td>${Math.round(settings.feedRate)}</td>` +
      `<td>${Math.round(settings.plungeRate)}</td>` +
      `<td>${roundTo(settings.depthPerPass, 2)}</td>` +
      `<td>${settings.plungeType}</td>` +
      `<td>${settings.notes}</td>` +
      '</tr>' +
      '</table>';

    resultDiv.html(summaryHtml + tableHtml);
  }

  // Zuordnung DeWalt D26200 Drehzahl zu Reglerstufe 1–6
  function dewaltDialForRPM(rpm) {
    const table = [
      { dial: 1, rpm: 16000 },
      { dial: 2, rpm: 18200 },
      { dial: 3, rpm: 20400 },
      { dial: 4, rpm: 22600 },
      { dial: 5, rpm: 24800 },
      { dial: 6, rpm: 27000 }
    ];

    let best = table[0];
    let bestDiff = Math.abs(rpm - best.rpm);

    for (let i = 1; i < table.length; i++) {
      const d = Math.abs(rpm - table[i].rpm);
      if (d < bestDiff) {
        bestDiff = d;
        best = table[i];
      }
    }
    return best.dial;
  }

  // Berechnung der Parameter
  function computeSettings(material, thickness, bitDiameter, bitType) {
    let baseFeed;
    let plunge;
    let depthFactor;
    let spindleRPM;
    let flutes;
    let plungeType = 'Rampe 5° (Ramp 5°)';
    let notes;

    switch (material) {
      case 'Birkensperrholz (Birch Plywood)':
      case 'Bambus (Bamboo)':
      case 'MDF (MDF)':
      case 'Kirschsperrholz (Cherry Plywood)':
        baseFeed = 1800;
        plunge = 600;
        depthFactor = 0.32;
        spindleRPM = 16000; // DeWalt Stufe 1
        flutes = 2;
        notes =
          'Standard-Holzeinstellung. Empfohlene Fräser: 2-Schneider-Spiralnut, ggf. Downcut oder Kompressionsfräser.';
        break;
      case 'Kiefer (Pine)':
        baseFeed = 1900;
        plunge = 650;
        depthFactor = 0.32;
        spindleRPM = 16000; // weiches Holz, Stufe 1 ausreichend
        flutes = 2;
        notes = 'Weiches Nadelholz; etwas höhere Vorschubgeschwindigkeit möglich.';
        break;
      case 'Harter Ahorn (Hard Maple)':
      case 'Bubinga (Bubinga)':
        baseFeed = 1300;
        plunge = 400;
        depthFactor = 0.24;
        spindleRPM = 16000; // konservativ, Stufe 1
        flutes = 2;
        notes =
          'Hartes Holz; reduzierte Zustelltiefe. Empfohlene Fräser: sehr scharfe 2-Schneider-Spiralnut.';
        break;
      case 'HDPE (HDPE)':
      case '2-Farb-HDPE (2-Color HDPE)':
      case 'Geschäumtes PVC (Expanded PVC)':
      case 'ABS (ABS)':
        baseFeed = 2200;
        plunge = 700;
        depthFactor = 0.32;
        spindleRPM = 18000; // nahe Stufe 2 (≈18200 U/min)
        flutes = 2;
        notes =
          'Weicher Kunststoff; höherer Feed hilft gegen Schmelzen. Empfohlen: polierte Spiralnut, 1–2 Schneiden.';
        break;
      case 'Gussacryl (Cast Acrylic)':
      case '2-Farb-Acryl (2-Color Acrylic)':
        baseFeed = 1200;
        plunge = 400;
        depthFactor = 0.24;
        spindleRPM = 16000; // eher niedrige Drehzahl für Acryl
        flutes = 1;
        notes =
          'Sprödes Acryl; konservative Zustelltiefe. Einzahn-Spiralnut mit polierten Schneiden ist oft vorteilhaft.';
        break;
      case 'Corian (Corian)':
        baseFeed = 1200;
        plunge = 400;
        depthFactor = 0.24;
        spindleRPM = 16000;
        flutes = 2;
        notes = 'Dichter Mineralwerkstoff; ähnlich hartem Holz, gute Absaugung notwendig.';
        break;
      case 'Linoleum (Linoleum)':
        baseFeed = 1900;
        plunge = 650;
        depthFactor = 0.4;
        spindleRPM = 16000;
        flutes = 2;
        notes = 'Weiches Material; größere Zustelltiefe möglich. Trägerschicht beachten.';
        break;
      case 'Leiterplattenmaterial PCB (PCB)':
        baseFeed = 800;
        plunge = 250;
        depthFactor = 0.12;
        spindleRPM = 18000; // kleine Einzahnwerkzeuge, höhere Drehzahl
        flutes = 1;
        notes =
          'Isolationsfräsen; sehr flache Zustellung. Häufig kleine Einzahnwerkzeuge (0,8–1,0 mm) mit V- oder Geradegeometrie.';
        break;
      case 'Aluminium (Aluminum)':
        baseFeed = 700;
        plunge = 220;
        depthFactor = 0.1;
        spindleRPM = 16000; // auf DeWalt-Minimum angehoben (Stufe 1)
        flutes = 2;
        notes =
          'Metallbearbeitung; geringe Zustelltiefe, gute Spanntechnik und ggf. Schmierung notwendig. Empfohlen: 1–2-Schneider-Aluminiumfräser (Upcut).';
        break;
      default:
        baseFeed = 1500;
        plunge = 500;
        depthFactor = 0.28;
        spindleRPM = 16000;
        flutes = 2;
        notes = 'Generische Einstellung; bitte an Reststück prüfen.';
        break;
    }

    const refDiameter = 2.5;
    const feedScale = Math.sqrt(bitDiameter / refDiameter);
    let feed = baseFeed * feedScale;

    let depth = depthFactor * bitDiameter;
    depth = constrain(depth, 0.15, bitDiameter * 0.5);

    if (thickness < 4) {
      feed *= 1.05;
      notes += ' Dünnes Material: Feed leicht erhöht.';
    } else if (thickness > 12 && thickness <= 20) {
      feed *= 0.9;
      notes += ' Dickes Material: Feed leicht reduziert.';
    } else if (thickness > 20) {
      feed *= 0.85;
      notes +=
        ' Sehr dickes Material: eher in mehreren Stufen bearbeiten, ggf. von beiden Seiten.';
    }

    if (bitType === 'Spiralnut Aufwärts (Upcut end mill)') {
      notes += ' Gewählter Fräser: Upcut; sehr guter Spanabtransport, mögliche Ausrisse oben.';
    } else if (bitType === 'Gerade Schneide (Straight-cut end mill)') {
      notes +=
        ' Gewählter Fräser: gerade Schneide; gute Kantenqualität in Holz/Kunststoff, Spanabtransport geringer.';
    }

    if (bitDiameter < 1.0 && flutes > 1) {
      flutes = 1;
      notes =
        'Hinweis: Für Fräser unter 1.0 mm wird die Zahnzahl vorsorglich auf 1 gesetzt. ' +
        notes;
    }

    const dial = dewaltDialForRPM(spindleRPM);

    return {
      feedRate: feed,
      plungeRate: plunge,
      depthPerPass: depth,
      spindleRPM: spindleRPM,
      flutes: flutes,
      plungeType: plungeType,
      notes: notes,
      dial: dial
    };
  }

  function roundTo(value, decimals) {
    return Number(value.toFixed(decimals));
  }
</script>

</body>
</html>