${formData.subject} - ${formData.topic}

${formData.targetGroup} | ${formData.duration}

Leerdoelen

Aan het einde van deze les...
Aan het einde van deze les...
Aan het einde van deze les...
Aan het einde van deze les...

Lesopbouw

Lesfase	Tijd	Materialen	Wat doet de leraar?	Wat doen de leerlingen?
Fase 1: Aandachtsrichters en voorkennis activeren	[tijd]	[materialen]	[leraar activiteit]	[leerling activiteit]
Fase 2: Informatie of uitleg geven	[tijd]	[materialen]	[leraar activiteit]	[leerling activiteit]
Fase 3: Begripsvragen	[tijd]	[materialen]	[leraar activiteit]	[leerling activiteit]
Fase 4: Consolidatie activiteiten	[tijd]	[materialen]	[leraar activiteit]	[leerling activiteit]
Fase 5: Klassikale oefening	[tijd]	[materialen]	[leraar activiteit]	[leerling activiteit]
Fase 6: Evaluatievragen	[tijd]	[materialen]	[leraar activiteit]	[leerling activiteit]

` } ], stream: true }) }); handleStreamResponse(response); } catch (error) { setResult("Er is een fout opgetreden bij het genereren van de lesvoorbereiding. Probeer het opnieuw."); } }; const handleClear = ()=>{ setFormData({ subject: "", topic: "", targetGroup: "", duration: "", considerations: "" }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#143f31] p-4 md:p-8", __source: { fileName: "", lineNumber: 189, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-5xl mx-auto space-y-6 bg-[#1d4c3e] rounded-lg shadow-lg p-6 relative", __source: { fileName: "", lineNumber: 190, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-12 flex items-center gap-4", __source: { fileName: "", lineNumber: 191, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://robertsdigitaledidactiek.created.app/", className: "text-[#e0d4bc] hover:text-[#decaa2] transition-colors", __source: { fileName: "", lineNumber: 192, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 196, columnNumber: 13 }, __self: this }, "🛠️")), /*#__PURE__*/ React.createElement("a", { href: "https://www.digitaledidactiek.com", className: "text-white hover:text-[#e0d4bc] transition-colors text-xl", __source: { fileName: "", lineNumber: 198, columnNumber: 11 }, __self: this }, "✕")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mb-8", __source: { fileName: "", lineNumber: 206, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-roboto text-white font-bold", __source: { fileName: "", lineNumber: 207, columnNumber: 11 }, __self: this }, "Lesvoorbereidingsgenerator"), /*#__PURE__*/ React.createElement("button", { onClick: handleClear, className: "bg-[#143f31] hover:bg-[#0f2f25] text-white font-roboto py-2 px-4 rounded-lg transition duration-200", __source: { fileName: "", lineNumber: 210, columnNumber: 11 }, __self: this }, "Maak leeg"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setFormData({ subject: "Geschiedenis", topic: "De tweede wereldoorlog", targetGroup: "Havo 2", duration: "60 minuten", considerations: "Beperkt het uitleggen tot 15 minuten en maak er een actieve les van." }), className: "bg-[#143f31] hover:bg-[#0f2f25] text-white font-roboto py-2 px-4 rounded-lg transition duration-200", __source: { fileName: "", lineNumber: 216, columnNumber: 11 }, __self: this }, "Demo")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 233, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 234, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2 font-roboto", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, "Welk vak geef je?"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "subject", value: formData.subject, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-[#1d4c3e] text-white", placeholder: "Bijvoorbeeld: Nederlands", __source: { fileName: "", lineNumber: 238, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 247, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2 font-roboto", __source: { fileName: "", lineNumber: 248, columnNumber: 13 }, __self: this }, "Wat is het onderwerp van je les?"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "topic", value: formData.topic, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-[#1d4c3e] text-white", placeholder: "Bijvoorbeeld: Werkwoorden", __source: { fileName: "", lineNumber: 251, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 260, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2 font-roboto", __source: { fileName: "", lineNumber: 261, columnNumber: 13 }, __self: this }, "Wat is de doelgroep voor de les?"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "targetGroup", value: formData.targetGroup, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-[#1d4c3e] text-white", placeholder: "Bijvoorbeeld: 2 HAVO", __source: { fileName: "", lineNumber: 264, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 273, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2 font-roboto", __source: { fileName: "", lineNumber: 274, columnNumber: 13 }, __self: this }, "Hoe lang duurt de les in totaal?"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "duration", value: formData.duration, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-[#1d4c3e] text-white", placeholder: "Bijvoorbeeld: 50 minuten", __source: { fileName: "", lineNumber: 277, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 286, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2 font-roboto", __source: { fileName: "", lineNumber: 287, columnNumber: 13 }, __self: this }, "Moet ik nog ergens rekening mee houden?"), /*#__PURE__*/ React.createElement("textarea", { name: "considerations", value: formData.considerations, onChange: handleChange, className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-[#1d4c3e] text-white h-24", placeholder: "Bijvoorbeeld: specifieke behoeften van leerlingen", __source: { fileName: "", lineNumber: 290, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: handleSubmit, disabled: loading, className: "w-full bg-[#e0d4bc] hover:bg-[#d4c5a8] text-[#143f31] font-roboto py-3 px-6 rounded-lg transition duration-200 mt-4", __source: { fileName: "", lineNumber: 298, columnNumber: 11 }, __self: this }, loading ? "Bezig met genereren. Dit kan tot maximaal 60 seconden duren" : "Genereer lesvoorbereiding")), !loading && result && /*#__PURE__*/ React.createElement("div", { className: "mt-8 p-4 bg-[#143f31] rounded-lg", __source: { fileName: "", lineNumber: 310, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "prose prose-sm max-w-none prose-invert", __source: { fileName: "", lineNumber: 311, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { dangerouslySetInnerHTML: { __html: result }, __source: { fileName: "", lineNumber: 312, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 318, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-white mb-2 font-roboto", __source: { fileName: "", lineNumber: 319, columnNumber: 15 }, __self: this }, "Wil je nog iets anders aan deze lesvoorbereiding?"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 322, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: feedback, onChange: (e)=>setFeedback(e.target.value), className: "flex-1 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 bg-[#1d4c3e] text-[#e0d4bc]", placeholder: "Bijvoorbeeld: Voeg meer activerende werkvormen toe", __source: { fileName: "", lineNumber: 323, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleFeedbackSubmit, disabled: loading, className: "bg-[#e0d4bc] hover:bg-[#d4c5a8] text-[#143f31] font-roboto py-2 px-6 rounded-lg transition duration-200", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, "Aanpassen")))))); }