function MainComponent() { const [isPlaying, setIsPlaying] = React.useState(false); const [currentLocation, setCurrentLocation] = React.useState(null); const [searchQuery, setSearchQuery] = React.useState(""); const [searchResults, setSearchResults] = React.useState([]); const [activeSection, setActiveSection] = React.useState("radio"); // "radio", "report", "dedication", "navigation" const [reportImage, setReportImage] = React.useState(null); const [reportCategory, setReportCategory] = React.useState(""); const [reportDescription, setReportDescription] = React.useState(""); const [isRecording, setIsRecording] = React.useState(false); const [audioBlob, setAudioBlob] = React.useState(null); const [dedicationText, setDedicationText] = React.useState(""); const [error, setError] = React.useState(null); const [loading, setLoading] = React.useState(false); const [listeners, setListeners] = React.useState(1247); const [reportStatus, setReportStatus] = React.useState(null); const [dedicationStatus, setDedicationStatus] = React.useState(null); const [navigationChoice, setNavigationChoice] = React.useState(null); const audioRef = React.useRef(null); const mediaRecorderRef = React.useRef(null); React.useEffect(()=>{ const interval = setInterval(()=>{ setListeners((prev)=>prev + Math.floor(Math.random() * 10) - 5); }, 30000); return ()=>clearInterval(interval); }, []); React.useEffect(()=>{ if (navigator.geolocation) { navigator.geolocation.getCurrentPosition((position)=>{ setCurrentLocation({ lat: position.coords.latitude, lng: position.coords.longitude }); }, (error)=>{ console.error("Error getting location:", error); setError("Nu am putut obține locația curentă"); }); } }, []); const toggleRadio = ()=>{ if (audioRef.current) { if (isPlaying) { audioRef.current.pause(); } else { audioRef.current.play().catch((err)=>{ console.error("Error playing audio:", err); setError("Nu am putut porni radio-ul"); }); } setIsPlaying(!isPlaying); } }; const searchPlaces = async (query)=>{ if (!query || query.length < 2) { setSearchResults([]); return; } try { setLoading(true); const response = await fetch(`/integrations/google-place-autocomplete/autocomplete/json?input=${encodeURIComponent(query)}&radius=5000`); if (!response.ok) { throw new Error("Eroare la căutarea locațiilor"); } const data = await response.json(); setSearchResults(data.predictions || []); } catch (error) { console.error("Search error:", error); setError("Eroare la căutarea locațiilor"); } finally{ setLoading(false); } }; const handleSearchChange = (e)=>{ const value = e.target.value; setSearchQuery(value); searchPlaces(value); }; const selectNavigationPlace = (place)=>{ setNavigationChoice(place); setSearchResults([]); setSearchQuery(place.description); }; const openWithGoogleMaps = ()=>{ if (navigationChoice) { const destination = encodeURIComponent(navigationChoice.description); const googleMapsUrl = `https://www.google.com/maps/dir/?api=1&destination=${destination}`; window.open(googleMapsUrl, "_blank"); setNavigationChoice(null); setSearchQuery(""); } }; const openWithWaze = ()=>{ if (navigationChoice) { const destination = encodeURIComponent(navigationChoice.description); const wazeUrl = `https://waze.com/ul?q=${destination}`; window.open(wazeUrl, "_blank"); setNavigationChoice(null); setSearchQuery(""); } }; const handleImageUpload = (e)=>{ const file = e.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = (e)=>setReportImage(e.target.result); reader.readAsDataURL(file); } }; const captureFromCamera = ()=>{ const input = document.createElement("input"); input.type = "file"; input.accept = "image/*"; input.capture = "environment"; input.onchange = (e)=>{ const file = e.target.files[0]; if (file) { const reader = new FileReader(); reader.onload = (e)=>setReportImage(e.target.result); reader.readAsDataURL(file); } }; input.click(); }; const submitReport = async ()=>{ console.log("=== SUBMIT REPORT STARTED ==="); if (!reportImage || !reportCategory) { setError("Te rog să faci o poză și să alegi categoria"); return; } try { setLoading(true); setError(null); // Clear any previous errors console.log("Frontend: Starting report submission..."); // Convert audio blob to base64 if exists let audioBase64 = null; if (audioBlob) { console.log("Frontend: Converting audio to base64..."); try { const reader = new FileReader(); audioBase64 = await new Promise((resolve, reject)=>{ reader.onload = ()=>{ console.log("Frontend: Audio conversion successful"); resolve(reader.result); }; reader.onerror = (error)=>{ console.error("Frontend: Audio conversion error:", error); reject(error); }; reader.readAsDataURL(audioBlob); }); } catch (audioError) { console.error("Frontend: Audio conversion failed:", audioError); throw new Error("Eroare la procesarea audio-ului"); } } const requestData = { categorie: reportCategory, latitudine: currentLocation?.lat || null, longitudine: currentLocation?.lng || null, descriere: reportDescription || null, imagine_url: reportImage, audio_url: audioBase64 }; console.log("Frontend: Preparing request data:", { categorie: requestData.categorie, latitudine: requestData.latitudine, longitudine: requestData.longitudine, descriere: requestData.descriere ? "present" : "empty", imagine_url: requestData.imagine_url ? "present" : "empty", audio_url: requestData.audio_url ? "present" : "empty" }); console.log("Frontend: Making fetch request to /api/submit-report"); const response = await fetch("/api/submit-report", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(requestData) }); console.log("Frontend: Response received:", { status: response.status, statusText: response.statusText, ok: response.ok }); if (!response.ok) { let errorText = "Unknown error"; try { errorText = await response.text(); console.error("Frontend: Error response text:", errorText); } catch (textError) { console.error("Frontend: Could not read error response:", textError); } throw new Error(`Server error [${response.status}]: ${response.statusText}. Details: ${errorText}`); } let data; try { data = await response.json(); console.log("Frontend: Response JSON parsed successfully:", data); } catch (jsonError) { console.error("Frontend: Failed to parse JSON response:", jsonError); throw new Error("Server returned invalid response format"); } if (data.error) { console.error("Frontend: Backend returned error:", data.error); throw new Error(data.error); } console.log("Frontend: Report submitted successfully!"); setReportStatus("✅ Raportul a fost trimis cu succes! Mulțumim pentru contribuție."); // Reset form setReportImage(null); setReportCategory(""); setReportDescription(""); setAudioBlob(null); setError(null); console.log("=== SUBMIT REPORT COMPLETED SUCCESSFULLY ==="); } catch (error) { console.error("=== SUBMIT REPORT ERROR ==="); console.error("Frontend: Error details:", { message: error.message, stack: error.stack, name: error.name }); setError(`Eroare la trimiterea raportului: ${error.message}`); setReportStatus(null); } finally{ setLoading(false); console.log("=== SUBMIT REPORT FINISHED (success or error) ==="); } }; const submitReportWithWhatsApp = async ()=>{ if (!reportImage || !reportCategory) { setError("Te rog să faci o poză și să alegi categoria"); return; } try { setLoading(true); const locationText = currentLocation ? `Locația: ${currentLocation.lat.toFixed(6)}, ${currentLocation.lng.toFixed(6)}` : "Locația nu a putut fi determinată"; const categoryNames = { accident: "ACCIDENT", radar: "RADAR", politie: "CONTROL POLIȚIE", ambuteiaj: "AMBUTEIAJ", lucrari: "LUCRĂRI DRUMURI", altele: "ALTELE" }; const message = `🚨 RAPORT TRAFIC 🚨 Categoria: ${categoryNames[reportCategory]} ${locationText} Ora: ${new Date().toLocaleString("ro-RO")} ${reportDescription ? `Detalii: ${reportDescription}` : ""} Trimis de pe aplicația Trafic FM`; const whatsappUrl = `https://wa.me/40771103103?text=${encodeURIComponent(message)}`; window.open(whatsappUrl, "_blank"); setReportStatus("Raportul a fost pregătit pentru WhatsApp!"); // Reset form setReportImage(null); setReportCategory(""); setReportDescription(""); setAudioBlob(null); } catch (error) { console.error("Error submitting report:", error); setError("Eroare la trimiterea raportului"); } finally{ setLoading(false); } }; const submitReportWithEmail = async ()=>{ if (!reportImage || !reportCategory) { setError("Te rog să faci o poză și să alegi categoria"); return; } try { setLoading(true); const locationText = currentLocation ? `Locația: ${currentLocation.lat.toFixed(6)}, ${currentLocation.lng.toFixed(6)}` : "Locația nu a putut fi determinată"; const categoryNames = { accident: "ACCIDENT", radar: "RADAR", politie: "CONTROL POLIȚIE", ambuteiaj: "AMBUTEIAJ", lucrari: "LUCRĂRI DRUMURI", altele: "ALTELE" }; const message = `🚨 RAPORT TRAFIC 🚨 Categoria: ${categoryNames[reportCategory]} ${locationText} Ora: ${new Date().toLocaleString("ro-RO")} ${reportDescription ? `Detalii: ${reportDescription}` : ""} Trimis de pe aplicația Trafic FM`; const emailUrl = `mailto:traficfm.ro@gmail.com?subject=Raport Trafic - ${categoryNames[reportCategory]}&body=${encodeURIComponent(message)}`; window.open(emailUrl, "_blank"); setReportStatus("Raportul a fost pregătit pentru Email!"); // Reset form setReportImage(null); setReportCategory(""); setReportDescription(""); setAudioBlob(null); } catch (error) { console.error("Error submitting report:", error); setError("Eroare la trimiterea raportului"); } finally{ setLoading(false); } }; const toggleRecording = async ()=>{ if (!isRecording) { try { const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); const mediaRecorder = new MediaRecorder(stream); mediaRecorderRef.current = mediaRecorder; const chunks = []; mediaRecorder.ondataavailable = (e)=>chunks.push(e.data); mediaRecorder.onstop = ()=>{ const blob = new Blob(chunks, { type: "audio/wav" }); setAudioBlob(blob); }; mediaRecorder.start(); setIsRecording(true); } catch (error) { console.error("Error starting recording:", error); setError("Nu am putut porni înregistrarea"); } } else { if (mediaRecorderRef.current) { mediaRecorderRef.current.stop(); setIsRecording(false); } } }; const submitDedication = async ()=>{ if (!audioBlob && !dedicationText) { setError("Te rog să înregistrezi audio sau să scrii un mesaj"); return; } try { setLoading(true); // Convert audio blob to base64 if exists let audioBase64 = null; if (audioBlob) { const reader = new FileReader(); audioBase64 = await new Promise((resolve)=>{ reader.onload = ()=>resolve(reader.result); reader.readAsDataURL(audioBlob); }); } const response = await fetch("/api/submit-dedication", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ text_dedicatie: dedicationText, audio_url: audioBase64 }) }); if (!response.ok) { throw new Error(`When fetching /api/submit-dedication, the response was [${response.status}] ${response.statusText}`); } const data = await response.json(); // Handle the new response format if (!data) { console.error("Frontend: Received null response"); throw new Error("Server returned empty response"); } if (data.success === false || data.error) { console.error("Frontend: Backend returned error:", data.error); throw new Error(data.error || "Unknown server error"); } if (data.success === true) { setDedicationStatus("✅ Dedicația a fost trimisă cu succes!"); setAudioBlob(null); setDedicationText(""); setError(null); } else { console.error("Frontend: Unexpected response format:", data); throw new Error("Unexpected server response format"); } } catch (error) { console.error("Error submitting dedication:", error); setError("Eroare la trimiterea dedicației"); } finally{ setLoading(false); } }; const resetReportStatus = ()=>{ setReportStatus(null); }; const resetDedicationStatus = ()=>{ setDedicationStatus(null); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-b from-blue-900 via-blue-800 to-red-700 text-white", __source: { fileName: "", lineNumber: 479, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-red-600 to-blue-800 p-4 shadow-lg", __source: { fileName: "", lineNumber: 480, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 481, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 482, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/dacced85-7cac-4c93-81f7-08eee948c490/-/format/auto/", alt: "Trafic FM Logo", className: "h-16 w-auto object-contain", __source: { fileName: "", lineNumber: 483, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 489, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-right", __source: { fileName: "", lineNumber: 490, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg font-bold text-white", __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }, "0771 103 103"), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/40771103103", target: "_blank", className: "text-white text-sm hover:underline font-bold flex items-center justify-end space-x-1", __source: { fileName: "", lineNumber: 492, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDJDNi40NzcgMiAyIDYuNDc3IDIgMTJDMiAxNC4wODkgMi41MjUgMTYuMDU2IDMuNDM4IDE3Ljc1TDIgMjJMMTkuMjUgMjBDMjAuOTQ0IDE4LjQ3NSAyMiAxNS4zMjcgMjIgMTJDMjIgNi40NzcgMTcuNTIzIDIgMTIgMloiIGZpbGw9IiMyNUQzNjYiLz4KPHBhdGggZD0iTTE2LjcwNiAxMy4yODNMMTYuMDY5IDEzLjA5QzE1LjY3NCAxMi45MjcgMTUuMjQ3IDEyLjc0NSAxNC44MzUgMTIuNTQ0QzE0LjY2NSAxMi40NjEgMTQuNDc1IDEyLjQxOCAxNC4yODEgMTIuNDE4QzEzLjg5IDEyLjQxOCAxMy41MSAxMi42MTggMTMuMjUgMTIuOTc2TDEyLjc0OCAxMy42NzNDMTIuNzQ2IDEzLjY3MyAxMi43NDQgMTMuNjc1IDEyLjc0MSAxMy42NzVDMTIuNjE5IDEzLjY3NSAxMi40OTggMTMuNjQgMTIuMzg5IDEzLjU3NUM5LjU3IDEyLjE0MSA3Ljg1OSAxMC40MyA2LjQyNSA3LjYxMUM2LjM2IDcuNTAyIDYuMzI1IDcuMzgxIDYuMzI1IDcuMjU5QzYuMzI1IDcuMjU2IDYuMzI3IDcuMjU0IDYuMzI3IDcuMjUyTDcuMDI0IDYuNzVDNy4zODIgNi40OSA3LjU4MiA2LjExIDcuNTgyIDUuNzE5QzcuNTgyIDUuNTI1IDcuNTM5IDUuMzM1IDcuNDU2IDUuMTY1QzcuMjU1IDQuNzUzIDcuMDczIDQuMzI2IDYuOTEgMy45MzFMNi43MTcgMy4yOTRDNi42NTcgMy4wOTkgNi41NTEgMi45MTkgNi40MSAyLjc2OUM2LjAzIDIuMzMxIDUuNTI3IDIuMDk5IDQuOTg5IDIuMDk5SDQuNTU2QzMuODUyIDIuMDk5IDMuMTc3IDIuMzI4IDIuNjM2IDIuNzVDMi4wOTUgMy4xNzIgMS43MjMgMy43NTcgMS41NzggNC40MDVDMS40MzMgNS4wNTMgMS41MjYgNS43MzEgMS44NDQgNi4zMjNDMy41OTQgOS45OTIgNi4wMDggMTQuNDA2IDkuNjc3IDE2LjE1NkMxNC4yNjkgMTguNDc0IDE5LjgyIDEzLjY0OCAxNi43MDYgMTMuMjgzWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+", alt: "WhatsApp", className: "w-4 h-4", __source: { fileName: "", lineNumber: 497, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 502, columnNumber: 17 }, __self: this }, "WhatsApp")))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto p-4 space-y-6", __source: { fileName: "", lineNumber: 509, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-600 p-3 rounded-lg border-l-4 border-yellow-400", __source: { fileName: "", lineNumber: 511, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white font-bold", __source: { fileName: "", lineNumber: 512, columnNumber: 13 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setError(null), className: "text-sm underline text-yellow-200 hover:text-yellow-100 font-bold", __source: { fileName: "", lineNumber: 513, columnNumber: 13 }, __self: this }, "Închide")), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-white/15 via-white/10 to-white/5 backdrop-blur-lg rounded-2xl p-8 border border-white/20 shadow-2xl", __source: { fileName: "", lineNumber: 523, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center space-y-6", __source: { fileName: "", lineNumber: 524, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 525, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-yellow-400", __source: { fileName: "", lineNumber: 526, columnNumber: 15 }, __self: this }, "📻 Radio Trafic FM Live"), /*#__PURE__*/ React.createElement("div", { className: "h-1 w-24 mx-auto bg-gradient-to-r from-red-500 via-yellow-500 to-blue-500 rounded-full", __source: { fileName: "", lineNumber: 529, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-2 mt-4", __source: { fileName: "", lineNumber: 531, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 bg-red-600/80 backdrop-blur-sm px-4 py-2 rounded-full border border-red-400/50", __source: { fileName: "", lineNumber: 532, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-red-300 rounded-full animate-pulse", __source: { fileName: "", lineNumber: 533, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-white font-bold text-sm", __source: { fileName: "", lineNumber: 534, columnNumber: 19 }, __self: this }, "LIVE")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 bg-blue-600/80 backdrop-blur-sm px-4 py-2 rounded-full border border-blue-400/50", __source: { fileName: "", lineNumber: 536, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-bold text-sm", __source: { fileName: "", lineNumber: 537, columnNumber: 19 }, __self: this }, "👥 ", listeners.toLocaleString("ro-RO"), " ascultători")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-6", __source: { fileName: "", lineNumber: 544, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: toggleRadio, className: `relative w-20 h-20 rounded-full flex items-center justify-center text-3xl font-bold transition-all duration-300 shadow-2xl transform hover:scale-110 ${isPlaying ? "bg-gradient-to-br from-red-500 to-red-700 hover:from-red-600 hover:to-red-800 animate-pulse" : "bg-gradient-to-br from-green-500 to-green-700 hover:from-green-600 hover:to-green-800"}`, __source: { fileName: "", lineNumber: 545, columnNumber: 15 }, __self: this }, isPlaying ? /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1", __source: { fileName: "", lineNumber: 554, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1 h-6 bg-white rounded", __source: { fileName: "", lineNumber: 555, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-1 h-6 bg-white rounded", __source: { fileName: "", lineNumber: 556, columnNumber: 21 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "w-0 h-0 border-l-[12px] border-l-white border-t-[8px] border-t-transparent border-b-[8px] border-b-transparent ml-1", __source: { fileName: "", lineNumber: 559, columnNumber: 19 }, __self: this }), isPlaying && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 rounded-full border-4 border-red-300 animate-ping", __source: { fileName: "", lineNumber: 562, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-left", __source: { fileName: "", lineNumber: 566, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-bold text-white", __source: { fileName: "", lineNumber: 567, columnNumber: 17 }, __self: this }, isPlaying ? "🔴 În Direct" : "▶️ Apasă pentru a asculta"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white font-bold", __source: { fileName: "", lineNumber: 570, columnNumber: 17 }, __self: this }, "TraficFM.ro - Info Trafic Live"), isPlaying && /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mt-2", __source: { fileName: "", lineNumber: 574, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1", __source: { fileName: "", lineNumber: 575, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-1 h-3 bg-yellow-400 rounded animate-pulse", __source: { fileName: "", lineNumber: 576, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-1 h-2 bg-red-400 rounded animate-pulse delay-75", __source: { fileName: "", lineNumber: 577, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-1 h-4 bg-blue-400 rounded animate-pulse delay-150", __source: { fileName: "", lineNumber: 578, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-1 h-2 bg-yellow-400 rounded animate-pulse delay-200", __source: { fileName: "", lineNumber: 579, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-white font-bold", __source: { fileName: "", lineNumber: 581, columnNumber: 21 }, __self: this }, "Live Audio")))), /*#__PURE__*/ React.createElement("audio", { ref: audioRef, src: "https://s3.myradiostream.com/4404/listen.mp3", preload: "none", __source: { fileName: "", lineNumber: 589, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-white/15 via-white/10 to-white/5 backdrop-blur-lg rounded-2xl p-6 border border-white/20 shadow-2xl", __source: { fileName: "", lineNumber: 598, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 599, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection("radio"), className: `px-6 py-4 rounded-xl font-bold text-lg transition-all ${activeSection === "radio" ? "bg-blue-600 text-white shadow-lg" : "bg-white/20 text-white hover:bg-white/30"}`, __source: { fileName: "", lineNumber: 600, columnNumber: 13 }, __self: this }, "📻 Radio Live"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection("navigation"), className: `px-6 py-4 rounded-xl font-bold text-lg transition-all ${activeSection === "navigation" ? "bg-blue-600 text-white shadow-lg" : "bg-white/20 text-white hover:bg-white/30"}`, __source: { fileName: "", lineNumber: 610, columnNumber: 13 }, __self: this }, "🗺️ Navigație"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection("report"), className: `px-6 py-4 rounded-xl font-bold text-lg transition-all ${activeSection === "report" ? "bg-red-600 text-white shadow-lg" : "bg-white/20 text-white hover:bg-white/30"}`, __source: { fileName: "", lineNumber: 620, columnNumber: 13 }, __self: this }, "📷 Raportează"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection("dedication"), className: `px-6 py-4 rounded-xl font-bold text-lg transition-all ${activeSection === "dedication" ? "bg-purple-600 text-white shadow-lg" : "bg-white/20 text-white hover:bg-white/30"}`, __source: { fileName: "", lineNumber: 630, columnNumber: 13 }, __self: this }, "🎙️ Dedicație"))), activeSection === "radio" && /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-yellow-600/20 via-white/10 to-red-600/20 backdrop-blur-sm rounded-xl p-6 border border-white/20", __source: { fileName: "", lineNumber: 645, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4 text-yellow-300", __source: { fileName: "", lineNumber: 646, columnNumber: 13 }, __self: this }, "🔍 Servicii în apropiere"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 649, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-4 bg-gradient-to-br from-white/15 to-white/5 rounded-lg text-center hover:from-white/25 hover:to-white/15 transition-all duration-300 border border-white/20", __source: { fileName: "", lineNumber: 650, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl mb-2", __source: { fileName: "", lineNumber: 651, columnNumber: 17 }, __self: this }, "⛽"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-bold text-white", __source: { fileName: "", lineNumber: 652, columnNumber: 17 }, __self: this }, "Benzinării")), /*#__PURE__*/ React.createElement("button", { className: "p-4 bg-gradient-to-br from-white/15 to-white/5 rounded-lg text-center hover:from-white/25 hover:to-white/15 transition-all duration-300 border border-white/20", __source: { fileName: "", lineNumber: 654, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl mb-2", __source: { fileName: "", lineNumber: 655, columnNumber: 17 }, __self: this }, "🍽️"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-bold text-white", __source: { fileName: "", lineNumber: 656, columnNumber: 17 }, __self: this }, "Restaurante")), /*#__PURE__*/ React.createElement("button", { className: "p-4 bg-gradient-to-br from-white/15 to-white/5 rounded-lg text-center hover:from-white/25 hover:to-white/15 transition-all duration-300 border border-white/20", __source: { fileName: "", lineNumber: 658, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl mb-2", __source: { fileName: "", lineNumber: 659, columnNumber: 17 }, __self: this }, "🏥"), /*#__PURE__*/ React.createElement("p", { className: "text-sm font-bold text-white", __source: { fileName: "", lineNumber: 660, columnNumber: 17 }, __self: this }, "Spitale")))), activeSection === "navigation" && /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-blue-600/20 via-white/10 to-blue-800/20 backdrop-blur-sm rounded-xl p-6 border border-white/20", __source: { fileName: "", lineNumber: 668, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4 text-yellow-300", __source: { fileName: "", lineNumber: 669, columnNumber: 13 }, __self: this }, "🗺️ Navigație"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 672, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 673, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchQuery, onChange: handleSearchChange, placeholder: "Caută destinația...", className: "w-full p-3 rounded-lg bg-white/20 border-2 border-blue-400/50 text-white placeholder-white/70 focus:outline-none focus:ring-2 focus:ring-yellow-400 focus:border-yellow-400 font-bold", __source: { fileName: "", lineNumber: 674, columnNumber: 17 }, __self: this }), loading && /*#__PURE__*/ React.createElement("div", { className: "absolute right-3 top-3 text-yellow-400 animate-spin", __source: { fileName: "", lineNumber: 682, columnNumber: 19 }, __self: this }, "🔄")), searchResults.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "bg-white/15 rounded-lg max-h-60 overflow-y-auto border border-white/20", __source: { fileName: "", lineNumber: 689, columnNumber: 17 }, __self: this }, searchResults.map((place, index)=>/*#__PURE__*/ React.createElement("button", { key: index, onClick: ()=>selectNavigationPlace(place), className: "w-full p-3 text-left hover:bg-blue-500/30 border-b border-white/10 last:border-b-0 transition-all", __source: { fileName: "", lineNumber: 691, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-bold text-white", __source: { fileName: "", lineNumber: 696, columnNumber: 23 }, __self: this }, place.structured_formatting?.main_text), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white font-bold", __source: { fileName: "", lineNumber: 699, columnNumber: 23 }, __self: this }, place.structured_formatting?.secondary_text)))), navigationChoice && /*#__PURE__*/ React.createElement("div", { className: "bg-green-600/20 border border-green-400/50 rounded-lg p-4", __source: { fileName: "", lineNumber: 708, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold text-green-300 mb-2", __source: { fileName: "", lineNumber: 709, columnNumber: 19 }, __self: this }, "Destinație selectată:"), /*#__PURE__*/ React.createElement("p", { className: "text-white font-bold", __source: { fileName: "", lineNumber: 712, columnNumber: 19 }, __self: this }, navigationChoice.description), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3 mt-4", __source: { fileName: "", lineNumber: 715, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: openWithGoogleMaps, className: "flex-1 bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-lg font-bold transition-all", __source: { fileName: "", lineNumber: 716, columnNumber: 21 }, __self: this }, "📱 Google Maps"), /*#__PURE__*/ React.createElement("button", { onClick: openWithWaze, className: "flex-1 bg-purple-600 hover:bg-purple-700 text-white p-3 rounded-lg font-bold transition-all", __source: { fileName: "", lineNumber: 722, columnNumber: 21 }, __self: this }, "🚗 Waze"))))), activeSection === "report" && /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-red-600/20 via-white/10 to-red-800/20 backdrop-blur-sm rounded-xl p-6 border border-white/20", __source: { fileName: "", lineNumber: 737, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4 text-yellow-300", __source: { fileName: "", lineNumber: 738, columnNumber: 13 }, __self: this }, "📷 Raportează Incident"), reportStatus && /*#__PURE__*/ React.createElement("div", { className: "bg-green-600/80 p-3 rounded-lg mb-4 border border-green-400/50", __source: { fileName: "", lineNumber: 743, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white font-bold", __source: { fileName: "", lineNumber: 744, columnNumber: 17 }, __self: this }, reportStatus), /*#__PURE__*/ React.createElement("button", { onClick: resetReportStatus, className: "text-sm underline text-green-200 hover:text-green-100 font-bold", __source: { fileName: "", lineNumber: 745, columnNumber: 17 }, __self: this }, "Închide")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 754, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 755, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-2", __source: { fileName: "", lineNumber: 756, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-blue-400", __source: { fileName: "", lineNumber: 757, columnNumber: 19 }, __self: this }, "📍"), /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-blue-300", __source: { fileName: "", lineNumber: 758, columnNumber: 19 }, __self: this }, "Locația dvs.:")), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600/20 p-3 rounded-lg border border-blue-400/50", __source: { fileName: "", lineNumber: 760, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2 mb-2", __source: { fileName: "", lineNumber: 761, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-green-400", __source: { fileName: "", lineNumber: 762, columnNumber: 21 }, __self: this }, "✓"), /*#__PURE__*/ React.createElement("span", { className: "text-green-300 font-medium", __source: { fileName: "", lineNumber: 763, columnNumber: 21 }, __self: this }, "Locația detectată automat")), currentLocation ? /*#__PURE__*/ React.createElement("div", { className: "text-sm text-white", __source: { fileName: "", lineNumber: 768, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 769, columnNumber: 23 }, __self: this }, "Strada detectată automat"), /*#__PURE__*/ React.createElement("p", { className: "mt-1", __source: { fileName: "", lineNumber: 770, columnNumber: 23 }, __self: this }, currentLocation.lat.toFixed(6), ",", " ", currentLocation.lng.toFixed(6))) : /*#__PURE__*/ React.createElement("p", { className: "text-sm text-white", __source: { fileName: "", lineNumber: 776, columnNumber: 21 }, __self: this }, "Se detectează locația..."))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 783, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-3 text-white", __source: { fileName: "", lineNumber: 784, columnNumber: 17 }, __self: this }, "Tip Incident:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-3", __source: { fileName: "", lineNumber: 785, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setReportCategory("accident"), className: `p-4 rounded-lg border-2 text-center transition-all ${reportCategory === "accident" ? "border-red-400 bg-red-600/50" : "border-white/30 bg-white/10 hover:border-white/50"}`, __source: { fileName: "", lineNumber: 786, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-1", __source: { fileName: "", lineNumber: 794, columnNumber: 21 }, __self: this }, "🚗💥"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 795, columnNumber: 21 }, __self: this }, "Accident")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setReportCategory("radar"), className: `p-4 rounded-lg border-2 text-center transition-all ${reportCategory === "radar" ? "border-red-400 bg-red-600/50" : "border-white/30 bg-white/10 hover:border-white/50"}`, __source: { fileName: "", lineNumber: 798, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-1", __source: { fileName: "", lineNumber: 806, columnNumber: 21 }, __self: this }, "📷"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 807, columnNumber: 21 }, __self: this }, "Radar")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setReportCategory("politie"), className: `p-4 rounded-lg border-2 text-center transition-all ${reportCategory === "politie" ? "border-red-400 bg-red-600/50" : "border-white/30 bg-white/10 hover:border-white/50"}`, __source: { fileName: "", lineNumber: 810, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-1", __source: { fileName: "", lineNumber: 818, columnNumber: 21 }, __self: this }, "👮"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 819, columnNumber: 21 }, __self: this }, "Poliție")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setReportCategory("ambuteiaj"), className: `p-4 rounded-lg border-2 text-center transition-all ${reportCategory === "ambuteiaj" ? "border-red-400 bg-red-600/50" : "border-white/30 bg-white/10 hover:border-white/50"}`, __source: { fileName: "", lineNumber: 822, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-1", __source: { fileName: "", lineNumber: 830, columnNumber: 21 }, __self: this }, "🚦"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 831, columnNumber: 21 }, __self: this }, "Ambuteiaj")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setReportCategory("lucrari"), className: `p-4 rounded-lg border-2 text-center transition-all ${reportCategory === "lucrari" ? "border-red-400 bg-red-600/50" : "border-white/30 bg-white/10 hover:border-white/50"}`, __source: { fileName: "", lineNumber: 834, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-1", __source: { fileName: "", lineNumber: 842, columnNumber: 21 }, __self: this }, "🚧"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 843, columnNumber: 21 }, __self: this }, "Lucrări")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setReportCategory("altele"), className: `p-4 rounded-lg border-2 text-center transition-all ${reportCategory === "altele" ? "border-red-400 bg-red-600/50" : "border-white/30 bg-white/10 hover:border-white/50"}`, __source: { fileName: "", lineNumber: 846, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl mb-1", __source: { fileName: "", lineNumber: 854, columnNumber: 21 }, __self: this }, "⚠️"), /*#__PURE__*/ React.createElement("p", { className: "font-medium text-white", __source: { fileName: "", lineNumber: 855, columnNumber: 21 }, __self: this }, "Altele")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 860, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-3 text-white", __source: { fileName: "", lineNumber: 861, columnNumber: 17 }, __self: this }, "Fotografie:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 862, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: captureFromCamera, className: "w-full p-4 bg-blue-600 text-white rounded-lg font-semibold hover:bg-blue-700 transition-all", __source: { fileName: "", lineNumber: 863, columnNumber: 19 }, __self: this }, "📷 Fotografiază Acum"), /*#__PURE__*/ React.createElement("label", { className: "block", __source: { fileName: "", lineNumber: 870, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: handleImageUpload, className: "hidden", __source: { fileName: "", lineNumber: 871, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 bg-gray-600 text-white rounded-lg font-semibold hover:bg-gray-700 transition-all cursor-pointer text-center", __source: { fileName: "", lineNumber: 877, columnNumber: 21 }, __self: this }, "📤 Upload din Galerie"))), reportImage && /*#__PURE__*/ React.createElement("div", { className: "mt-3", __source: { fileName: "", lineNumber: 884, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: reportImage, alt: "Report", className: "w-full h-32 object-cover rounded-lg", __source: { fileName: "", lineNumber: 885, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 894, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold mb-3 text-white", __source: { fileName: "", lineNumber: 895, columnNumber: 17 }, __self: this }, "Descriere:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 896, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 897, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 898, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 899, columnNumber: 23 }, __self: this }, "🎤"), /*#__PURE__*/ React.createElement("span", { className: "text-white", __source: { fileName: "", lineNumber: 900, columnNumber: 23 }, __self: this }, "Înregistrare Audio")), /*#__PURE__*/ React.createElement("button", { onClick: toggleRecording, className: `px-4 py-2 rounded-lg font-semibold transition-all ${isRecording ? "bg-red-600 text-white" : "bg-red-600 text-white hover:bg-red-700"}`, __source: { fileName: "", lineNumber: 902, columnNumber: 21 }, __self: this }, isRecording ? "⏹️ Oprește" : "🎤 Înregistrează")), audioBlob && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-green-400", __source: { fileName: "", lineNumber: 915, columnNumber: 21 }, __self: this }, "✅ Audio înregistrat cu succes"), /*#__PURE__*/ React.createElement("textarea", { value: reportDescription, onChange: (e)=>setReportDescription(e.target.value), placeholder: "Scrie detalii suplimentare...", className: "w-full p-3 bg-white/20 border border-white/30 rounded-lg h-24 resize-none focus:outline-none focus:ring-2 focus:ring-yellow-400 text-white placeholder-white/70", __source: { fileName: "", lineNumber: 920, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 929, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: submitReport, disabled: loading || !reportCategory || !reportImage, className: "w-full p-4 bg-red-600 text-white rounded-lg font-semibold hover:bg-red-700 disabled:opacity-50 disabled:cursor-not-allowed transition-all mb-3", __source: { fileName: "", lineNumber: 930, columnNumber: 17 }, __self: this }, loading ? "Se trimite..." : "📨 Trimite Direct")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 939, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: submitReportWithWhatsApp, disabled: loading || !reportCategory || !reportImage, className: "flex-1 p-4 bg-green-600 text-white rounded-lg font-semibold hover:bg-green-700 disabled:opacity-50 disabled:cursor-not-allowed transition-all", __source: { fileName: "", lineNumber: 940, columnNumber: 17 }, __self: this }, loading ? "Se trimite..." : "📱 Trimite prin WhatsApp"), /*#__PURE__*/ React.createElement("button", { onClick: submitReportWithEmail, disabled: loading || !reportCategory || !reportImage, className: "flex-1 p-4 bg-blue-600 text-white rounded-lg font-semibold hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-all", __source: { fileName: "", lineNumber: 947, columnNumber: 17 }, __self: this }, loading ? "Se trimite..." : "📧 Trimite prin Email")))), activeSection === "dedication" && /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-purple-600/20 via-white/10 to-purple-800/20 backdrop-blur-sm rounded-xl p-6 border border-white/20", __source: { fileName: "", lineNumber: 961, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4 text-yellow-300", __source: { fileName: "", lineNumber: 962, columnNumber: 13 }, __self: this }, "🎙️ Trimite Dedicație"), dedicationStatus && /*#__PURE__*/ React.createElement("div", { className: "bg-green-600/80 p-3 rounded-lg mb-4 border border-green-400/50", __source: { fileName: "", lineNumber: 967, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-white font-bold", __source: { fileName: "", lineNumber: 968, columnNumber: 17 }, __self: this }, dedicationStatus), /*#__PURE__*/ React.createElement("button", { onClick: resetDedicationStatus, className: "text-sm underline text-green-200 hover:text-green-100 font-bold", __source: { fileName: "", lineNumber: 969, columnNumber: 17 }, __self: this }, "Închide")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 978, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 979, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold mb-2 text-white", __source: { fileName: "", lineNumber: 980, columnNumber: 17 }, __self: this }, "Înregistrare audio:"), /*#__PURE__*/ React.createElement("button", { onClick: toggleRecording, className: `w-full p-3 rounded font-semibold transition-all ${isRecording ? "bg-red-600 text-white" : "bg-blue-600 text-white hover:bg-blue-700"}`, __source: { fileName: "", lineNumber: 983, columnNumber: 17 }, __self: this }, isRecording ? "⏹️ Oprește înregistrarea" : "🎤 Începe înregistrarea"), audioBlob && /*#__PURE__*/ React.createElement("p", { className: "text-sm text-green-400 mt-2", __source: { fileName: "", lineNumber: 996, columnNumber: 19 }, __self: this }, "✅ Audio înregistrat")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1002, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold mb-2 text-white", __source: { fileName: "", lineNumber: 1003, columnNumber: 17 }, __self: this }, "Sau scrie mesajul:"), /*#__PURE__*/ React.createElement("textarea", { value: dedicationText, onChange: (e)=>setDedicationText(e.target.value), placeholder: "Scrie dedicația ta aici...", className: "w-full p-3 bg-white/20 border border-white/30 rounded-lg h-24 resize-none focus:outline-none focus:ring-2 focus:ring-yellow-400 text-white placeholder-white/70", __source: { fileName: "", lineNumber: 1006, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: submitDedication, disabled: loading || !audioBlob && !dedicationText, className: "w-full bg-purple-600 text-white p-3 rounded font-semibold hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed transition-all", __source: { fileName: "", lineNumber: 1014, columnNumber: 15 }, __self: this }, loading ? "Se trimite..." : "🎵 Trimite Dedicația")))), /*#__PURE__*/ React.createElement("div", { className: "bg-blue-800 p-4 mt-8", __source: { fileName: "", lineNumber: 1026, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center max-w-4xl mx-auto space-y-3", __source: { fileName: "", lineNumber: 1027, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-blue-200", __source: { fileName: "", lineNumber: 1028, columnNumber: 11 }, __self: this }, "© 2025 Trafic FM -", /*#__PURE__*/ React.createElement("a", { href: "https://www.traficfm.ro", target: "_blank", className: "text-blue-300 hover:underline ml-1", __source: { fileName: "", lineNumber: 1030, columnNumber: 13 }, __self: this }, "www.traficfm.ro")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 1039, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/trafic", className: "bg-gradient-to-r from-red-600 to-blue-600 hover:from-red-700 hover:to-blue-700 text-white px-4 py-2 rounded-lg font-bold text-sm transition-all duration-300 shadow-lg hover:shadow-xl", __source: { fileName: "", lineNumber: 1040, columnNumber: 13 }, __self: this }, "FM"))))); }