function MainComponent() { const [reservations, setReservations] = React.useState([]); const [statusFilter, setStatusFilter] = React.useState(''); const [history, setHistory] = React.useState([]); const [inventory, setInventory] = React.useState([]); const [sales, setSales] = React.useState([]); const handleNewReservation = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const newReservation = { id: reservations.length + 1, name: formData.get('name'), phone: formData.get('phone'), carModel: formData.get('carModel'), date: formData.get('date'), status: '予約中' }; setReservations([ ...reservations, newReservation ]); }; const handleStatusFilterChange = (e)=>setStatusFilter(e.target.value); const filteredReservations = statusFilter ? reservations.filter((r)=>r.status === statusFilter) : reservations; return /*#__PURE__*/ React.createElement("div", { className: "container mx-auto p-4 font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, "ユーザー予約管理"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "タイヤ交換予約"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleNewReservation, __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { name: "name", type: "text", placeholder: "氏名", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "phone", type: "tel", placeholder: "電話番号", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "carModel", type: "text", placeholder: "車種", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { name: "date", type: "datetime-local", className: "w-full p-2 border border-gray-300 rounded", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full p-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "予約確認"))), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "予約状況管理"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border border-gray-300 rounded", value: statusFilter, onChange: handleStatusFilterChange, __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "全て"), /*#__PURE__*/ React.createElement("option", { value: "予約中", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "予約中"), /*#__PURE__*/ React.createElement("option", { value: "完了", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "完了"), /*#__PURE__*/ React.createElement("option", { value: "キャンセル", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "キャンセル"))), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, filteredReservations.map((reservation)=>/*#__PURE__*/ React.createElement("li", { key: reservation.id, className: "p-2 bg-gray-100 rounded flex justify-between", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, "予約 ID: ", reservation.id), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 56, columnNumber: 15 }, __self: this }, "状態: ", reservation.status))))), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, "タイヤ交換管理"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "タイヤ交換作業管理"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, history.map((task)=>/*#__PURE__*/ React.createElement("li", { key: task.id, className: "p-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, "作業 ID: ", task.id), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 69, columnNumber: 15 }, __self: this }, "状態: ", task.status))))), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, "タイヤ在庫管理"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 76, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this }, "タイヤ在庫状況管理"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, inventory.map((stock)=>/*#__PURE__*/ React.createElement("li", { key: stock.brand, className: "p-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 81, columnNumber: 15 }, __self: this }, "タイヤ: ", stock.brand), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 82, columnNumber: 15 }, __self: this }, "在庫: ", stock.quantity))))), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 88, columnNumber: 7 }, __self: this }, "タイヤ販売状況分析"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "販売実績"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, sales.map((sale)=>/*#__PURE__*/ React.createElement("li", { key: sale.brand, className: "p-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 94, columnNumber: 15 }, __self: this }, "タイヤ: ", sale.brand), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 95, columnNumber: 15 }, __self: this }, "販売数: ", sale.quantity))))), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }, "その他"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, "権限管理機能"), /*#__PURE__*/ React.createElement("p", { className: "p-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, "ユーザーごとに利用可能な機能を制限します。")), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 106, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, "ログ管理機能"), /*#__PURE__*/ React.createElement("p", { className: "p-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, "アプリの操作履歴を記録します。")), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 110, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, "セキュリティ対策"), /*#__PURE__*/ React.createElement("p", { className: "p-2 bg-gray-100 rounded", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, "ユーザー認証機能とデータ暗号化を提供します。"))); }