Espace publicitaire / مساحة إعلانية

Données de base / البيانات الأساسية

${Object.entries({ "Région / المنطقة": region, "Coût du terrain / تكلفة الأرض": `${Number(landCost || 0).toLocaleString("fr-FR")} MAD`, "Surface au sol / مساحة القطعة": `${groundArea} m²`, "Surface de la cour / مساحة الفناء": `${courtArea} m²`, "Usage / الاستخدام": parcelType === "habitation" ? "Habitation / سكني" : "Commerce / تجاري", "Nombre de façades / عدد الواجهات": facades, "Sous-sol / طابق تحت أرضي": hasBasement, "Étages / عدد الطوابق": floors === 0 ? "RDC / الطابق الأرضي" : `R+${floors}`, "Surface RDC / مساحة الطابق الأرضي": `${groundArea - courtArea} m²`, "Type de finition / نوع التشطيب": finishType === "basique" ? "Basique / أساسي" : finishType === "moyen" ? "Moyen standing / متوسط" : "Haut standing / راقي" }).map(([label, value])=>`

${label} ${value}

`).join("")}

Espace publicitaire / مساحة إعلانية

Frais administratifs et études / الرسوم الإدارية والدراسات

${Object.entries({ "Autorisations / التراخيص": `${costs.authorizations.toLocaleString("fr-FR")} MAD`, "Branchements / الربط بالشبكات": `${costs.connections.toLocaleString("fr-FR")} MAD`, "Topographie / الطبوغرافيا": `${costs.topography.toLocaleString("fr-FR")} MAD`, "Architecture / الهندسة المعمارية": `${costs.architectureFee.toLocaleString("fr-FR")} MAD`, "Bureau d'études et laboratoire / مكتب الدراسات و المختبر": `${costs.studiesFee.toLocaleString("fr-FR")} MAD`, "Total frais administratifs / مجموع الرسوم الإدارية": `${costs.administrativeCosts.toLocaleString("fr-FR")} MAD` }).map(([label, value])=>`

${label} ${value}

`).join("")}

Espace publicitaire / مساحة إعلانية

Coûts des travaux / تكاليف البناء

${Object.entries({ "Terrassement / الحفر": `${costs.earthworks.toLocaleString("fr-FR")} MAD`, "Fondation / الأساسات": `${costs.foundation.toLocaleString("fr-FR")} MAD`, "Gros-oeuvres / أشغال الخرسانة المسلحة": `${costs.mainWorks.toLocaleString("fr-FR")} MAD`, "Finitions / التشطيبات": `${costs.finishes.toLocaleString("fr-FR")} MAD`, "- Plomberie / السباكة": `${costs.plumbing.toLocaleString("fr-FR")} MAD`, "- Électricité / الكهرباء": `${costs.electrical.toLocaleString("fr-FR")} MAD`, "- Plafond / السقف": `${costs.ceiling.toLocaleString("fr-FR")} MAD`, "- Revêtement du sol / تكسية الأرضية": `${costs.flooring.toLocaleString("fr-FR")} MAD`, "- Peinture / طلاء الجدارن": `${costs.painting.toLocaleString("fr-FR")} MAD`, "Coût sans finitions / التكلفة بدون تشطيبات": `${costs.constructionCostWithoutFinishes.toLocaleString("fr-FR")} MAD` }).map(([label, value])=>`

${label} ${value}

`).join("")}

Coût Total / التكلفة الإجمالية

${(costs.totalConstructionCost + costs.administrativeCosts).toLocaleString("fr-FR")} MAD

Coût total par m² / التكلفة الإجمالية لكل متر مربع: ${((costs.totalConstructionCost + costs.administrativeCosts) / ((Number(groundArea) - Number(courtArea)) * (Number(floors) + Number(hasBasement) + 1))).toLocaleString("fr-FR")} MAD/m²

Les coûts et valeurs sur le présent devis sont à titre indicatif. Pour plus de précision, consultez un professionnel.

التكاليف والقيم في هذا التقدير هي إرشادية فقط. لمزيد من الدقة، يرجى استشارة متخصص.

