`)}`, className: "w-full h-full border-0", title: "Convention Map", __source: { fileName: "", lineNumber: 476, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 border-t bg-gray-50 flex-shrink-0", __source: { fileName: "", lineNumber: 607, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center text-sm text-gray-600", __source: { fileName: "", lineNumber: 608, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 609, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "inline-block w-3 h-3 bg-blue-500 rounded-full mr-2", __source: { fileName: "", lineNumber: 610, columnNumber: 21 }, __self: this }), "Verfügbare Plätze", /*#__PURE__*/ React.createElement("span", { className: "inline-block w-3 h-3 bg-red-500 rounded-full mr-2 ml-4", __source: { fileName: "", lineNumber: 612, columnNumber: 21 }, __self: this }), "Ausgebucht"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowMap(false), className: "px-4 py-2 bg-gray-300 text-gray-700 rounded-lg font-medium hover:bg-gray-400", __source: { fileName: "", lineNumber: 615, columnNumber: 19 }, __self: this }, "Schließen"))))), showConventionDetails && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 629, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg w-full max-w-2xl max-h-[80vh] flex flex-col", __source: { fileName: "", lineNumber: 630, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 border-b", __source: { fileName: "", lineNumber: 631, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 632, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-gray-900", __source: { fileName: "", lineNumber: 633, columnNumber: 19 }, __self: this }, showConventionDetails.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowConventionDetails(null), className: "text-gray-400 hover:text-gray-600 text-2xl font-bold ml-4", __source: { fileName: "", lineNumber: 636, columnNumber: 19 }, __self: this }, "×"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-6", __source: { fileName: "", lineNumber: 645, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 646, columnNumber: 17 }, __self: this }, showConventionDetails.start_date && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 648, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 649, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 650, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 651, columnNumber: 25 }, __self: this }, "Datum:"), " ", formatDateRange(showConventionDetails.start_date, showConventionDetails.end_date))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 660, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 661, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 662, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 663, columnNumber: 23 }, __self: this }, "Ort:"), " ", showConventionDetails.location)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 667, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 668, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 669, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 670, columnNumber: 23 }, __self: this }, "Teilnehmer:"), " ", showConventionDetails.current_registrations, "/", showConventionDetails.max_participants)), showConventionDetails.convention_info && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 677, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 678, columnNumber: 23 }, __self: this }, "Convention Informationen:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 681, columnNumber: 23 }, __self: this }, showConventionDetails.convention_info)), showConventionDetails.general_info && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 688, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 689, columnNumber: 23 }, __self: this }, "Allgemeine Informationen:"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 692, columnNumber: 23 }, __self: this }, showConventionDetails.general_info)))), /*#__PURE__*/ React.createElement("div", { className: "p-6 border-t bg-gray-50", __source: { fileName: "", lineNumber: 700, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-3", __source: { fileName: "", lineNumber: 701, columnNumber: 17 }, __self: this }, showConventionDetails.current_registrations >= showConventionDetails.max_participants ? /*#__PURE__*/ React.createElement("div", { className: "flex-1 px-4 py-2 bg-red-100 text-red-700 rounded-lg text-center font-medium", __source: { fileName: "", lineNumber: 704, columnNumber: 21 }, __self: this }, "Convention ist voll") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedConvention(showConventionDetails); setShowConventionDetails(null); }, className: "flex-1 px-4 py-2 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700", __source: { fileName: "", lineNumber: 708, columnNumber: 21 }, __self: this }, "Anmelden"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowConventionDetails(null), className: "px-4 py-2 bg-gray-300 text-gray-700 rounded-lg font-medium hover:bg-gray-400", __source: { fileName: "", lineNumber: 719, columnNumber: 19 }, __self: this }, "Schließen"))))), showAdminLogin && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 733, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg w-full max-w-md", __source: { fileName: "", lineNumber: 734, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 735, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 736, columnNumber: 17 }, __self: this }, "Admin Login"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleAdminLogin, __source: { fileName: "", lineNumber: 737, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 738, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 739, columnNumber: 21 }, __self: this }, "Benutzername"), /*#__PURE__*/ React.createElement("input", { type: "text", value: adminUsername, onChange: (e)=>setAdminUsername(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 742, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 750, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 751, columnNumber: 21 }, __self: this }, "Passwort"), /*#__PURE__*/ React.createElement("input", { type: "password", value: adminPassword, onChange: (e)=>setAdminPassword(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 754, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 762, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 px-4 py-2 text-white rounded-md font-medium", style: { backgroundColor: "#ff80c1" }, __source: { fileName: "", lineNumber: 763, columnNumber: 21 }, __self: this }, "Anmelden"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>setShowAdminLogin(false), className: "flex-1 px-4 py-2 bg-gray-300 text-gray-700 rounded-md font-medium hover:bg-gray-400", __source: { fileName: "", lineNumber: 770, columnNumber: 21 }, __self: this }, "Abbrechen")))))), showCreateForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 786, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg w-full max-w-2xl max-h-[90vh] flex flex-col", __source: { fileName: "", lineNumber: 787, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 border-b", __source: { fileName: "", lineNumber: 788, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 789, columnNumber: 17 }, __self: this }, "Neue Convention erstellen")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-6", __source: { fileName: "", lineNumber: 792, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleCreateConvention, className: "space-y-4", __source: { fileName: "", lineNumber: 793, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 794, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 795, columnNumber: 21 }, __self: this }, "Passwort"), /*#__PURE__*/ React.createElement("input", { type: "password", value: createPassword, onChange: (e)=>setCreatePassword(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 798, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 806, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 807, columnNumber: 21 }, __self: this }, "Convention Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: convName, onChange: (e)=>setConvName(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 810, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 818, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 819, columnNumber: 21 }, __self: this }, "Ort *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: convLocation, onChange: (e)=>setConvLocation(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 822, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 830, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 831, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 832, columnNumber: 23 }, __self: this }, "Startdatum *"), /*#__PURE__*/ React.createElement("input", { type: "date", value: convStartDate, onChange: (e)=>setConvStartDate(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 835, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 843, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 844, columnNumber: 23 }, __self: this }, "Enddatum (optional)"), /*#__PURE__*/ React.createElement("input", { type: "date", value: convEndDate, onChange: (e)=>setConvEndDate(e.target.value), min: convStartDate, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 847, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 854, columnNumber: 23 }, __self: this }, "Leer lassen für eintägige Events"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 859, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 860, columnNumber: 21 }, __self: this }, "Maximale Teilnehmer *"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1", value: convMaxParticipants, onChange: (e)=>setConvMaxParticipants(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 863, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 872, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 873, columnNumber: 21 }, __self: this }, "Convention Informationen"), /*#__PURE__*/ React.createElement("textarea", { value: convInfo, onChange: (e)=>setConvInfo(e.target.value), rows: "4", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Informationen über die Convention...", __source: { fileName: "", lineNumber: 876, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 884, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 885, columnNumber: 21 }, __self: this }, "Allgemeine Informationen"), /*#__PURE__*/ React.createElement("textarea", { value: convGeneralInfo, onChange: (e)=>setConvGeneralInfo(e.target.value), rows: "4", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Allgemeine Informationen...", __source: { fileName: "", lineNumber: 888, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 pt-4", __source: { fileName: "", lineNumber: 897, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 px-4 py-2 bg-blue-600 text-white rounded-md font-medium hover:bg-blue-700", __source: { fileName: "", lineNumber: 898, columnNumber: 21 }, __self: this }, "Convention erstellen"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setShowCreateForm(false); resetCreateForm(); }, className: "flex-1 px-4 py-2 bg-gray-300 text-gray-700 rounded-md font-medium hover:bg-gray-400", __source: { fileName: "", lineNumber: 904, columnNumber: 21 }, __self: this }, "Abbrechen")))))), showEditConvention && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 923, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg w-full max-w-2xl max-h-[90vh] flex flex-col", __source: { fileName: "", lineNumber: 924, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 border-b", __source: { fileName: "", lineNumber: 925, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 926, columnNumber: 17 }, __self: this }, "Convention bearbeiten")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-6", __source: { fileName: "", lineNumber: 929, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleUpdateConvention, className: "space-y-4", __source: { fileName: "", lineNumber: 930, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 931, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 932, columnNumber: 21 }, __self: this }, "Convention Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: convName, onChange: (e)=>setConvName(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 935, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 943, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 944, columnNumber: 21 }, __self: this }, "Ort *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: convLocation, onChange: (e)=>setConvLocation(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 947, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 955, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 956, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 957, columnNumber: 23 }, __self: this }, "Startdatum *"), /*#__PURE__*/ React.createElement("input", { type: "date", value: convStartDate, onChange: (e)=>setConvStartDate(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 960, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 968, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 969, columnNumber: 23 }, __self: this }, "Enddatum (optional)"), /*#__PURE__*/ React.createElement("input", { type: "date", value: convEndDate, onChange: (e)=>setConvEndDate(e.target.value), min: convStartDate, className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 972, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 979, columnNumber: 23 }, __self: this }, "Leer lassen für eintägige Events"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 984, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 985, columnNumber: 21 }, __self: this }, "Maximale Teilnehmer *"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1", value: convMaxParticipants, onChange: (e)=>setConvMaxParticipants(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 988, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 997, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 998, columnNumber: 21 }, __self: this }, "Convention Informationen"), /*#__PURE__*/ React.createElement("textarea", { value: convInfo, onChange: (e)=>setConvInfo(e.target.value), rows: "4", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Informationen über die Convention...", __source: { fileName: "", lineNumber: 1001, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1009, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1010, columnNumber: 21 }, __self: this }, "Allgemeine Informationen"), /*#__PURE__*/ React.createElement("textarea", { value: convGeneralInfo, onChange: (e)=>setConvGeneralInfo(e.target.value), rows: "4", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Allgemeine Informationen...", __source: { fileName: "", lineNumber: 1013, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 pt-4", __source: { fileName: "", lineNumber: 1022, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 px-4 py-2 bg-blue-600 text-white rounded-md font-medium hover:bg-blue-700", __source: { fileName: "", lineNumber: 1023, columnNumber: 21 }, __self: this }, "Aktualisieren"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setShowEditConvention(null); resetCreateForm(); }, className: "flex-1 px-4 py-2 bg-gray-300 text-gray-700 rounded-md font-medium hover:bg-gray-400", __source: { fileName: "", lineNumber: 1029, columnNumber: 21 }, __self: this }, "Abbrechen")))))), selectedConvention && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 1048, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg w-full max-w-4xl max-h-[90vh] flex flex-col", __source: { fileName: "", lineNumber: 1049, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 sm:p-6 border-b", __source: { fileName: "", lineNumber: 1050, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 1051, columnNumber: 17 }, __self: this }, "Anmeldung für ", selectedConvention.name), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1054, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-2 text-sm", __source: { fileName: "", lineNumber: 1055, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1056, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1057, columnNumber: 23 }, __self: this }, "Ort:"), " ", selectedConvention.location), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1059, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1060, columnNumber: 23 }, __self: this }, "Teilnehmer:"), " ", selectedConvention.current_registrations, "/", selectedConvention.max_participants)), selectedConvention.convention_info && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm", __source: { fileName: "", lineNumber: 1066, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1067, columnNumber: 23 }, __self: this }, "Convention Info:"), " ", truncateText(selectedConvention.convention_info, 100)), selectedConvention.general_info && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm", __source: { fileName: "", lineNumber: 1072, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1073, columnNumber: 23 }, __self: this }, "Allgemeine Info:"), " ", truncateText(selectedConvention.general_info, 100)))), selectedConvention.current_registrations >= selectedConvention.max_participants ? /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center p-8", __source: { fileName: "", lineNumber: 1082, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 1083, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded mb-4", __source: { fileName: "", lineNumber: 1084, columnNumber: 21 }, __self: this }, "Diese Convention ist bereits voll!"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedConvention(null), className: "px-4 py-2 bg-gray-300 text-gray-700 rounded-md font-medium hover:bg-gray-400", __source: { fileName: "", lineNumber: 1087, columnNumber: 21 }, __self: this }, "Zurück"))) : /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto", __source: { fileName: "", lineNumber: 1096, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleRegister, className: "p-4 sm:p-6 rounded-lg m-4", style: { backgroundColor: "#ffcce6" }, __source: { fileName: "", lineNumber: 1097, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 1102, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2", __source: { fileName: "", lineNumber: 1103, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1104, columnNumber: 25 }, __self: this }, "Name mit dem du angesprochen werden möchtest *"), /*#__PURE__*/ React.createElement("input", { type: "text", value: regName, onChange: (e)=>setRegName(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1107, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1115, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1116, columnNumber: 25 }, __self: this }, "Deine Pronomen"), /*#__PURE__*/ React.createElement("input", { type: "text", value: regPronouns, onChange: (e)=>setRegPronouns(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "z.B. sie/ihr, er/ihm, they/them", __source: { fileName: "", lineNumber: 1119, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1127, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1128, columnNumber: 25 }, __self: this }, "Woher kommst du? (Nächstgrößere Stadt reicht)"), /*#__PURE__*/ React.createElement("input", { type: "text", value: regCity, onChange: (e)=>setRegCity(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 1131, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1138, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1139, columnNumber: 25 }, __self: this }, "Wie alt bist du?"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1", max: "150", value: regAge, onChange: (e)=>setRegAge(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 1142, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1151, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1152, columnNumber: 25 }, __self: this }, "Dein Instagram-Account"), /*#__PURE__*/ React.createElement("input", { type: "text", value: regInstagram, onChange: (e)=>setRegInstagram(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "@username", __source: { fileName: "", lineNumber: 1155, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1163, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1164, columnNumber: 25 }, __self: this }, "Deine Mail-Adresse *"), /*#__PURE__*/ React.createElement("input", { type: "email", value: regEmail, onChange: (e)=>setRegEmail(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", required: true, __source: { fileName: "", lineNumber: 1167, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1177, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center", __source: { fileName: "", lineNumber: 1178, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: regAccommodation, onChange: (e)=>setRegAccommodation(e.target.checked), className: "mr-2", __source: { fileName: "", lineNumber: 1179, columnNumber: 25 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1187, columnNumber: 25 }, __self: this }, "Hast du schon eine Unterkunft?"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1193, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1194, columnNumber: 23 }, __self: this }, "Wie reist du an?"), /*#__PURE__*/ React.createElement("select", { value: regTransport, onChange: (e)=>setRegTransport(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 1197, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 1202, columnNumber: 25 }, __self: this }, "Bitte wählen"), /*#__PURE__*/ React.createElement("option", { value: "Öffis", __source: { fileName: "", lineNumber: 1203, columnNumber: 25 }, __self: this }, "Öffis"), /*#__PURE__*/ React.createElement("option", { value: "Auto", __source: { fileName: "", lineNumber: 1204, columnNumber: 25 }, __self: this }, "Auto"))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1208, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1209, columnNumber: 23 }, __self: this }, "Gibt es medizinische Infos, die wir wissen sollten?"), /*#__PURE__*/ React.createElement("textarea", { value: regMedical, onChange: (e)=>setRegMedical(e.target.value), rows: "3", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Allergien, Medikamente, etc.", __source: { fileName: "", lineNumber: 1212, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 1221, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-2", __source: { fileName: "", lineNumber: 1222, columnNumber: 23 }, __self: this }, "Hast du Zusatzqualifikationen?"), /*#__PURE__*/ React.createElement("textarea", { value: regQualifications, onChange: (e)=>setRegQualifications(e.target.value), rows: "3", className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Erste Hilfe, Sprachen, besondere Fähigkeiten, etc.", __source: { fileName: "", lineNumber: 1225, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-3 mt-6", __source: { fileName: "", lineNumber: 1234, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "flex-1 px-4 py-2 bg-green-600 text-white rounded-md font-medium hover:bg-green-700", __source: { fileName: "", lineNumber: 1235, columnNumber: 23 }, __self: this }, "Anmelden"), /*#__PURE__*/ React.createElement("button", { type: "button", onClick: ()=>{ setSelectedConvention(null); resetRegistrationForm(); }, className: "flex-1 px-4 py-2 bg-gray-300 text-gray-700 rounded-md font-medium hover:bg-gray-400", __source: { fileName: "", lineNumber: 1241, columnNumber: 23 }, __self: this }, "Abbrechen")))))), showRegistrations && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 overflow-y-auto", __source: { fileName: "", lineNumber: 1261, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-6xl m-4 max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 1262, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 1263, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 1264, columnNumber: 17 }, __self: this }, "Anmeldungen für ", showRegistrations.name), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 1267, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>startEditConvention(showRegistrations), className: "px-3 py-1 bg-blue-600 text-white rounded text-sm hover:bg-blue-700", __source: { fileName: "", lineNumber: 1268, columnNumber: 19 }, __self: this }, "Bearbeiten"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>deleteConvention(showRegistrations.id), className: "px-3 py-1 bg-red-600 text-white rounded text-sm hover:bg-red-700", __source: { fileName: "", lineNumber: 1274, columnNumber: 19 }, __self: this }, "Convention löschen"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowRegistrations(null), className: "px-3 py-1 bg-gray-300 text-gray-700 rounded text-sm hover:bg-gray-400", __source: { fileName: "", lineNumber: 1280, columnNumber: 19 }, __self: this }, "Schließen"))), /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-gray-50 rounded-lg", __source: { fileName: "", lineNumber: 1289, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1290, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1291, columnNumber: 19 }, __self: this }, "Ort:"), " ", showRegistrations.location), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1293, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1294, columnNumber: 19 }, __self: this }, "Max. Teilnehmer:"), " ", showRegistrations.max_participants), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 1297, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 1298, columnNumber: 19 }, __self: this }, "Aktuelle Anmeldungen:"), " ", registrations.length)), registrations.length === 0 ? /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-center py-8", __source: { fileName: "", lineNumber: 1303, columnNumber: 17 }, __self: this }, "Noch keine Anmeldungen") : /*#__PURE__*/ React.createElement("div", { className: "overflow-x-auto", __source: { fileName: "", lineNumber: 1307, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("table", { className: "w-full border-collapse border border-gray-300", __source: { fileName: "", lineNumber: 1308, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("thead", { __source: { fileName: "", lineNumber: 1309, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("tr", { className: "bg-gray-100", __source: { fileName: "", lineNumber: 1310, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1311, columnNumber: 25 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1314, columnNumber: 25 }, __self: this }, "Pronomen"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1317, columnNumber: 25 }, __self: this }, "Stadt"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1320, columnNumber: 25 }, __self: this }, "Alter"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1323, columnNumber: 25 }, __self: this }, "Instagram"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1326, columnNumber: 25 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1329, columnNumber: 25 }, __self: this }, "Unterkunft"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1332, columnNumber: 25 }, __self: this }, "Transport"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1335, columnNumber: 25 }, __self: this }, "Medizinisch"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1338, columnNumber: 25 }, __self: this }, "Qualifikationen"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1341, columnNumber: 25 }, __self: this }, "Angemeldet"), /*#__PURE__*/ React.createElement("th", { className: "border border-gray-300 px-2 py-2 text-left text-xs", __source: { fileName: "", lineNumber: 1344, columnNumber: 25 }, __self: this }, "Aktionen"))), /*#__PURE__*/ React.createElement("tbody", { __source: { fileName: "", lineNumber: 1349, columnNumber: 21 }, __self: this }, registrations.map((reg)=>/*#__PURE__*/ React.createElement("tr", { key: reg.id, className: "hover:bg-gray-50", __source: { fileName: "", lineNumber: 1351, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1352, columnNumber: 27 }, __self: this }, reg.name), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1355, columnNumber: 27 }, __self: this }, reg.pronouns || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1358, columnNumber: 27 }, __self: this }, reg.city || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1361, columnNumber: 27 }, __self: this }, reg.age || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1364, columnNumber: 27 }, __self: this }, reg.instagram || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1367, columnNumber: 27 }, __self: this }, reg.email), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1370, columnNumber: 27 }, __self: this }, reg.accommodation ? "Ja" : "Nein"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1373, columnNumber: 27 }, __self: this }, reg.transport || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs max-w-[100px] truncate", title: reg.medical_info, __source: { fileName: "", lineNumber: 1376, columnNumber: 27 }, __self: this }, reg.medical_info || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs max-w-[100px] truncate", title: reg.qualifications, __source: { fileName: "", lineNumber: 1382, columnNumber: 27 }, __self: this }, reg.qualifications || "-"), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1388, columnNumber: 27 }, __self: this }, new Date(reg.registered_at).toLocaleDateString("de-DE")), /*#__PURE__*/ React.createElement("td", { className: "border border-gray-300 px-2 py-2 text-xs", __source: { fileName: "", lineNumber: 1393, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>deleteRegistration(reg.id), className: "px-2 py-1 bg-red-600 text-white rounded text-xs hover:bg-red-700", __source: { fileName: "", lineNumber: 1394, columnNumber: 29 }, __self: this }, "Löschen"))))))))), !selectedConvention && !showRegistrations && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1413, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-900 mb-6 text-center", __source: { fileName: "", lineNumber: 1414, columnNumber: 13 }, __self: this }, "Verfügbare Conventions"), conventions.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 1419, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 text-lg", __source: { fileName: "", lineNumber: 1420, columnNumber: 17 }, __self: this }, "Noch keine Conventions verfügbar"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mt-2", __source: { fileName: "", lineNumber: 1423, columnNumber: 17 }, __self: this }, "Erstelle die erste Convention mit dem Button oben!")) : /*#__PURE__*/ React.createElement("div", { className: "grid gap-6 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-3", __source: { fileName: "", lineNumber: 1428, columnNumber: 15 }, __self: this }, conventions.sort((a, b)=>{ // Sort by start_date, putting conventions without dates at the end if (!a.start_date && !b.start_date) return 0; if (!a.start_date) return 1; if (!b.start_date) return -1; return new Date(a.start_date) - new Date(b.start_date); }).map((convention)=>{ const isFull = convention.current_registrations >= convention.max_participants; const hasLongText = convention.convention_info && convention.convention_info.length > 100 || convention.general_info && convention.general_info.length > 100; return /*#__PURE__*/ React.createElement("div", { key: convention.id, className: "bg-white rounded-lg shadow-md border hover:shadow-lg transition-shadow", __source: { fileName: "", lineNumber: 1448, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `p-4 sm:p-6 ${hasLongText ? "cursor-pointer hover:bg-gray-50" : ""}`, onClick: hasLongText ? ()=>setShowConventionDetails(convention) : undefined, __source: { fileName: "", lineNumber: 1452, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg sm:text-xl font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 1460, columnNumber: 27 }, __self: this }, convention.name), convention.start_date && /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-2 text-sm sm:text-base", __source: { fileName: "", lineNumber: 1465, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar mr-2", __source: { fileName: "", lineNumber: 1466, columnNumber: 31 }, __self: this }), formatDateRange(convention.start_date, convention.end_date)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-2 text-sm sm:text-base", __source: { fileName: "", lineNumber: 1474, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 1475, columnNumber: 29 }, __self: this }), convention.location), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4 text-sm sm:text-base", __source: { fileName: "", lineNumber: 1478, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-users mr-2", __source: { fileName: "", lineNumber: 1479, columnNumber: 29 }, __self: this }), convention.current_registrations, "/", convention.max_participants, " Teilnehmer"), convention.convention_info && /*#__PURE__*/ React.createElement("div", { className: "mb-3", __source: { fileName: "", lineNumber: 1485, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1486, columnNumber: 31 }, __self: this }, "Convention Info:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1489, columnNumber: 31 }, __self: this }, truncateText(convention.convention_info, 100), convention.convention_info.length > 100 && /*#__PURE__*/ React.createElement("span", { className: "text-blue-600 ml-1 font-medium", __source: { fileName: "", lineNumber: 1492, columnNumber: 35 }, __self: this }, "Mehr anzeigen..."))), convention.general_info && /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 1501, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 1502, columnNumber: 31 }, __self: this }, "Allgemeine Info:"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 1505, columnNumber: 31 }, __self: this }, truncateText(convention.general_info, 100), convention.general_info.length > 100 && /*#__PURE__*/ React.createElement("span", { className: "text-blue-600 ml-1 font-medium", __source: { fileName: "", lineNumber: 1508, columnNumber: 35 }, __self: this }, "Mehr anzeigen...")))), /*#__PURE__*/ React.createElement("div", { className: "px-4 sm:px-6 pb-4 sm:pb-6", __source: { fileName: "", lineNumber: 1517, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-2", __source: { fileName: "", lineNumber: 1518, columnNumber: 27 }, __self: this }, isFull ? /*#__PURE__*/ React.createElement("div", { className: "flex-1 px-4 py-2 bg-red-100 text-red-700 rounded-lg text-center font-medium text-sm", __source: { fileName: "", lineNumber: 1520, columnNumber: 31 }, __self: this }, "Convention ist voll") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedConvention(convention), className: "flex-1 px-4 py-2 bg-green-600 text-white rounded-lg font-medium hover:bg-green-700 text-sm", __source: { fileName: "", lineNumber: 1524, columnNumber: 31 }, __self: this }, "Anmelden"), isAdmin && /*#__PURE__*/ React.createElement("button", { onClick: ()=>loadRegistrations(convention.id), className: "px-4 py-2 text-white rounded-lg font-medium text-sm", style: { backgroundColor: "#ff80c1" }, __source: { fileName: "", lineNumber: 1535, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-list mr-1", __source: { fileName: "", lineNumber: 1540, columnNumber: 33 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 1541, columnNumber: 33 }, __self: this }, "Anmeldungen"), /*#__PURE__*/ React.createElement("span", { className: "sm:hidden", __source: { fileName: "", lineNumber: 1544, columnNumber: 33 }, __self: this }, "Liste"))))); }))))); }