+ {/* Breadcrumb */}
+
marmaris local
/
@@ -72,8 +101,7 @@ export default async function ListingDetailPage({ params }: DetailPageProps) {
{/* Hero Details Block */}
-
-
+
{/* Left: Gallery Panel */}
@@ -107,8 +135,6 @@ export default async function ListingDetailPage({ params }: DetailPageProps) {
{/* Right: Info Panel */}
+ {/* Instagram Feed Cache (Phase 2) */}
+ {instagramFeed && instagramPosts.length > 0 && (
+
-
- {/* Badge & Title */}
)}
-
-
@@ -141,12 +167,12 @@ export default async function ListingDetailPage({ params }: DetailPageProps) {
{/* Description */}
-
+
{description}
- {/* Contact Actions */}
-
+ {/* Contact & Actions Grid */}
+
-
{/* Details footer (Hours & Location map) */}
@@ -245,15 +295,88 @@ export default async function ListingDetailPage({ params }: DetailPageProps) {
{t('contact')}
@@ -171,28 +197,52 @@ export default async function ListingDetailPage({ params }: DetailPageProps) {
{t('whatsapp')}
)}
+
+ {/* Menu Link */}
+ {listing.menuUrl && (
+
+
{/* External links */}
-
+
-
{listing.website && (
-
-
+
+ )}
+
+ {/* Newly Added Widget (Phase 2) */}
+ {latestListings.length > 0 && (
+
+
+
+
+ IG
+
+
+
+ @{instagramFeed.handle}
+{t('instagramFeed')}
+
+ {instagramPosts.slice(0, 3).map((post: any, idx: number) => (
+
+ 
+
+
+
+
+ ))}
+ + {post.caption} +
+
+
+ )}
+
{/* Related Section */}
{relatedListings.length > 0 && (
-
+
+
+ + {t('newlyAdded')} +
++ {t('newlyAddedSubtitle')} +
+
+ {latestListings.map((newest) => {
+ const catSlug = newest.category?.slug || 'isletmeler'
+ const newestName = locale === 'en' ? newest.nameEn : locale === 'ru' ? newest.nameRu : newest.nameTr
+ const newestImg = newest.images && newest.images.length > 0 ? newest.images[0].url : 'https://images.unsplash.com/photo-1555396273-367ea4eb4db5?w=800&auto=format&fit=crop&q=80'
+ return (
+
+
+
+ 
+
+
+
+
+ )
+ })}
+ {newestName}
+{newest.neighborhood?.nameTr}
+
-
+
+
+
{t('related')}
diff --git a/app/[locale]/admin/blog/[id]/BlogForm.tsx b/app/[locale]/admin/blog/[id]/BlogForm.tsx
new file mode 100644
index 0000000..4b17025
--- /dev/null
+++ b/app/[locale]/admin/blog/[id]/BlogForm.tsx
@@ -0,0 +1,399 @@
+'use client'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { createOrUpdateBlogPostAction } from '@/app/actions'
+import { ArrowLeft, Save, Eye, Edit3 } from 'lucide-react'
+import { Link } from '@/i18n/routing'
+
+interface Option {
+ value: string
+ label: string
+}
+
+interface FormProps {
+ post: any | null
+ listingOptions: Option[]
+}
+
+// Simple local markdown preview renderer helper
+function previewMarkdown(md: string): string {
+ if (!md) return ''
+ let html = md
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+
+ html = html.replace(/\*\*(.*?)\*\*/g, '$1')
+ html = html.replace(/\*(.*?)\*/g, '$1')
+ html = html.replace(/^### (.*?)$/gm, '$1
')
+ html = html.replace(/^## (.*?)$/gm, '$1
')
+ html = html.replace(/^# (.*?)$/gm, '$1
')
+ html = html.replace(/^\* (.*?)$/gm, '$1 ')
+ html = html.replace(/^- (.*?)$/gm, '$1 ')
+ html = html.replace(/\[(.*?)\]\((.*?)\)/g, '$1')
+
+ const paragraphs = html.split(/\n\n+/)
+ return paragraphs.map(p => {
+ const t = p.trim()
+ if (!t) return ''
+ if (t.startsWith('${t.replace(/\n/g, '
')}`
+ }).join('\n')
+}
+
+export default function BlogForm({ post, listingOptions }: FormProps) {
+ const router = useRouter()
+ const [activeTab, setActiveTab] = useState<'tr' | 'en' | 'ru'>('tr')
+ const [editorMode, setEditorMode] = useState<'edit' | 'preview'>('edit')
+ const [loading, setLoading] = useState(false)
+ const [error, setError] = useState('')
+ const [success, setSuccess] = useState(false)
+
+ // Markdown content states for live preview
+ const [contentTr, setContentTr] = useState(post?.contentTr || '')
+ const [contentEn, setContentEn] = useState(post?.contentEn || '')
+ const [contentRu, setContentRu] = useState(post?.contentRu || '')
+
+ // Selected Listings
+ const [selectedListings, setSelectedListings] = useState(post?.relatedListingIds || [])
+ const [listingSearch, setListingSearch] = useState('')
+
+ const handleListingToggle = (id: string) => {
+ setSelectedListings(prev =>
+ prev.includes(id) ? prev.filter(i => i !== id) : [...prev, id]
+ )
+ }
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setLoading(true)
+ setError('')
+ setSuccess(false)
+
+ const formData = new FormData(e.currentTarget)
+ if (post) {
+ formData.append('id', post.id)
+ }
+ formData.append('relatedListingIds', selectedListings.join(','))
+
+ try {
+ const res = await createOrUpdateBlogPostAction(formData)
+ if (res.error) {
+ setError(res.error)
+ } else {
+ setSuccess(true)
+ setTimeout(() => {
+ router.push('/admin/blog')
+ router.refresh()
+ }, 1500)
+ }
+ } catch (err) {
+ setError('İşlem sırasında bir hata oluştu.')
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ const filteredListings = listingOptions.filter(opt =>
+ opt.label.toLowerCase().includes(listingSearch.toLowerCase())
+ )
+
+ const activeContent = activeTab === 'tr' ? contentTr : activeTab === 'en' ? contentEn : contentRu
+
+ return (
+
{t('related')}
diff --git a/app/[locale]/admin/blog/[id]/BlogForm.tsx b/app/[locale]/admin/blog/[id]/BlogForm.tsx
new file mode 100644
index 0000000..4b17025
--- /dev/null
+++ b/app/[locale]/admin/blog/[id]/BlogForm.tsx
@@ -0,0 +1,399 @@
+'use client'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { createOrUpdateBlogPostAction } from '@/app/actions'
+import { ArrowLeft, Save, Eye, Edit3 } from 'lucide-react'
+import { Link } from '@/i18n/routing'
+
+interface Option {
+ value: string
+ label: string
+}
+
+interface FormProps {
+ post: any | null
+ listingOptions: Option[]
+}
+
+// Simple local markdown preview renderer helper
+function previewMarkdown(md: string): string {
+ if (!md) return ''
+ let html = md
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+
+ html = html.replace(/\*\*(.*?)\*\*/g, '$1')
+ html = html.replace(/\*(.*?)\*/g, '$1')
+ html = html.replace(/^### (.*?)$/gm, '$1 ')
+ html = html.replace(/^- (.*?)$/gm, '$1 ')
+ html = html.replace(/\[(.*?)\]\((.*?)\)/g, '$1')
+
+ const paragraphs = html.split(/\n\n+/)
+ return paragraphs.map(p => {
+ const t = p.trim()
+ if (!t) return ''
+ if (t.startsWith('${t.replace(/\n/g, '
')}` + }).join('\n') +} + +export default function BlogForm({ post, listingOptions }: FormProps) { + const router = useRouter() + const [activeTab, setActiveTab] = useState<'tr' | 'en' | 'ru'>('tr') + const [editorMode, setEditorMode] = useState<'edit' | 'preview'>('edit') + const [loading, setLoading] = useState(false) + const [error, setError] = useState('') + const [success, setSuccess] = useState(false) + + // Markdown content states for live preview + const [contentTr, setContentTr] = useState(post?.contentTr || '') + const [contentEn, setContentEn] = useState(post?.contentEn || '') + const [contentRu, setContentRu] = useState(post?.contentRu || '') + + // Selected Listings + const [selectedListings, setSelectedListings] = useState(post?.relatedListingIds || [])
+ const [listingSearch, setListingSearch] = useState('')
+
+ const handleListingToggle = (id: string) => {
+ setSelectedListings(prev =>
+ prev.includes(id) ? prev.filter(i => i !== id) : [...prev, id]
+ )
+ }
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setLoading(true)
+ setError('')
+ setSuccess(false)
+
+ const formData = new FormData(e.currentTarget)
+ if (post) {
+ formData.append('id', post.id)
+ }
+ formData.append('relatedListingIds', selectedListings.join(','))
+
+ try {
+ const res = await createOrUpdateBlogPostAction(formData)
+ if (res.error) {
+ setError(res.error)
+ } else {
+ setSuccess(true)
+ setTimeout(() => {
+ router.push('/admin/blog')
+ router.refresh()
+ }, 1500)
+ }
+ } catch (err) {
+ setError('İşlem sırasında bir hata oluştu.')
+ } finally {
+ setLoading(false)
+ }
+ }
+
+ const filteredListings = listingOptions.filter(opt =>
+ opt.label.toLowerCase().includes(listingSearch.toLowerCase())
+ )
+
+ const activeContent = activeTab === 'tr' ? contentTr : activeTab === 'en' ? contentEn : contentRu
+
+ return (
+
$1
') + html = html.replace(/^## (.*?)$/gm, '$1
') + html = html.replace(/^# (.*?)$/gm, '$1
') + html = html.replace(/^\* (.*?)$/gm, '')}` + }).join('\n') +} + +export default function BlogForm({ post, listingOptions }: FormProps) { + const router = useRouter() + const [activeTab, setActiveTab] = useState<'tr' | 'en' | 'ru'>('tr') + const [editorMode, setEditorMode] = useState<'edit' | 'preview'>('edit') + const [loading, setLoading] = useState(false) + const [error, setError] = useState('') + const [success, setSuccess] = useState(false) + + // Markdown content states for live preview + const [contentTr, setContentTr] = useState(post?.contentTr || '') + const [contentEn, setContentEn] = useState(post?.contentEn || '') + const [contentRu, setContentRu] = useState(post?.contentRu || '') + + // Selected Listings + const [selectedListings, setSelectedListings] = useState