`; const printWindow = window.open("", "", "height=600,width=800"); printWindow.document.write(` ${printContent.innerHTML} `); printWindow.document.close(); printWindow.print(); }; const isFormValid = groundArea && courtArea; const maxFloors = useMemo(()=>{ return Math.min(6, 6); }, []); useEffect(()=>{ if (floors > maxFloors) { setFloors(maxFloors); } }, [ maxFloors, floors ]); useEffect(()=>{ const value = Number(floors); if (value < 0) { setFloors(0); } else if (value > 6) { setFloors(6); } }, [ floors ]); useEffect(()=>{ if (courtArea && groundArea) { const maxCourtArea = groundArea * 0.3; if (courtArea > maxCourtArea) { setCourtArea(Math.floor(maxCourtArea)); } } }, [ courtArea, groundArea ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-2 sm:p-4 md:p-8", __source: { fileName: "", lineNumber: 294, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mx-auto bg-white rounded-lg shadow-lg p-3 sm:p-4 md:p-6", __source: { fileName: "", lineNumber: 295, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-lg sm:text-xl md:text-2xl font-bold mb-2 text-center font-roboto text-black bg-[#b6d7f4] p-2 rounded-lg", __source: { fileName: "", lineNumber: 296, columnNumber: 9 }, __self: this }, "Estimation de la construction / تقدير تكلفة البناء"), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[2px] bg-gray-300 mb-4 sm:mb-6", __source: { fileName: "", lineNumber: 299, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-3 sm:space-y-4 md:space-y-6", __source: { fileName: "", lineNumber: 301, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4", __source: { fileName: "", lineNumber: 302, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full", __source: { fileName: "", lineNumber: 303, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 304, columnNumber: 15 }, __self: this }, "المنطقة / Région *"), /*#__PURE__*/ React.createElement("select", { name: "region", value: region, onChange: (e)=>setRegion(e.target.value), className: "border rounded p-2 text-sm sm:text-base", __source: { fileName: "", lineNumber: 307, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "casablanca", __source: { fileName: "", lineNumber: 313, columnNumber: 17 }, __self: this }, "الدار البيضاء-سطات / Casablanca-Settat"), /*#__PURE__*/ React.createElement("option", { value: "tanger", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, "طنجة-تطوان-الحسيمة / Tanger-Tétouan-Al Hoceïma"), /*#__PURE__*/ React.createElement("option", { value: "oriental", __source: { fileName: "", lineNumber: 319, columnNumber: 17 }, __self: this }, "الشرق / L'Oriental"), /*#__PURE__*/ React.createElement("option", { value: "fes", __source: { fileName: "", lineNumber: 320, columnNumber: 17 }, __self: this }, "فاس-مكناس / Fès-Meknès"), /*#__PURE__*/ React.createElement("option", { value: "rabat", __source: { fileName: "", lineNumber: 321, columnNumber: 17 }, __self: this }, "الرباط-سلا-القنيطرة / Rabat-Salé-Kénitra"), /*#__PURE__*/ React.createElement("option", { value: "beni", __source: { fileName: "", lineNumber: 324, columnNumber: 17 }, __self: this }, "بني ملال-خنيفرة / Béni Mellal-Khénifra"), /*#__PURE__*/ React.createElement("option", { value: "marrakech", __source: { fileName: "", lineNumber: 327, columnNumber: 17 }, __self: this }, "مراكش-آسفي / Marrakech-Safi"), /*#__PURE__*/ React.createElement("option", { value: "draa", __source: { fileName: "", lineNumber: 328, columnNumber: 17 }, __self: this }, "درعة-تافيلالت / Drâa-Tafilalet"), /*#__PURE__*/ React.createElement("option", { value: "souss", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, "سوس-ماسة / Souss-Massa"), /*#__PURE__*/ React.createElement("option", { value: "guelmim", __source: { fileName: "", lineNumber: 330, columnNumber: 17 }, __self: this }, "كلميم-واد نون / Guelmim-Oued Noun"), /*#__PURE__*/ React.createElement("option", { value: "laayoune", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }, "العيون-الساقية الحمراء / Laâyoune-Sakia El Hamra"), /*#__PURE__*/ React.createElement("option", { value: "dakhla", __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this }, "الداخلة-وادي الذهب / Dakhla-Oued Ed-Dahab"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col w-full", __source: { fileName: "", lineNumber: 342, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 343, columnNumber: 15 }, __self: this }, "تكلفة الأرض / Coût du terrain (MAD) *"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "landCost", value: landCost, onChange: (e)=>setLandCost(Number(e.target.value)), className: "border rounded p-2 text-sm sm:text-base", required: true, min: "0", __source: { fileName: "", lineNumber: 346, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4", __source: { fileName: "", lineNumber: 358, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 359, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this }, "مساحة القطعة / Surface au sol (m²) *"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "groundArea", value: groundArea, onChange: (e)=>setGroundArea(Number(e.target.value)), className: "border rounded p-2 text-sm sm:text-base", required: true, min: "0", __source: { fileName: "", lineNumber: 363, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 374, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }, "مساحة الفناء / Surface de la cour (m²) *"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "courtArea", value: courtArea, onChange: (e)=>setCourtArea(Number(e.target.value)), className: "border rounded p-2 text-sm sm:text-base", min: "0", max: groundArea ? groundArea * 0.3 : 0, required: true, disabled: facades > 1, __source: { fileName: "", lineNumber: 378, columnNumber: 15 }, __self: this }), groundArea && facades === 1 && /*#__PURE__*/ React.createElement("p", { className: "text-xs sm:text-sm text-gray-500 mt-1", __source: { fileName: "", lineNumber: 390, columnNumber: 17 }, __self: this }, "الحد الأقصى / Max: ", Math.floor(groundArea * 0.3), "m² (30% من مساحة الأرض)"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4", __source: { fileName: "", lineNumber: 398, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 399, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 400, columnNumber: 15 }, __self: this }, "الإستخدام / Usage"), /*#__PURE__*/ React.createElement("select", { name: "parcelType", value: parcelType, onChange: (e)=>setParcelType(e.target.value), className: "border rounded p-2 text-sm sm:text-base", __source: { fileName: "", lineNumber: 403, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "habitation", __source: { fileName: "", lineNumber: 409, columnNumber: 17 }, __self: this }, "سكني / Habitation"), /*#__PURE__*/ React.createElement("option", { value: "commerce", __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }, "تجاري / Commerce"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 414, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 415, columnNumber: 15 }, __self: this }, "عدد الواجهات / Nombre de façades"), /*#__PURE__*/ React.createElement("select", { name: "facades", value: facades, onChange: (e)=>{ const value = Number(e.target.value); setFacades(value); if (value > 1) { setCourtArea("0"); } }, className: "border rounded p-2 text-sm sm:text-base", __source: { fileName: "", lineNumber: 418, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 430, columnNumber: 17 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 431, columnNumber: 17 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("option", { value: "3", __source: { fileName: "", lineNumber: 432, columnNumber: 17 }, __self: this }, "3")))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-3 sm:gap-4", __source: { fileName: "", lineNumber: 437, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 438, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 439, columnNumber: 15 }, __self: this }, "طابق تحت أرضي / Sous-sol"), /*#__PURE__*/ React.createElement("select", { name: "basement", value: hasBasement, onChange: (e)=>setHasBasement(Number(e.target.value)), className: "border rounded p-2 text-sm sm:text-base", __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "0", __source: { fileName: "", lineNumber: 448, columnNumber: 17 }, __self: this }, "0"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 449, columnNumber: 17 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 450, columnNumber: 17 }, __self: this }, "2"))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 454, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 455, columnNumber: 15 }, __self: this }, "عدد الطوابق / Étages"), /*#__PURE__*/ React.createElement("select", { name: "floors", value: floors, onChange: (e)=>setFloors(Number(e.target.value)), className: "border rounded p-2 text-sm sm:text-base", __source: { fileName: "", lineNumber: 458, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "0", __source: { fileName: "", lineNumber: 464, columnNumber: 17 }, __self: this }, "الطابق الأرضي / Rez-de-chaussée"), /*#__PURE__*/ React.createElement("option", { value: "1", __source: { fileName: "", lineNumber: 465, columnNumber: 17 }, __self: this }, "R+1"), /*#__PURE__*/ React.createElement("option", { value: "2", __source: { fileName: "", lineNumber: 466, columnNumber: 17 }, __self: this }, "R+2"), /*#__PURE__*/ React.createElement("option", { value: "3", __source: { fileName: "", lineNumber: 467, columnNumber: 17 }, __self: this }, "R+3"), /*#__PURE__*/ React.createElement("option", { value: "4", __source: { fileName: "", lineNumber: 468, columnNumber: 17 }, __self: this }, "R+4"), /*#__PURE__*/ React.createElement("option", { value: "5", __source: { fileName: "", lineNumber: 469, columnNumber: 17 }, __self: this }, "R+5"), /*#__PURE__*/ React.createElement("option", { value: "6", __source: { fileName: "", lineNumber: 470, columnNumber: 17 }, __self: this }, "R+6")))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 475, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-semibold mb-1 sm:mb-2 text-black bg-[#b6d7f4] px-2 py-1 rounded-lg inline-block", __source: { fileName: "", lineNumber: 476, columnNumber: 13 }, __self: this }, "نوع التشطيب / Type de finition"), /*#__PURE__*/ React.createElement("select", { name: "finishType", value: finishType, onChange: (e)=>setFinishType(e.target.value), className: "border rounded p-2 text-sm sm:text-base", __source: { fileName: "", lineNumber: 479, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "basique", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }, "أساسي / Basique"), /*#__PURE__*/ React.createElement("option", { value: "moyen", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, "متوسط / Moyen standing"), /*#__PURE__*/ React.createElement("option", { value: "haut", __source: { fileName: "", lineNumber: 487, columnNumber: 15 }, __self: this }, "راقي / Haut standing"))), /*#__PURE__*/ React.createElement("button", { onClick: handlePrint, disabled: !isFormValid, className: `w-full py-2 sm:py-3 px-3 sm:px-4 rounded transition duration-200 text-xs sm:text-sm md:text-base ${isFormValid ? "bg-blue-600 text-white hover:bg-blue-700" : "bg-gray-300 text-gray-500 cursor-not-allowed"}`, __source: { fileName: "", lineNumber: 491, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-print mr-2", __source: { fileName: "", lineNumber: 500, columnNumber: 13 }, __self: this }), "طباعة التفاصيل / Imprimer le détail"), !isFormValid && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs sm:text-sm text-center", __source: { fileName: "", lineNumber: 505, columnNumber: 13 }, __self: this }, "جميع الحقول مطلوبة / Tous les champs sont obligatoires")))); }