Før ny ai-agent

This commit is contained in:
Erol 2026-02-28 09:20:56 +01:00
parent 131593c06e
commit c94665333a
32 changed files with 871 additions and 2250 deletions

5
backend/.env Normal file
View file

@ -0,0 +1,5 @@
SMTP_SERVER=send.one.com
SMTP_PORT=465
SMTP_USER=teeoff@teeoff.no
SMTP_PASS=Shallot Distress43, Serving Smog Hangnail Shower
EMAIL_TO=erol.haagenrud@teeoff.no

View file

@ -4,12 +4,22 @@ FROM python:3.11-slim
# Sett arbeidsmappen inne i containeren
WORKDIR /app
# Installer system-avhengigheter som trengs for å installere nettlesere
RUN apt-get update && apt-get install -y \
wget \
gnupg \
&& rm -rf /var/lib/apt/lists/*
# Kopier filen med avhengigheter og installer dem
COPY requirements.txt .
RUN pip install --no-cache-dir -r requirements.txt
# Installer Chromium-browseren og alle dens Linux-systemavhengigheter
# Dette steget er kritisk for at scraping skal fungere
RUN playwright install --with-deps chromium
# Kopier selve koden vår
COPY . .
# Kommandoen som starter serveren når containeren starter
CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "8000"]
CMD ["uvicorn", "main:app", "--host", "0.0.0.0", "--port", "8000"]

View file

@ -4,3 +4,7 @@ asyncpg
httpx
beautifulsoup4
requests
playwright
playwright-stealth
apscheduler
python-dotenv

130
backend/scrape_status.py Normal file
View file

@ -0,0 +1,130 @@
import asyncio
import os
import asyncpg
import smtplib
import re # Ny import for tekst-vasking
from datetime import datetime
from email.mime.text import MIMEText
from email.mime.multipart import MIMEMultipart
from playwright.async_api import async_playwright
try:
from playwright_stealth import stealth_async as apply_stealth
except ImportError:
from playwright_stealth import stealth as apply_stealth
from apscheduler.schedulers.asyncio import AsyncIOScheduler
from dotenv import load_dotenv
load_dotenv()
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
def clean_text(text):
"""Fjerner spesialtegn og normaliserer tekst for sammenligning"""
return re.sub(r'[^a-zA-Z0-9æøåÆØÅ]', '', text).lower()
def interpret_status(text, keyword=None):
t_raw = text.lower()
if keyword:
# Fuzzy match: Vi renser både tekst og søkeord for bindestreker/mellomrom
k_clean = clean_text(keyword)
# Hvis vi ikke finner søkeordet engang i renset form, gi opp
if k_clean not in clean_text(t_raw):
return "NOT_FOUND"
# Hvis vi finner det, prøv å isolere teksten rundt det originale ordet
# Vi leter etter det originale keywordet først
parts = re.split(re.escape(keyword), t_raw, flags=re.IGNORECASE)
if len(parts) > 1:
t_raw = parts[1][:150]
else:
# Fallback hvis keywordet er delt av HTML-tagger (f.eks 18 <strong>hull</strong>)
t_raw = t_raw[-200:] # Bruk slutten av teksten hvis ordet er vanskelig å isolere
if any(word in t_raw for word in ["stengt", "lukket", "frost", "snø", "is", "closed", "stenger"]):
return "stengt"
if any(word in t_raw for word in ["vintergreen", "vintergrønn", "vinter"]):
return "aapen_med_vintergreener"
if any(word in t_raw for word in ["snart", "åpner kl"]):
return "aapner_snart"
if any(word in t_raw for word in ["åpen", "åpent", "aapen", "open"]):
return "aapen"
return "ukjent"
def send_report(changes, warnings):
if not changes and not warnings: return
subject = f"TeeOff Banestatus Rapport - {datetime.now().strftime('%d.%m.%Y')}"
body = "BANESTATUS RAPPORT\n" + "="*30 + "\n\n"
if changes: body += "✅ OPPDATERINGER:\n" + "\n".join(changes) + "\n\n"
if warnings: body += "⚠️ MERKNADER / ADVARSLER:\n" + "\n".join(warnings) + "\n"
msg = MIMEMultipart(); msg['From'] = os.getenv("SMTP_USER"); msg['To'] = os.getenv("EMAIL_TO"); msg['Subject'] = subject
msg.attach(MIMEText(body, 'plain'))
try:
with smtplib.SMTP_SSL(os.getenv("SMTP_SERVER"), int(os.getenv("SMTP_PORT"))) as server:
server.login(os.getenv("SMTP_USER"), os.getenv("SMTP_PASS"))
server.send_message(msg)
print("✅ Rapport sendt på e-post.")
except Exception as e: print(f"❌ E-post feil: {e}")
async def run_daily_scraping():
print(f"🚀 Starter sjekk {datetime.now().strftime('%H:%M:%S')}...")
conn = await asyncpg.connect(DB_URL)
facilities = await conn.fetch("SELECT id, name, scrape_status_url, scrape_status_selector FROM facilities WHERE scrape_status_url IS NOT NULL")
changes, warnings = [], []
async with async_playwright() as p:
browser = await p.chromium.launch(headless=True)
context = await browser.new_context()
for f in facilities:
page = await context.new_page()
try: await apply_stealth(page)
except: pass
try:
print(f"🔍 Besøker {f['name']}...")
await page.goto(f['scrape_status_url'], timeout=60000, wait_until="networkidle")
# Vent på at innholdet skal lande
await asyncio.sleep(3)
element = await page.query_selector(f['scrape_status_selector'])
if not element:
warnings.append(f"{f['name']}: Fant ikke elementet '{f['scrape_status_selector']}'")
continue
full_text = await element.inner_text()
await conn.execute("UPDATE facilities SET status_updated_at = CURRENT_DATE WHERE id = $1", f['id'])
courses = await conn.fetch("SELECT id, name, status, scrape_keyword FROM courses WHERE facility_id = $1", f['id'])
for c in courses:
new_status = interpret_status(full_text, c['scrape_keyword'])
if new_status == "NOT_FOUND":
warnings.append(f"{f['name']} ({c['name']}): Fant ikke søkeordet '{c['scrape_keyword']}' på siden.")
continue
old_status = c['status'] or "ukjent"
if new_status != old_status and new_status != "ukjent":
await conn.execute("UPDATE courses SET status = $1 WHERE id = $2", new_status, c['id'])
changes.append(f"🔹 {f['name']} ({c['name']}): {old_status.upper()}{new_status.upper()}")
print(f"✅ Oppdatert status for {f['name']} - {c['name']}")
else:
print(f" - {c['name']}: Ingen endring ({new_status.upper()})")
except Exception as e:
warnings.append(f"🔥 {f['name']}: Feil: {str(e)[:100]}")
finally:
await page.close()
await browser.close()
await conn.close()
send_report(changes, warnings)
print("🏁 Ferdig.")
if __name__ == "__main__":
asyncio.run(run_daily_scraping())

View file

@ -1,10 +1,9 @@
📁 teeoff/
📄 filtre.txt
📄 struktur2_dump.txt
📄 seed.sql
📄 teeoff_backup_2.sql
📄 eksport_script.py
📄 update_golfbox.sql
📄 struktur_dump.txt
📄 teeoff_backup_1.sql
📄 teeoff_backup.sql
📄 docker-compose.yml
@ -694,7 +693,10 @@
📁 backend/
📄 scrape_nsg_3.py
📄 import_gallery.py
📄 .env
📄 scrape_golfamore1.2.py
📄 sync_greenfee.py
📄 scrape_status.py
📄 scrape_golfamore1.3.py
📄 requirements.txt
📄 import_wp.py

View file

@ -1,47 +0,0 @@
📁 teeoff/
📄 seed.sql
📄 docker-compose.yml
📄 schema.sql
📄 init.sql
📁 frontend/
📄 eslint.config.mjs
📄 next-env.d.ts
📄 tsconfig.json
📄 README.md
📄 next.config.ts
📄 postcss.config.mjs
📄 package-lock.json
📄 .gitignore
📄 package.json
📄 Dockerfile
📁 public/
📄 globe.svg
📄 vercel.svg
📄 Toppbilde-standard.jpg
📄 TeeOff-logo-Retina-1.png
📄 window.svg
📄 next.svg
📄 file.svg
📁 src/
📁 config/
📄 constants.ts
📁 app/
📄 FacilitySearch.tsx
📄 HeroSlider.tsx
📄 favicon.ico
📄 globals.css
📄 page.tsx
📄 layout.tsx
📁 golfbaner/
📁 [slug]/
📄 CourseDisplay.tsx
📄 page.tsx
📄 FacilityDetailView.tsx
📁 backend/
📄 scrape_nsg_3.py
📄 import_gallery.py
📄 scrape_golfamore1.3.py
📄 requirements.txt
📄 import_wp.py
📄 main.py
📄 Dockerfile

View file

@ -1,111 +0,0 @@
import asyncio
import asyncpg
import urllib.request
import json
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
async def fetch_json(url):
"""Hjelpefunksjon for å hente JSON fra en URL"""
try:
req = urllib.request.Request(url, headers={'User-Agent': 'TeeOff-Migrator/2.0'})
with urllib.request.urlopen(req) as response:
return json.loads(response.read().decode())
except Exception as e:
# print(f"⚠️ Kunne ikke hente {url}: {e}")
return None
async def fetch_media_urls_by_ids(media_ids):
"""Henter URLer for en liste med media-IDer (ACF Slides)"""
if not media_ids or not isinstance(media_ids, list) or len(media_ids) == 0:
return []
valid_ids = [str(mid) for mid in media_ids if isinstance(mid, (int, str)) and str(mid).isdigit()]
if not valid_ids: return []
ids_str = ",".join(valid_ids)
url = f"https://teeoff.no/wp-json/wp/v2/media?include={ids_str}"
data = await fetch_json(url)
urls = []
if data:
for m in data:
if 'source_url' in m:
urls.append(m['source_url'])
return urls
async def run_robust_import():
print("🕵️‍♂️ Starter den store bildejakten (sjekker både Utvalgt bilde og Slides)...")
conn = await asyncpg.connect(DB_URL)
# VIKTIG: Vi tømmer tabellen for å starte med blanke ark og unngå duplikater
await conn.execute("TRUNCATE facility_images CASCADE;")
print("🗑️ Tømte gammel bilde-tabell. Starter import...")
# Hent alle anleggene fra vår egen database
facilities = await conn.fetch("SELECT id, slug, name FROM facilities ORDER BY name")
total_images_saved = 0
for i, fac in enumerate(facilities):
fac_id = fac['id']
slug = fac['slug']
name = fac['name']
print(f"[{i+1}/{len(facilities)}] Sjekker: {name} ({slug})...")
# Hent data fra WP med ?_embed for å få tak i Utvalgt bilde lett
wp_url = f"https://teeoff.no/wp-json/wp/v2/golfbaner?slug={slug}&_embed"
wp_data_list = await fetch_json(wp_url)
if not wp_data_list:
print(" ❌ Fant ikke anlegget i WordPress API.")
continue
post = wp_data_list[0]
final_image_urls = []
# 1. SJEKK: "Utvalgt bilde" (Standard WordPress)
try:
embedded = post.get('_embedded', {})
if 'wp:featuredmedia' in embedded and len(embedded['wp:featuredmedia']) > 0:
feat_media = embedded['wp:featuredmedia'][0]
feat_url = feat_media.get('source_url')
if feat_url:
final_image_urls.append(feat_url)
# print(f" -> Fant utvalgt bilde.")
except Exception as e:
print(f" ⚠️ Feil ved sjekk av utvalgt bilde: {e}")
# 2. SJEKK: ACF Slides (Bildekarusell)
try:
acf = post.get('acf') or {}
slides_ids = acf.get('slides')
slide_urls = await fetch_media_urls_by_ids(slides_ids)
if slide_urls:
final_image_urls.extend(slide_urls)
# print(f" -> Fant {len(slide_urls)} bilder i slider.")
except Exception as e:
print(f" ⚠️ Feil ved sjekk av slides: {e}")
# Fjern duplikater (hvis samme bilde er brukt begge steder) og bevar rekkefølgen
unique_urls = list(dict.fromkeys(final_image_urls))
# LAGRE I DATABASEN
if unique_urls:
sort_order = 0
for url in unique_urls:
await conn.execute(
"INSERT INTO facility_images (facility_id, image_url, sort_order) VALUES ($1, $2, $3)",
fac_id, url, sort_order
)
sort_order += 1
print(f" ✅ Lagret {len(unique_urls)} unike bilder.")
total_images_saved += len(unique_urls)
else:
print(" ⚠️ Fant INGEN bilder for dette anlegget.")
print(f"\n🎉 FERDIG! Totalt {total_images_saved} bilder er nå trygt lagret i galleriet.")
await conn.close()
if __name__ == "__main__":
asyncio.run(run_robust_import())

View file

@ -1,118 +0,0 @@
import asyncio, asyncpg, urllib.request, json, re
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
WP_API_URL = "https://teeoff.no/wp-json/wp/v2/golfbaner?per_page=100&_embed"
def decode_html(text):
if not text: return ""
return str(text).replace('&#038;', '&').replace('&amp;', '&').replace('&nbsp;', ' ').strip()
def parse_int(val):
if val is None or val == '': return None
try:
nums = re.findall(r'\d+', str(val))
return int(nums[0]) if nums else None
except: return None
async def run_master_import():
print("🚀 Starter MASTER IMPORT v6.0 (ACF Mapped)...")
conn = await asyncpg.connect(DB_URL)
await conn.execute("TRUNCATE facilities, courses, holes RESTART IDENTITY CASCADE;")
page = 1
while True:
try:
req = urllib.request.Request(f"{WP_API_URL}&page={page}", headers={'User-Agent': 'TeeOff-V6'})
with urllib.request.urlopen(req) as response:
data = json.loads(response.read().decode())
except: break
if not data: break
for post in data:
acf = post.get('acf', {})
name = decode_html(post.get('title', {}).get('rendered', ''))
print(f"📦 Mapper {name}...")
# 1. Medlemskap (Mappet mot field_6040...)
membership = {
"url": acf.get('medlemskap_url'),
"standard": {
"navn": decode_html(acf.get('navn_standard_medlemskap')),
"pris": parse_int(acf.get('standard_medlemskap')),
"kommentar": decode_html(acf.get('standard_medlemskap_kommentarer'))
},
"rimeligste": {
"navn": decode_html(acf.get('navn_rimeligste_alternativ')),
"pris": parse_int(acf.get('rimeligste_alternativ')),
"kommentar": decode_html(acf.get('rimeligste_alternativ_kommentarer'))
}
}
# 2. Greenfee (Repeatere)
greenfee = {
"voksne": acf.get('greenfee_-_voksne') or [],
"junior": acf.get('greenfee_-_junior') or [],
"golfpakke": decode_html(acf.get('golfpakke')),
"rabattert": acf.get('rabattert_greenfee')
}
# 3. Amenities (Fasiliteter)
amenities = {
"drivingrange": decode_html(acf.get("drivingrange")),
"treningsgreen": decode_html(acf.get("treningsgreen")),
"proshop": decode_html(acf.get("proshop")),
"kafe": decode_html(acf.get("kafe")),
"bilutleie": decode_html(acf.get("bilutleie")),
"pro": decode_html(acf.get("pro")),
"antall_hull": decode_html(acf.get("antall_hull"))
}
# 4. Lagre Facility
fac_id = await conn.fetchval('''
INSERT INTO facilities (
name, slug, description, established_year, season, address, city, county,
lat, lng, email, phone, website_url, image_url, amenities, greenfee,
membership, vtg, status_updated_at, logo_url, video_url, guest_requirements,
faqs, shotzoom, translations
) VALUES ($1, $2, $3, $4, $5, $6, $7, $8, $9, $10, $11, $12, $13, $14, $15::jsonb,
$16::jsonb, $17::jsonb, $18::jsonb, TO_DATE(NULLIF($19, ''), 'YYYYMMDD'), $20, $21, $22, $23::jsonb, $24::jsonb, $25::jsonb)
RETURNING id
''', name, post['slug'], decode_html(acf.get('beskrivelse')), parse_int(acf.get('byggear')), acf.get('sesong'),
acf.get('gateadresse'), acf.get('postnummer_og_poststed'), acf.get('fylke'),
float(acf.get('banekart', {}).get('lat', 0)) or None, float(acf.get('banekart', {}).get('lng', 0)) or None,
acf.get('e-post'), acf.get('telefon'), acf.get('hjemmeside'),
post.get('_embedded', {}).get('wp:featuredmedia', [{}])[0].get('source_url'),
json.dumps(amenities), json.dumps(greenfee), json.dumps(membership), json.dumps(acf.get('vtg') or {}),
acf.get('dato_for_oppdatert_status'), acf.get('logo'),
f"https://youtube.com/embed/{acf.get('videopresentasjon_youtube')}" if acf.get('videopresentasjon_youtube') else None,
decode_html(acf.get('krav_til_gjestespillere')), json.dumps(acf.get('faq') or []), json.dumps(acf.get('shotzoom') or []), json.dumps({}))
# 5. Baner og Hull (Bruker ACF-felt for Hovedbane og Bane 2)
for suffix in ['', '_bane_to']:
course_name = acf.get('navn_pa_hovedbane' if suffix == '' else 'navn_pa_sekundar_bane') or ('Hovedbane' if suffix == '' else 'Bane 2')
status = acf.get('banestatus' if suffix == '' else 'banestatus_sekundar_bane')
# Sjekk om det i det hele tatt finnes data for denne banen
if suffix == '_bane_to' and (status == 'finnes_ingen_bane_to' or not parse_int(acf.get('hull_1_par_bane_to'))):
continue
course_id = await conn.fetchval('''
INSERT INTO courses (facility_id, name, status, par, length_meters, is_main_course, tee_boxes)
VALUES ($1, $2, $3, $4, $5, $6, $7::jsonb) RETURNING id
''', fac_id, course_name, status, parse_int(acf.get('totalt_par' if suffix == '' else 'totalt_par_bane_to')),
parse_int(acf.get('lengde' if suffix == '' else 'lengst_totalt_bane_to')), (suffix == ''),
json.dumps({"herrer": acf.get(f"utslag_herrer{suffix}"), "damer": acf.get(f"utslag_damer{suffix}")}))
for h_num in range(1, 19):
p = parse_int(acf.get(f'hull_{h_num}_par{suffix}'))
if p:
idx = parse_int(acf.get(f'hull_{h_num}_index{suffix}'))
lengths = {k: parse_int(acf.get(f'{k}_hull_{h_num}{suffix}')) for k in ['lengst', 'lang', 'mellomlang', 'mellomkort', 'kort', 'kortest']}
await conn.execute('INSERT INTO holes (course_id, hole_number, par, hcp_index, lengths) VALUES ($1, $2, $3, $4, $5::jsonb)',
course_id, h_num, p, idx, json.dumps(lengths))
page += 1
await conn.close()
print("✅ Ferdig! All data er nå korrekt importert.")
if __name__ == "__main__":
asyncio.run(run_master_import())

View file

@ -1,69 +0,0 @@
from fastapi import FastAPI, HTTPException
from fastapi.middleware.cors import CORSMiddleware
from contextlib import asynccontextmanager
import asyncpg
import json
from datetime import date, datetime
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
@asynccontextmanager
async def lifespan(app: FastAPI):
app.state.pool = await asyncpg.create_pool(DB_URL, min_size=5, max_size=20)
yield
await app.state.pool.close()
app = FastAPI(lifespan=lifespan)
app.add_middleware(CORSMiddleware, allow_origins=["*"], allow_methods=["*"], allow_headers=["*"])
def format_row(row):
if row is None: return None
d = dict(row)
for key in ['status_updated_at', 'created_at']:
if isinstance(d.get(key), (date, datetime)): d[key] = d[key].isoformat()
# JSONB vask - Mapper direkte mot kolonnene i struktur_dump.txt
json_fields = ['amenities', 'greenfee', 'membership', 'vtg', 'faqs', 'shotzoom', 'translations', 'course_statuses', 'courses', 'gallery', 'nsg_data', 'golfamore_data']
for field in json_fields:
if field in d:
if isinstance(d[field], str):
try: d[field] = json.loads(d[field])
except: pass
if d[field] is None: d[field] = [] if field in ['courses', 'faqs', 'gallery'] else {}
return d
@app.get("/api/facilities")
async def get_facilities():
async with app.state.pool.acquire() as conn:
rows = await conn.fetch("""
SELECT f.*, (
SELECT jsonb_agg(cs) FROM (
SELECT name, status FROM courses
WHERE facility_id = f.id AND status NOT IN ('finnes_ingen_bane_to', 'nedlagt')
ORDER BY is_main_course DESC, id ASC
) cs
) as course_statuses
FROM facilities f ORDER BY f.name ASC
""")
return [format_row(row) for row in rows]
@app.get("/api/facilities/{slug}")
async def get_facility(slug: str):
async with app.state.pool.acquire() as conn:
row = await conn.fetchrow("""
SELECT f.*, (
SELECT jsonb_agg(c_data) FROM (
SELECT c.*, (
SELECT jsonb_agg(h_data ORDER BY h_data.hole_number ASC)
FROM (SELECT * FROM holes WHERE course_id = c.id) h_data
) as holes
FROM courses c
WHERE c.facility_id = f.id
AND (c.is_main_course = true OR (c.status NOT IN ('finnes_ingen_bane_to', 'nedlagt', 'ukjent')))
ORDER BY c.is_main_course DESC, c.id ASC
) c_data
) as courses
FROM facilities f WHERE f.slug = $1
""", slug)
if not row: raise HTTPException(status_code=404)
return format_row(row)

View file

@ -1,110 +0,0 @@
import asyncio
import asyncpg
import httpx
from bs4 import BeautifulSoup
import re
import json
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
def clean(text):
if not text: return ""
# Fjerner alt som ikke er bokstaver for å matche navn på tvers av systemer
return re.sub(r'[^a-z0-9]', '', text.lower().replace("golfklubb", "").replace("gk", "").replace(" og ", "").replace("&", ""))
async def scrape_golfamore():
print("\n******************************************")
print("🚀 GOLFAMORE ULTIMATE SYNC v1.2")
print("******************************************\n")
conn = await asyncpg.connect(DB_URL)
facilities = await conn.fetch("SELECT id, name FROM facilities")
headers = {
'User-Agent': 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/110.0.0.0 Safari/537.36',
}
async with httpx.AsyncClient(timeout=30.0, headers=headers, follow_redirects=True) as client:
print("🕵️ Henter baneliste fra Golfamore (Norge)...")
url = "https://www.golfamore.com/no/golfbaner/?country=NO"
resp = await client.get(url)
# 1. Finn alle klubb-lenker i kildekoden (omgår lazyload)
# Vi leter etter mønsteret "/no/golfklubb/navn-pa-klubb/"
all_slugs = re.findall(r'/no/golfklubb/([^/\"\s]+)/', resp.text)
found_links = list(set([f"https://www.golfamore.com/no/golfklubb/{s}/" for s in all_slugs]))
print(f"📍 Fant {len(found_links)} potensielle norske klubber i kildekoden.")
if not found_links:
print("❌ Klarte ikke å finne noen baner. Sjekk om Golfamore har endret URL-struktur.")
await conn.close()
return
# Lag et map for rask matching {vasket_navn: url}
link_map = {clean(l.split('/')[-2].replace('-', ' ')): l for l in found_links}
matches_found = 0
for fac in facilities:
fac_id = fac['id']
fac_name = fac['name']
fac_clean = clean(fac_name)
match_url = link_map.get(fac_clean)
# Prøv delvis match (f.eks "Arendal" i "Arendal og Omegn")
if not match_url:
for key, url in link_map.items():
if len(fac_clean) > 4 and (fac_clean in key or key in fac_clean):
match_url = url
break
if match_url:
try:
print(f"✅ Match: {fac_name}")
f_resp = await client.get(match_url)
soup = BeautifulSoup(f_resp.text, 'html.parser')
# Finn teksten om når kortet gjelder
# Vi leter etter div-er som inneholder "Gjelder"
validity = "Gjelder én gang pr. sesong."
# Golfamore bruker ofte en liste (ul/li) eller en spesifikk div for regler
rules_container = soup.find('div', class_=re.compile(r'rules|conditions|terms', re.I))
if not rules_container:
# Fallback: Let etter tekstblokken manuelt
for div in soup.find_all('div'):
if div.text and "Gjelder" in div.text and len(div.text) < 200:
validity = div.text.strip()
break
else:
validity = rules_container.get_text(separator=' ').strip()
# Vask teksten for linjeskift
validity = re.sub(r'\s+', ' ', validity).replace('"', '').strip()
ga_data = {
"url": match_url,
"validity": validity
}
await conn.execute("""
UPDATE facilities
SET golfamore = true, golfamore_data = $1
WHERE id = $2
""", json.dumps(ga_data), fac_id)
matches_found += 1
await asyncio.sleep(0.2) # Vær snill
except Exception as e:
print(f"⚠️ Feil ved parsing av {fac_name}: {e}")
await conn.execute("UPDATE facilities SET golfamore = true WHERE id = $1", fac_id)
else:
# Hvis ikke funnet, sett til false
await conn.execute("UPDATE facilities SET golfamore = false, golfamore_data = '{}' WHERE id = $1", fac_id)
await conn.close()
print(f"\n🎉 Ferdig! {matches_found} baner er nå synkronisert med Golfamore.")
if __name__ == "__main__":
asyncio.run(scrape_golfamore())

View file

@ -1,124 +0,0 @@
import asyncio
import asyncpg
import json
import re
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
# Data hentet direkte fra bildet du sendte
GOLFAMORE_DATA = {
"borre": "Kortet er gyldig hverdager (ikke helligdager), ikke uke 14, 19, 20, 21",
"nesfjellet": "Kortet er gyldig hverdager (ikke helligdager), ikke uke 27, 28, 29, 30",
"vradal": "Kortet er gyldig alle dager, ikke uke 28, 29, 30, 31",
"alta": "Kortet er gyldig alle dager",
"elverum": "Kortet er gyldig hverdager (ikke helligdager)",
"gronmo": "Kortet er gyldig alle dager",
"notteroy": "Kortet er gyldig hverdager (ikke helligdager), ikke uke 27, 28, 29, 30",
"roros": "Kortet er gyldig alle dager",
"stiklestad": "Kortet er gyldig alle dager",
"arendalomegn": "Kortet er gyldig alle dager, ikke uke 27, 28, 29, 30",
"northcape": "Kortet er gyldig alle dager",
"trysil": "Kortet er gyldig hverdager (ikke helligdager), ikke uke 28, 29, 30, 31",
"mork": "Kortet er gyldig hverdager (ikke helligdager)",
"norsjo": "Kortet er gyldig alle dager",
"ringerike": "Kortet er gyldig alle dager",
"stord": "Kortet er gyldig alle dager",
"sunnmore": "Kortet er gyldig alle dager",
"bodogolfparksalten": "Kortet er gyldig alle dager",
"drammen": "Kortet er gyldig alle dager",
"gjoviktoten": "Kortet er gyldig alle dager",
"grenlandomegn": "Kortet er gyldig hverdager (ikke helligdager), ikke uke 27, 28, 29, 30",
"nes09": "Kortet er gyldig alle dager, ikke uke 15, 16, 17, 18",
"romerike": "Kortet er gyldig alle dager",
"bamble": "Kortet er gyldig alle dager",
"bleik": "Kortet er gyldig alle dager",
"krokhol": "Kortet er gyldig alle dager",
"skjeberg": "Kortet er gyldig hverdager (ikke helligdager)",
"utsikten": "Kortet er gyldig hverdager (ikke helligdager), ikke uke 27, 28, 29, 30",
"eiker": "Kortet er gyldig alle dager",
"hafjell": "Kortet er gyldig alle dager",
"mandal": "Kortet er gyldig alle dager, ikke uke 27, 28, 29, 30",
"mjosen": "Kortet er gyldig alle dager",
"randsfjorden": "Kortet er gyldig alle dager",
"ski": "Kortet er gyldig alle dager",
"bjornefjorden": "Kortet er gyldig alle dager",
"sande": "Kortet er gyldig alle dager",
"haugesund": "Kortet er gyldig alle dager",
"midttroms": "Kortet er gyldig alle dager",
"skei": "Kortet er gyldig hverdager (ikke helligdager)",
"sorknes": "Kortet er gyldig alle dager",
"gjerdrum": "Kortet er gyldig alle dager",
"herdla": "Kortet er gyldig alle dager",
"hovden": "Kortet er gyldig alle dager",
"oppdal": "Kortet er gyldig alle dager",
"gjersjoen": "Kortet er gyldig alle dager",
"ogna": "Kortet er gyldig alle dager",
"tonsberg": "Kortet er gyldig alle dager",
"ullensaker": "Kortet er gyldig alle dager",
"hof": "Kortet er gyldig hverdager (ikke helligdager)",
"klabu": "Kortet er gyldig alle dager",
"hemsedal": "Kortet er gyldig alle dager",
"narvik": "Kortet er gyldig alle dager",
"norefjell": "Kortet er gyldig hverdager (ikke helligdager)",
"austratt": "Kortet er gyldig alle dager",
"hammerfest": "Kortet er gyldig alle dager",
"helgeland": "Kortet er gyldig alle dager",
"jaren": "Kortet er gyldig alle dager",
"namdal": "Kortet er gyldig alle dager",
"namsos": "Kortet er gyldig alle dager",
"nordfjord": "Kortet er gyldig alle dager",
"polarsirkelen": "Kortet er gyldig alle dager",
"sandnesbarheim": "Kortet er gyldig alle dager",
"steinkjer": "Kortet er gyldig alle dager",
"varanger": "Kortet er gyldig alle dager"
}
def clean(text):
if not text: return ""
# Fjerner alt som ikke er bokstaver/tall for matching
s = text.lower().replace("golfklubb", "").replace("gk", "").replace(" og ", "").replace("&", "").strip()
return re.sub(r'[^a-z0-9]', '', s)
async def update_golfamore():
print("\n🚀 OPPDATERER GOLFAMORE FRA BILDE-DATA...")
conn = await asyncpg.connect(DB_URL)
facilities = await conn.fetch("SELECT id, name FROM facilities")
# Lag et vasket map av bilde-dataen
image_data_clean = {clean(name): val for name, val in GOLFAMORE_DATA.items()}
matches = 0
for fac in facilities:
fac_id = fac['id']
fac_name = fac['name']
fac_clean = clean(fac_name)
validity = None
# Prøv eksakt match først
if fac_clean in image_data_clean:
validity = image_data_clean[fac_clean]
else:
# Prøv delvis match (f.eks "Arendal" i "Arendal & Omegn")
for key, val in image_data_clean.items():
if len(fac_clean) > 4 and (fac_clean in key or key in fac_clean):
validity = val
break
if validity:
print(f"✅ Match funnet: {fac_name}")
ga_data = {"validity": validity}
await conn.execute("""
UPDATE facilities
SET golfamore = true, golfamore_data = $1
WHERE id = $2
""", json.dumps(ga_data), fac_id)
matches += 1
else:
# Hvis den ikke er i listen fra bildet, sett til false
await conn.execute("UPDATE facilities SET golfamore = false, golfamore_data = '{}' WHERE id = $1", fac_id)
await conn.close()
print(f"\n🎉 Ferdig! {matches} baner ble oppdatert med Golfamore-info.")
if __name__ == "__main__":
asyncio.run(update_golfamore())

View file

@ -1,100 +0,0 @@
import asyncio
import asyncpg
import httpx
from bs4 import BeautifulSoup
import re
import json
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
def clean_name(text):
if not text: return ""
# Vasker navnet for matching (fjerner alt unntatt bokstaver)
s = text.lower().replace("golfklubb", "").replace("gk", "").replace(" & ", "").strip()
return re.sub(r'[^a-z]', '', s)
async def get_golfamore_links(client):
"""Henter ALLE norske klubblenker fra Golfamore sin sitemap"""
print("🕵️ Henter komplett liste fra Golfamore...")
try:
# Golfamore har egne sitemaps for hvert land
resp = await client.get("https://www.golfamore.com/sitemaps/courses-no.xml")
if resp.status_code == 200:
links = re.findall(r'<loc>(https://www.golfamore.com/no/golfklubb/.*?/)</loc>', resp.text)
return list(set(links))
except Exception as e:
print(f"❌ Kunne ikke hente sitemap: {e}")
return []
async def scrape_golfamore():
print("\n******************************************")
print("🚀 STARTER GOLFAMORE-SYNKRONISERING v1.0")
print("******************************************\n")
conn = await asyncpg.connect(DB_URL)
facilities = await conn.fetch("SELECT id, name FROM facilities")
async with httpx.AsyncClient(timeout=20.0, headers={'User-Agent': 'Mozilla/5.0'}) as client:
ga_links = await get_golfamore_links(client)
# Map vaskede navn fra URL-en til selve URL-en
link_map = {clean_name(l.split('/')[-2].replace('-', ' ')): l for l in ga_links}
matches_found = 0
for fac in facilities:
fac_id = fac['id']
fac_name = fac['name']
fac_clean = clean_name(fac_name)
match_url = link_map.get(fac_clean)
# Prøv delvis match hvis ikke eksakt (f.eks "Arendal" i "Arendal og Omegn")
if not match_url:
for slug, url in link_map.items():
if len(fac_clean) > 4 and (fac_clean in slug or slug in fac_clean):
match_url = url
break
if match_url:
try:
# Gå til klubbsiden for å finne vilkårene
f_resp = await client.get(match_url)
soup = BeautifulSoup(f_resp.text, 'html.parser')
# Finn teksten om når kortet gjelder.
# Golfamore bruker ofte spesifikke klasser for "rules" eller "conditions"
rules_section = soup.find('div', {'class': 'course-rules'}) or \
soup.find('div', {'class': 'course-info__rules'}) or \
soup.find(text=re.compile(r'Golfamore gjelder', re.I))
validity = "Gjelder alle dager" # Standard
if rules_section:
# Rydd opp i teksten
validity = rules_section.get_text(separator=' ').replace('\n', ' ')
validity = re.sub(r'\s+', ' ', validity).strip()
ga_data = {
"validity": validity,
"source_url": match_url
}
# Oppdater databasen
await conn.execute("""
UPDATE facilities
SET golfamore = true, golfamore_data = $1
WHERE id = $2
""", json.dumps(ga_data), fac_id)
print(f"✅ MATCH: {fac_name} ({validity[:50]}...)")
matches_found += 1
except:
# Hvis vi ikke klarer å lese detaljene, markerer vi den i hvert fall som aktiv
await conn.execute("UPDATE facilities SET golfamore = true WHERE id = $1", fac_id)
else:
# Hvis den ikke finnes på Golfamore, sett til false
await conn.execute("UPDATE facilities SET golfamore = false, golfamore_data = '{}' WHERE id = $1", fac_id)
await conn.close()
print(f"\n🎉 Ferdig! {matches_found} baner er nå bekreftet hos Golfamore.")
if __name__ == "__main__":
asyncio.run(scrape_golfamore())

View file

@ -1,96 +0,0 @@
import asyncio
import asyncpg
import httpx
from bs4 import BeautifulSoup
import re
import json
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
def clean_name(text):
if not text: return ""
s = text.lower().replace("golfklubb", "").replace("gk", "").replace("par3golf", "").replace(" & ", "").strip()
return re.sub(r'[^a-z]', '', s)
def clean_nsg_content(text):
"""Fjerner doble linjeskift og kutter teksten før websidemenyen starter"""
if not text: return ""
# Fjern alt som ligner på bunn-menyen til NSG
garbage_phrases = [
"Klubbens hjemmeside", "Resultatlister i Golfbox", "Livescoring",
"Scoreinntasting", "Lagserie", "Turneringer", "Innmelding"
]
for phrase in garbage_phrases:
text = text.split(phrase)[0]
# Rydd opp i linjeskift og doble mellomrom
text = text.replace('\r', '').replace('\n', ' ')
text = re.sub(r'\s+', ' ', text).strip()
return text
async def get_nsg_links(client):
links = []
urls = ["https://seniorgolf.no/lojalitetskort-sitemap.xml", "https://seniorgolf.no/fordelskortet/"]
for url in urls:
try:
resp = await client.get(url)
if resp.status_code == 200:
if ".xml" in url:
found = re.findall(r'<loc>(https://seniorgolf.no/lojalitetskort/.*?/)</loc>', resp.text)
if found: return list(set(found))
else:
soup = BeautifulSoup(resp.text, 'html.parser')
links.extend([l['href'] for l in soup.select('a[href*="/lojalitetskort/"]')])
except: continue
return list(set(links))
async def scrape_nsg():
print("🚀 Starter NSG VASKEMASKIN v3.8...")
conn = await asyncpg.connect(DB_URL)
facilities = await conn.fetch("SELECT id, name FROM facilities")
async with httpx.AsyncClient(timeout=20.0, headers={'User-Agent': 'Mozilla/5.0'}) as client:
all_nsg_links = await get_nsg_links(client)
link_map = {clean_name(l.split('/')[-2].replace('-', ' ')): l for l in all_nsg_links}
matches_found = 0
for fac in facilities:
fac_name_clean = clean_name(fac['name'])
match_url = link_map.get(fac_name_clean)
if not match_url:
for slug, url in link_map.items():
if fac_name_clean in slug or slug in fac_name_clean:
match_url = url
break
if match_url:
try:
f_resp = await client.get(match_url)
f_soup = BeautifulSoup(f_resp.text, 'html.parser')
# Finn hovedinnholdet i stedet for hele siden for å unngå menyer
main_content = f_soup.find('div', {'class': 'entry-content'}) or f_soup
text = main_content.get_text()
st = re.search(r"Starttider:?\s*(.*?)(?=Greenfee|Booking|Adresse|Kontakt|$)", text, re.S | re.I)
gf = re.search(r"Greenfee:?\s*(.*?)(?=Booking|Adresse|Kontakt|$)", text, re.S | re.I)
bk = re.search(r"Booking:?\s*(.*?)(?=Adresse|Kontakt|$)", text, re.S | re.I)
nsg_data = {
"url": match_url,
"starttider": clean_nsg_content(st.group(1)) if st else "Se nettside",
"greenfee": clean_nsg_content(gf.group(1)) if gf else "Se nettside",
"booking": clean_nsg_content(bk.group(1)) if bk else "Se nettside"
}
await conn.execute("UPDATE facilities SET nsg_data = $1 WHERE id = $2", json.dumps(nsg_data), fac['id'])
print(f"✅ Vasket & Lagret: {fac['name']}")
matches_found += 1
except: pass
await conn.close()
print(f"\n🎉 Vask ferdig! {matches_found} baner er nå 100% klare.")
if __name__ == "__main__":
asyncio.run(scrape_nsg())

View file

@ -1,72 +0,0 @@
import os
import shutil
from pathlib import Path
# --- KONFIGURASJON ---
KILDE_MAPPE = "/opt/teeoff/"
EKSPORT_MAPPE = "/opt/teeoff/kode_eksport/"
TRE_FIL = "/opt/teeoff/filtre.txt"
# Filtyper vi vil kopiere
FILTYPER = ['.py', '.ts', '.tsx']
# Mapper vi IKKE vil ha med i treet eller skanne (sparer tid og rot)
IGNORER_MAPPER = ['.git', 'node_modules', '__pycache__', 'kode_eksport', '.next']
def generer_tre_og_kopier():
kilde_sti = Path(KILDE_MAPPE)
eksport_sti = Path(EKSPORT_MAPPE)
# 1. Opprett eksportmappen hvis den ikke finnes
eksport_sti.mkdir(parents=True, exist_ok=True)
tre_linjer = []
kopierte_filer = 0
print("Skanner filer og genererer tre...")
# 2. Gå gjennom alle mapper og filer
for root, dirs, files in os.walk(kilde_sti):
# Fjern ignorerte mapper så vi ikke går inn i dem
dirs[:] = [d for d in dirs if d not in IGNORER_MAPPER]
# Regn ut innrykk basert på hvor dypt vi er i mappestrukturen
nivaa = root.replace(KILDE_MAPPE, '').count(os.sep)
innrykk = ' ' * 4 * nivaa
mappe_navn = os.path.basename(root)
# Legg til mappen i treet
if mappe_navn:
tre_linjer.append(f"{innrykk}📁 {mappe_navn}/")
else:
tre_linjer.append(f"📁 {kilde_sti.name}/")
sub_innrykk = ' ' * 4 * (nivaa + 1)
# 3. Gå gjennom filene i mappen
for fil in files:
tre_linjer.append(f"{sub_innrykk}📄 {fil}")
fil_sti = Path(root) / fil
# 4. Sjekk om filen har riktig endelse og skal kopieres
if fil_sti.suffix in FILTYPER:
# Lag et unikt filnavn for å unngå overskriving
relativ_sti = fil_sti.relative_to(kilde_sti)
nytt_navn = str(relativ_sti).replace(os.sep, '_').replace('.', '_') + '.txt'
ny_sti = eksport_sti / nytt_navn
# Kopier filen
shutil.copy2(fil_sti, ny_sti)
kopierte_filer += 1
# 5. Lagre filteret til tekstfilen
with open(TRE_FIL, 'w', encoding='utf-8') as f:
f.write('\n'.join(tre_linjer))
print(f"\n✅ Ferdig!")
print(f"📁 Filtre er lagret i: {TRE_FIL}")
print(f"📝 Kopierte {kopierte_filer} kodefiler til: {EKSPORT_MAPPE}")
if __name__ == "__main__":
generer_tre_og_kopier()

View file

@ -1,6 +0,0 @@
/// <reference types="next" />
/// <reference types="next/image-types/global" />
import "./.next/dev/types/routes.d.ts";
// NOTE: This file should not be edited
// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.

View file

@ -1,7 +0,0 @@
import type { NextConfig } from "next";
const nextConfig: NextConfig = {
/* config options here */
};
export default nextConfig;

View file

@ -1,94 +0,0 @@
"use client";
import { STATUS_MAP } from "@/config/constants";
import { useState, useEffect, useMemo } from 'react';
import Link from 'next/link';
function getDistance(lat1: number, lon1: number, lat2: number, lon2: number) {
try {
const R = 6371;
const dLat = (lat2 - lat1) * Math.PI / 180;
const dLon = (lon2 - lon1) * Math.PI / 180;
const a = Math.sin(dLat/2) * Math.sin(dLat/2) + Math.cos(lat1 * Math.PI / 180) * Math.cos(lat2 * Math.PI / 180) * Math.sin(dLon/2) * Math.sin(dLon/2);
return R * 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a));
} catch (e) { return Infinity; }
}
export default function FacilitySearch({ initialFacilities }: { initialFacilities: any[] }) {
const [searchQuery, setSearchQuery] = useState("");
const [userLocation, setUserLocation] = useState<{ lat: number, lng: number } | null>(null);
const [mounted, setMounted] = useState(false);
useEffect(() => {
setMounted(true);
if ("geolocation" in navigator) {
navigator.geolocation.getCurrentPosition(p => setUserLocation({ lat: p.coords.latitude, lng: p.coords.longitude }));
}
}, []);
const processed = useMemo(() => {
if (!mounted || !Array.isArray(initialFacilities)) return [];
const words = searchQuery.toLowerCase().trim().split(/\s+/).filter(w => w.length > 0);
return initialFacilities.map(f => {
// Skuddsikker status-vask
const raw = Array.isArray(f.course_statuses) ? f.course_statuses : [];
const statuses = raw.filter((s: any) => s && s.status && s.status !== 'finnes_ingen_bane_to' && s.name !== 'Bane 2');
const dist = userLocation && f.lat && f.lng ? getDistance(userLocation.lat, userLocation.lng, f.lat, f.lng) : Infinity;
const searchBlob = `${f.name} ${f.city} ${f.county} ${statuses.map((s:any) => s.name + s.status).join(" ")}`.toLowerCase();
const matches = words.every(w => searchBlob.includes(w));
return { ...f, dist, statuses, matches };
})
.filter(f => f.matches)
.sort((a, b) => (userLocation && a.dist !== b.dist ? a.dist - b.dist : (a.name || "").localeCompare(b.name || "", 'nb')));
}, [searchQuery, initialFacilities, userLocation, mounted]);
if (!mounted) return null;
return (
<div className="max-w-7xl mx-auto p-6 -mt-8 relative z-40">
<div className="text-center mb-4">
<span className="text-[10px] uppercase font-black text-[#7ca982] bg-white px-4 py-1.5 rounded-full shadow-md border border-[#f1f7ed]">
{userLocation ? "GPS AKTIV" : "SORTERER ALFABETISK"} • {processed.length} BANER
</span>
</div>
<input className="w-full p-6 rounded-3xl shadow-2xl mb-12 text-gray-900 border-none ring-1 ring-black/5 text-xl outline-none focus:ring-2 focus:ring-[#7ca982] transition-all bg-white" placeholder='Søk baner...' value={searchQuery} onChange={e => setSearchQuery(e.target.value)} />
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8">
{processed.map((f: any) => (
<Link href={`/golfbaner/${f.slug}`} key={f.id} className="bg-white rounded-[2.5rem] overflow-hidden shadow-sm hover:shadow-2xl transition-all duration-300 border border-gray-100 flex flex-col group">
<div className="h-48 relative bg-gray-200 overflow-hidden">
<img src={f.image_url || "/Toppbilde-standard.jpg"} className="w-full h-full object-cover transition duration-700 group-hover:scale-105" alt={f.name} />
{f.dist !== Infinity && <div className="absolute top-4 right-4 bg-white/90 backdrop-blur-sm px-3 py-1.5 rounded-xl text-xs font-black shadow-lg text-gray-800">{Math.round(f.dist)} km unna</div>}
<div className="absolute top-4 left-4 flex flex-col items-start gap-2 z-20">
{f.statuses.map((s: any, idx: number) => {
const raw = (s.status || "ukjent").toLowerCase();
let color = "bg-gray-500 text-white";
if (raw.includes('aapen') && !raw.includes('vinter')) color = "bg-green-600 text-white";
else if (raw.includes('vinter')) color = "bg-emerald-400 text-gray-900";
else if (raw.includes('snart')) color = "bg-yellow-500 text-gray-900";
else if (raw.includes('stengt')) color = "bg-red-600 text-white";
return <div key={idx} className={`px-3 py-1.5 rounded-xl text-[10px] font-black uppercase shadow-lg border border-white/10 backdrop-blur-sm ${color}`}>{f.statuses.length > 1 ? `${s.name}: ${STATUS_MAP[raw] || raw}` : (STATUS_MAP[raw] || raw)}</div>;
})}
</div>
</div>
<div className="p-8 flex flex-col flex-grow">
<h3 className="font-black text-2xl text-gray-900 mb-1 group-hover:text-[#7ca982] transition-colors">{f.name}</h3>
<p className="text-gray-400 text-sm font-bold uppercase tracking-widest">{f.city}{f.county ? ` • ${f.county}` : ''}</p>
<div className="pt-6 border-t border-gray-50 flex justify-between items-center mt-auto">
<div className="flex items-center gap-2">
<span className="bg-[#f1f7ed] text-[#7ca982] px-3 py-1 rounded-lg text-xs font-black uppercase">{f.amenities?.antall_hull || f.holes || '--'} Hull</span>
{f.golfamore && <div className="bg-orange-500 text-white w-5 h-5 flex items-center justify-center rounded-md text-[8px] font-black" title="GolfAmore">G</div>}
{f.nsg_data?.url && <div className="bg-blue-600 text-white w-5 h-5 flex items-center justify-center rounded-md text-[8px] font-black" title="SeniorGolf">S</div>}
</div>
<span className="text-[#7ca982] font-black text-sm uppercase group-hover:translate-x-1 transition-transform">Se bane →</span>
</div>
</div>
</Link>
))}
</div>
</div>
);
}

View file

@ -1,52 +0,0 @@
"use client";
import { FALLBACK_IMAGE } from "@/config/constants";
import { useState, useEffect } from 'react';
import Link from 'next/link';
export default function HeroSlider({ facilities }: { facilities: any[] }) {
const [currentIndex, setCurrentIndex] = useState(0);
const [sliderItems, setSliderItems] = useState<any[]>([]);
useEffect(() => {
if (!Array.isArray(facilities)) return;
const filtered = facilities.filter(f => {
// Robust status-sjekk
const statuses = Array.isArray(f.course_statuses) ? f.course_statuses : [];
const interesting = ['aapen', 'aapen_med_vintergreener', 'aapner_snart', 'stenger_snart', 'stengt'];
const hasStatus = statuses.some((s: any) => s && s.status && interesting.includes(s.status));
// Bilde-sjekk
const img = f.front_image_url || f.image_url || "";
const isReal = img && !img.includes('Toppbilde-standard.jpg') && String(img).startsWith('http');
return hasStatus && isReal;
});
setSliderItems(filtered.sort(() => 0.5 - Math.random()).slice(0, 5));
}, [facilities]);
useEffect(() => {
if (sliderItems.length <= 1) return;
const t = setInterval(() => setCurrentIndex(p => (p + 1) % sliderItems.length), 6000);
return () => clearInterval(t);
}, [sliderItems]);
if (sliderItems.length === 0) return null;
return (
<div className="relative h-[55vh] md:h-[65vh] w-full bg-[#11280f] overflow-hidden">
{sliderItems.map((f, i) => (
<div key={f.id} className={`absolute inset-0 transition-opacity duration-1000 ${i === currentIndex ? 'opacity-100 z-10' : 'opacity-0 z-0'}`}>
<div className="absolute inset-0 bg-black/40 z-10" />
<img src={f.front_image_url || f.image_url} alt={f.name} className="w-full h-full object-cover" />
<div className="absolute inset-0 z-20 flex flex-col items-center justify-center text-center px-4">
<h1 className="text-4xl md:text-7xl font-black text-white mb-2 drop-shadow-2xl">{f.name}</h1>
<p className="text-sm md:text-lg text-white/90 mb-8 uppercase tracking-widest font-bold">{f.city} • {f.county}</p>
<Link href={`/golfbaner/${f.slug}`} className="bg-[#7ca982] text-white px-10 py-4 rounded-2xl font-black uppercase text-xs tracking-widest hover:bg-[#5b8260] transition-all shadow-2xl">Se golfanlegget</Link>
</div>
</div>
))}
</div>
);
}

View file

@ -1,196 +0,0 @@
"use client";
import { useState } from 'react';
import { STATUS_MAP } from "@/config/constants";
// Designerens definisjon av fargetemaer - Nå med kraftigere tints for kolonnene
const getTeeTheme = (label: string) => {
const name = label.toLowerCase();
if (name.includes("svart") || name.includes("black")) {
return { header: "bg-gray-900 text-white", col: "bg-gray-100", text: "text-gray-900" };
}
if (name.includes("hvit") || name.includes("white")) {
return { header: "bg-white text-gray-800 border border-gray-300", col: "bg-gray-50", text: "text-gray-700" };
}
if (name.includes("gul") || name.includes("yellow")) {
return { header: "bg-yellow-400 text-yellow-950", col: "bg-yellow-50", text: "text-yellow-900" };
}
if (name.includes("blå") || name.includes("bla") || name.includes("blue")) {
return { header: "bg-blue-600 text-white", col: "bg-blue-50", text: "text-blue-900" };
}
if (name.includes("rød") || name.includes("rod") || name.includes("red")) {
return { header: "bg-red-500 text-white", col: "bg-red-50", text: "text-red-900" };
}
if (name.includes("grønn") || name.includes("gronn") || name.includes("green")) {
return { header: "bg-emerald-500 text-white", col: "bg-emerald-50", text: "text-emerald-900" };
}
// DEFAULT: Nøytral grå for utslag med tall (f.eks "52", "45")
return { header: "bg-gray-200 text-gray-700", col: "bg-gray-100/60", text: "text-gray-600" };
};
export default function CourseDisplay({ course }: { course: any }) {
const [hcp, setHcp] = useState("15.0");
const [gender, setGender] = useState<'herrer' | 'damer'>('herrer');
const [selectedTeeIndex, setSelectedTeeIndex] = useState(0);
const allHoles = course.holes || [];
const holesOut = allHoles.filter((h: any) => h.hole_number <= 9);
const holesIn = allHoles.filter((h: any) => h.hole_number > 9);
const hasInHoles = holesIn.length > 0;
const lengthKeys = ['lengst', 'lang', 'mellomlang', 'mellomkort', 'kort', 'kortest'];
const availableTees = course.tee_boxes?.[gender] || [];
const activeColumns = lengthKeys
.filter(k => allHoles.some((h: any) => h.lengths?.[k]))
.map((key, idx) => {
const info = availableTees[idx];
const label = info?.navn_utslag || info?.navn_utslag_damer || key.toUpperCase();
return { key, label, theme: getTeeTheme(label) };
});
// Kalkulering av SpH
const activeTee = availableTees[selectedTeeIndex];
let playingHandicap = 0;
if (activeTee && hcp) {
const exactHcp = Number(hcp.replace(',', '.'));
const slope = Number(activeTee.slopeverdi || activeTee.slopeverdi_damer || 113);
const cr = Number(String(activeTee.baneverdi || activeTee.baneverdi_damer || course.par).replace(',', '.'));
playingHandicap = Math.round((exactHcp * (slope / 113)) + (cr - course.par));
}
const getExtraStrokes = (hcpIndex: number) => {
if (!hcpIndex || isNaN(playingHandicap)) return 0;
const base = Math.floor(playingHandicap / 18);
const rem = playingHandicap % 18;
return base + (hcpIndex <= rem ? 1 : 0);
};
const sumPar = (holes: any[]) => holes.reduce((acc, h) => acc + (h.par || 0), 0);
const sumLen = (holes: any[], key: string) => holes.reduce((acc, h) => acc + (h.lengths?.[key] || 0), 0);
return (
<div className="bg-white rounded-[3rem] shadow-sm border border-gray-200 overflow-hidden mb-12">
{/* HEADER / KALKULATOR */}
<div className="p-8 md:p-12 flex flex-col md:flex-row justify-between items-center gap-8 border-b border-gray-100 bg-white">
<div className="text-center md:text-left">
<h2 className="text-5xl font-black text-[#11280f] tracking-tighter">{course.name}</h2>
<p className="text-[#7ca982] font-black uppercase text-xs tracking-[0.2em] mt-2">Par {course.par} • {course.length_meters || '--'} meter</p>
</div>
<div className="flex items-center gap-6 bg-gray-50 p-6 rounded-[2.5rem] border border-gray-100">
<div className="flex flex-col"><span className="text-[9px] font-black text-[#7ca982] uppercase ml-1">Kjønn</span>
<select value={gender} onChange={e => { setGender(e.target.value as any); setSelectedTeeIndex(0); }} className="bg-transparent text-[#11280f] font-black outline-none border-b-2 border-[#7ca982]/30 pb-1 cursor-pointer">
<option value="herrer">HERRER</option><option value="damer">DAMER</option>
</select>
</div>
<div className="flex flex-col"><span className="text-[9px] font-black text-[#7ca982] uppercase ml-1">Utslag</span>
<select value={selectedTeeIndex} onChange={e => setSelectedTeeIndex(Number(e.target.value))} className="bg-transparent text-[#11280f] font-black outline-none border-b-2 border-[#7ca982]/30 pb-1 cursor-pointer">
{availableTees.map((t: any, i: number) => (<option key={i} value={i}>{t.navn_utslag || t.navn_utslag_damer}</option>))}
</select>
</div>
<div className="flex flex-col"><span className="text-[9px] font-black text-[#7ca982] uppercase ml-1">Ditt HCP</span>
<input type="text" value={hcp} onChange={e => setHcp(e.target.value)} className="w-12 bg-transparent text-[#11280f] font-black text-center border-b-2 border-[#7ca982]/30" />
</div>
<div className="pl-6 border-l border-gray-200 text-center">
<p className="text-[9px] uppercase font-black text-[#7ca982] mb-1">SpH</p>
<p className="text-4xl font-black text-[#11280f] leading-none">{playingHandicap || 0}</p>
</div>
</div>
</div>
{/* SCOREKORT TABELL */}
<div className="overflow-x-auto">
<table className="w-full text-center border-collapse table-fixed min-w-[850px]">
<thead>
<tr className="bg-white text-[10px] text-gray-400 font-black uppercase">
<th className="w-20 p-5 text-left pl-10 border-b border-gray-100">Hull</th>
<th className="w-16 p-5 border-l border-gray-100 border-b border-gray-100">Par</th>
<th className="w-16 p-5 border-l border-gray-100 border-b border-gray-100">HCP</th>
<th className="w-24 p-5 border-l border-gray-100 border-b border-gray-100 bg-[#7ca982]/10 text-[#7ca982]">Mottatt</th>
<th className="w-24 p-5 border-l border-gray-100 border-b border-gray-100 bg-[#7ca982]/20 text-[#11280f]">Din Par</th>
{activeColumns.map((col, i) => (
<th key={i} className={`p-5 border-l border-white font-black ${col.theme.header}`}>{col.label}</th>
))}
</tr>
</thead>
<tbody className="font-bold text-[#11280f]">
{/* UT-RUNDE */}
{holesOut.map((h: any) => {
const extra = getExtraStrokes(h.hcp_index);
return (
<tr key={h.id} className="border-t border-gray-100 group hover:bg-white transition-colors">
<td className="p-4 text-left pl-10 font-black text-lg text-gray-800">{h.hole_number}</td>
<td className="p-4 border-l border-gray-100 bg-white">{h.par}</td>
<td className="p-4 border-l border-gray-100 text-gray-300 text-xs font-mono">{h.hcp_index}</td>
<td className="p-4 border-l border-gray-100 bg-[#7ca982]/5 text-[#7ca982] font-mono">{extra > 0 ? `+${extra}` : '-'}</td>
<td className="p-4 border-l border-gray-100 bg-[#7ca982]/10 text-lg font-mono">{h.par + extra}</td>
{activeColumns.map((col, i) => (
<td key={i} className={`p-4 border-l border-white font-mono transition-all ${col.theme.col} ${col.theme.text}`}>
{h.lengths?.[col.key] || '--'}
</td>
))}
</tr>
);
})}
{/* UT RAD */}
<tr className="bg-[#f1f7ed]/50 text-[#11280f] font-black border-y border-gray-200">
<td className="p-4 text-left pl-10 uppercase tracking-widest text-[10px] text-gray-400">Ut</td>
<td className="p-4 border-l border-gray-100">{sumPar(holesOut)}</td>
<td colSpan={3} className="border-l border-gray-100 bg-white"></td>
{activeColumns.map((col, i) => (
<td key={i} className={`p-4 border-l border-white font-mono ${col.theme.col} text-gray-900`}>{sumLen(holesOut, col.key)}</td>
))}
</tr>
{/* INN-RUNDE */}
{hasInHoles && holesIn.map((h: any) => {
const extra = getExtraStrokes(h.hcp_index);
return (
<tr key={h.id} className="border-t border-gray-100 group hover:bg-white transition-colors">
<td className="p-4 text-left pl-10 font-black text-lg text-gray-800">{h.hole_number}</td>
<td className="p-4 border-l border-gray-100 bg-white">{h.par}</td>
<td className="p-4 border-l border-gray-100 text-gray-300 text-xs font-mono">{h.hcp_index}</td>
<td className="p-4 border-l border-gray-100 bg-[#7ca982]/5 text-[#7ca982] font-mono">{extra > 0 ? `+${extra}` : '-'}</td>
<td className="p-4 border-l border-gray-100 bg-[#7ca982]/10 text-lg font-mono">{h.par + extra}</td>
{activeColumns.map((col, i) => (
<td key={i} className={`p-4 border-l border-white font-mono transition-all ${col.theme.col} ${col.theme.text}`}>
{h.lengths?.[col.key] || '--'}
</td>
))}
</tr>
);
})}
{/* INN RAD */}
{hasInHoles && (
<tr className="bg-[#f1f7ed]/50 text-[#11280f] font-black border-y border-gray-200">
<td className="p-4 text-left pl-10 uppercase tracking-widest text-[10px] text-gray-400">Inn</td>
<td className="p-4 border-l border-gray-100">{sumPar(holesIn)}</td>
<td colSpan={3} className="border-l border-gray-100 bg-white"></td>
{activeColumns.map((col, i) => (
<td key={i} className={`p-4 border-l border-white font-mono ${col.theme.col} text-gray-900`}>{sumLen(holesIn, col.key)}</td>
))}
</tr>
)}
{/* TOTAL RAD */}
<tr className="bg-[#11280f] text-white text-xl font-black">
<td className="p-8 text-left pl-10 uppercase tracking-tighter">Totalt</td>
<td className="p-8 border-l border-white/10">{sumPar(allHoles)}</td>
<td colSpan={3} className="border-l border-white/10 bg-[#1a3a17]"></td>
{activeColumns.map((col, i) => (
<td key={i} className={`p-8 border-l border-white/10 font-mono ${col.theme.header.split(' ')[0]}`}>
{sumLen(allHoles, col.key)}
</td>
))}
</tr>
</tbody>
</table>
</div>
</div>
);
}

View file

@ -1,217 +0,0 @@
"use client";
import { STATUS_MAP, FALLBACK_IMAGE } from "@/config/constants";
import Link from 'next/link';
import CourseDisplay from './CourseDisplay';
const formatTel = (phone: string) => {
if (!phone) return "";
const clean = phone.replace(/\s+/g, '').replace('+', '00');
return `00${clean.replace(/^00/, '')}`; // Sikrer 0047 format
};
export default function FacilityDetailView({ facility }: { facility: any }) {
const activeCourses = (facility.courses || []).filter((c: any) => c.holes && c.holes.length > 0);
const amenities = facility.amenities || {};
const nsg = facility.nsg_data || {};
const weatherImg = facility.weather_url?.replace("/graf/dag/", "/innhold/").replace(/\/$/, "") + "/meteogram.svg";
const googleMapsUrl = `https://www.google.com/maps/search/?api=1&query=${facility.lat},${facility.lng}`;
return (
<main className="min-h-screen bg-[#f1f7ed] pb-20">
{/* HERO SEKSJON */}
<div className="h-[50vh] min-h-[500px] relative flex flex-col justify-end">
<img src={facility.image_url || FALLBACK_IMAGE} alt="" className="absolute inset-0 w-full h-full object-cover z-0" />
<div className="absolute inset-0 bg-gradient-to-t from-[#11280f]/90 via-transparent to-black/20 z-10" />
<div className="relative z-20 max-w-[1400px] mx-auto px-6 w-full pb-12">
<div className="flex flex-col md:flex-row items-end justify-between gap-8">
<div>
<h1 className="text-6xl md:text-8xl font-black text-white mb-2 tracking-tighter drop-shadow-2xl">{facility.name}</h1>
<p className="text-[#7ca982] uppercase tracking-[0.4em] font-black text-xs md:text-sm mb-6">{facility.city} • {facility.county}</p>
<div className="flex flex-wrap gap-2">
{activeCourses.map((c: any) => (
<span key={c.id} className="px-4 py-2 rounded-lg text-[10px] font-black uppercase bg-[#7ca982] text-white shadow-xl">
{activeCourses.length === 1 ? STATUS_MAP[c.status] || c.status : `${c.name}: ${STATUS_MAP[c.status] || c.status}`}
</span>
))}
</div>
</div>
{/* DE 5 IKON-KNAPPENE (Gjeninnført nøyaktig) */}
<div className="flex gap-2 bg-white/10 backdrop-blur-md p-2 rounded-2xl border border-white/20 shadow-2xl">
{facility.website_url && <a href={facility.website_url} target="_blank" className="w-12 h-12 bg-white hover:bg-[#7ca982] hover:text-white text-[#11280f] rounded-xl flex items-center justify-center transition-all shadow-md text-xl">🏠</a>}
{facility.golfbox_booking_url && <a href={facility.golfbox_booking_url} target="_blank" className="w-12 h-12 bg-white hover:bg-[#7ca982] hover:text-white text-[#11280f] rounded-xl flex items-center justify-center transition-all shadow-md text-xl">🕒</a>}
{facility.golfbox_tournament_url && <a href={facility.golfbox_tournament_url} target="_blank" className="w-12 h-12 bg-white hover:bg-[#7ca982] hover:text-white text-[#11280f] rounded-xl flex items-center justify-center transition-all shadow-md text-xl">🏆</a>}
<a href={googleMapsUrl} target="_blank" className="w-12 h-12 bg-white hover:bg-[#7ca982] hover:text-white text-[#11280f] rounded-xl flex items-center justify-center transition-all shadow-md text-xl">📍</a>
{facility.weather_url && <a href={facility.weather_url} target="_blank" className="w-12 h-12 bg-white hover:bg-[#7ca982] hover:text-white text-[#11280f] rounded-xl flex items-center justify-center transition-all shadow-md text-xl">☁️</a>}
</div>
</div>
</div>
</div>
<div className="max-w-[1400px] mx-auto px-6 mt-12 grid grid-cols-12 gap-8 items-start">
{/* SIDEBAR */}
<div className="col-span-12 lg:col-span-3 space-y-6 order-2 lg:order-1">
<Link href="/" className="flex items-center justify-center bg-white p-5 rounded-2xl shadow-sm font-black text-[#7ca982] border border-gray-100 uppercase text-[10px] tracking-widest hover:bg-[#7ca982] hover:text-white transition-all">← Tilbake til kartet</Link>
<div className="bg-white p-8 rounded-[2rem] shadow-sm border border-gray-100 font-bold text-sm text-gray-700 space-y-6">
<h3 className="text-[10px] font-black text-gray-300 uppercase tracking-widest">Kontakt & Adresse</h3>
<a href={facility.website_url} target="_blank" className="block text-[#7ca982] hover:underline">🌐 Besøk nettsiden</a>
<a href={`tel:${formatTel(facility.phone)}`} className="block">📞 {facility.phone}</a>
<a href={`mailto:${facility.email}`} className="block truncate">✉️ {facility.email}</a>
<div className="pt-4 border-t border-gray-50">
<a href={googleMapsUrl} target="_blank" className="block hover:text-[#7ca982]">🏠 {facility.address || facility.city}</a>
<Link href={`/?q=${facility.county}`} className="text-[#7ca982] text-[9px] uppercase font-black hover:underline mt-4 block">Se alle baner i {facility.county} →</Link>
</div>
</div>
{/* VÆR-WIDGET */}
{facility.weather_url && (
<div className="bg-white p-4 rounded-[2rem] shadow-sm border border-gray-100 overflow-hidden">
<h3 className="text-[9px] font-black text-gray-300 uppercase tracking-widest mb-4 ml-4">Værvarsel (48t)</h3>
<img src={weatherImg} className="w-full scale-110" alt="Vær" />
</div>
)}
{/* ANDRE RESSURSER */}
<div className="bg-white p-8 rounded-[2rem] shadow-sm border border-gray-100">
<h3 className="text-[10px] font-black text-gray-300 uppercase tracking-widest mb-6">Andre ressurser</h3>
<div className="space-y-2">
{facility.flyfoto_url && <a href={facility.flyfoto_url} target="_blank" className="flex items-center justify-between p-4 bg-gray-50 rounded-xl text-[10px] font-black uppercase text-gray-500 hover:bg-[#7ca982] hover:text-white transition-all"><span>🚁 Flyfoto</span><span>→</span></a>}
{facility.webcam_url && <a href={facility.webcam_url} target="_blank" className="flex items-center justify-between p-4 bg-gray-50 rounded-xl text-[10px] font-black uppercase text-gray-500 hover:bg-[#7ca982] hover:text-white transition-all"><span>📹 Webkamera</span><span>→</span></a>}
{facility.baneguide_url && <a href={facility.baneguide_url} target="_blank" className="flex items-center justify-between p-4 bg-gray-50 rounded-xl text-[10px] font-black uppercase text-gray-500 hover:bg-[#7ca982] hover:text-white transition-all"><span>📖 Baneguide</span><span>→</span></a>}
</div>
</div>
</div>
{/* HOVEDINNHOLD */}
<div className="col-span-12 lg:col-span-9 space-y-12 order-1 lg:order-2">
<div className="bg-white p-10 md:p-16 rounded-[3rem] shadow-sm border border-gray-100 leading-relaxed text-xl text-gray-600" dangerouslySetInnerHTML={{ __html: facility.description }} />
{/* BANEDETALJER + ANDRE TILBUD (Nøyaktig som bildet) */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8 font-bold text-sm text-gray-700">
<div className="bg-white p-10 rounded-[2.5rem] shadow-sm border border-gray-100">
<h3 className="text-2xl font-black mb-8 text-[#11280f] uppercase tracking-tighter">Banen</h3>
<table className="w-full">
<tbody>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Hull:</td><td className="py-4 text-right">{amenities.antall_hull || '--'}</td></tr>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Banetype:</td><td className="py-4 text-right">{facility.banetype || 'Park/Skog'}</td></tr>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Lengde:</td><td className="py-4 text-right">{facility.length || '--'} meter</td></tr>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Sesong:</td><td className="py-4 text-right">{facility.season}</td></tr>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Byggeår:</td><td className="py-4 text-right">{facility.established_year || '--'}</td></tr>
<tr><td className="py-4 text-gray-400">Arkitekt:</td><td className="py-4 text-right">{facility.architect || '--'}</td></tr>
</tbody>
</table>
</div>
<div className="bg-white p-10 rounded-[2.5rem] shadow-sm border border-gray-100">
<h3 className="text-2xl font-black mb-8 text-[#11280f] uppercase tracking-tighter">Andre Tilbud</h3>
<table className="w-full">
<tbody>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Drivingrange:</td><td className="py-4 text-right">{amenities.drivingrange ? "Ja" : "Nei"}</td></tr>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Nærspill:</td><td className="py-4 text-right">Ja ✓</td></tr>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Head Pro:</td><td className="py-4 text-right text-orange-500" dangerouslySetInnerHTML={{ __html: amenities.pro }} /></tr>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Proshop:</td><td className="py-4 text-right">Ja</td></tr>
<tr className="border-b border-gray-50"><td className="py-4 text-gray-400">Kafé:</td><td className="py-4 text-right text-orange-500" dangerouslySetInnerHTML={{ __html: amenities.kafe }} /></tr>
<tr><td className="py-4 text-gray-400">Bilutleie:</td><td className="py-4 text-right">Ja</td></tr>
</tbody>
</table>
</div>
</div>
{/* KART OG VIDEO */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div className="rounded-[3rem] overflow-hidden shadow-2xl h-96 border-8 border-white bg-gray-100">
<iframe width="100%" height="100%" frameBorder="0" src={`https://maps.google.com/maps?q=${facility.lat},${facility.lng}&t=k&z=15&ie=UTF8&iwloc=&output=embed`} />
</div>
{facility.video_url && (
<div className="rounded-[3rem] overflow-hidden shadow-2xl aspect-video bg-black border-8 border-white">
<iframe src={facility.video_url} className="w-full h-full" allowFullScreen></iframe>
</div>
)}
</div>
{/* SCOREKORT */}
<div className="space-y-12">
{activeCourses.map((c: any) => <CourseDisplay key={c.id} course={c} />)}
</div>
{/* SLOPING TABELLER */}
<div className="bg-white p-8 rounded-[2.5rem] shadow-sm border border-gray-100">
<div className="flex justify-between items-center mb-8">
<h3 className="text-xl font-black uppercase">Slopetabeller</h3>
<span className="text-[9px] font-black text-gray-400 bg-gray-50 px-3 py-1 rounded-full uppercase">Gyldighet: {facility.gyldig_til_og_med || 'Ukjent'}</span>
</div>
<div className="grid grid-cols-1 md:grid-cols-2 gap-12">
{['herrer', 'damer'].map(gender => (
<div key={gender} className="overflow-x-auto">
<h4 className="text-[10px] font-black text-[#7ca982] uppercase mb-4 tracking-[0.2em]">{gender}</h4>
<table className="w-full text-xs font-bold">
<thead>
<tr className="text-left text-gray-300 uppercase"><th className="pb-4">Utslag</th><th className="pb-4 text-center">CR</th><th className="pb-4 text-right">Slope</th></tr>
</thead>
<tbody>
{(activeCourses[0]?.tee_boxes?.[gender] || []).map((tee: any, i: number) => (
<tr key={i} className="border-t border-gray-50">
<td className="py-4 text-gray-800">{tee.navn_utslag || tee.navn_utslag_damer}</td>
<td className="py-4 text-center text-[#7ca982]">{tee.baneverdi || tee.baneverdi_damer}</td>
<td className="py-4 text-right text-gray-500">{tee.slopeverdi || tee.slopeverdi_damer}</td>
</tr>
))}
</tbody>
</table>
</div>
))}
</div>
</div>
{/* GJESTESPILL & MEDLEMSKAP */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-8">
<div className="bg-white p-10 rounded-[2.5rem] shadow-sm border border-gray-100">
<h3 className="text-xl font-black mb-6 uppercase">⛳ Gjestespill</h3>
<div className="space-y-6">
<div>
<h4 className="text-[9px] font-black text-gray-300 uppercase mb-3 tracking-widest">Priser</h4>
{facility.greenfee?.voksne?.map((g: any, i: number) => (
<div key={i} className="flex justify-between py-3 border-b border-gray-50 font-bold text-sm">
<span className="text-gray-500">{g.priskategori}</span>
<span>kr {g.pris_voksne},-</span>
</div>
))}
{facility.greenfee?.junior?.map((g: any, i: number) => (
<div key={i} className="flex justify-between py-3 border-b border-gray-50 font-bold text-sm">
<span className="text-gray-400">{g.priskategori_junior} (Junior)</span>
<span className="text-gray-400">kr {g.pris_junior},-</span>
</div>
))}
</div>
</div>
<p className="mt-8 text-[10px] text-gray-400 font-black uppercase">Krav: {facility.guest_requirements}</p>
</div>
<div className="bg-white p-10 rounded-[2.5rem] shadow-sm border border-gray-100 flex flex-col">
<h3 className="text-xl font-black mb-6 uppercase">🤝 Medlemskap</h3>
<div className="flex-grow space-y-6">
<div className="p-8 bg-[#f1f7ed] rounded-[2rem]">
<p className="text-[#7ca982] text-[10px] font-black uppercase mb-1">{facility.membership?.standard?.navn || "Standard"}</p>
<p className="text-5xl font-black text-gray-800 tracking-tighter">kr {facility.membership?.standard?.pris || '--'},-</p>
</div>
{facility.membership?.rimeligste?.pris && (
<div className="p-6 bg-gray-50 rounded-2xl border border-gray-100">
<p className="text-gray-400 text-[9px] font-black uppercase">{facility.membership.rimeligste.navn}</p>
<p className="text-2xl font-black text-gray-600">kr {facility.membership.rimeligste.pris},-</p>
</div>
)}
</div>
<a href={facility.membership?.url} target="_blank" className="mt-8 block text-center bg-gray-900 text-white p-5 rounded-2xl font-black uppercase text-xs hover:bg-black transition">Se alle alternativer</a>
</div>
</div>
</div>
</div>
</main>
);
}

View file

@ -1,17 +0,0 @@
// page.tsx
import { API_URL } from "@/config/constants";
import FacilityDetailView from "./FacilityDetailView";
export default async function GolfCoursePage({ params }: { params: Promise<{ slug: string }> }) {
const { slug } = await params;
const res = await fetch(`${API_URL}/facilities/${slug}`, { cache: 'no-store' });
const facility = await res.json();
if (!facility || facility.error) {
return <div className="p-20 text-center font-bold text-2xl">Fant ikke golfbanen...</div>;
}
// Vi sender dataene til den navngitte komponenten
return <FacilityDetailView facility={facility} />;
}

View file

@ -1,34 +0,0 @@
import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};
export default function RootLayout({
children,
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en">
<body
className={`${geistSans.variable} ${geistMono.variable} antialiased`}
>
{children}
</body>
</html>
);
}

View file

@ -1,37 +0,0 @@
import HeroSlider from './HeroSlider';
import FacilitySearch from './FacilitySearch';
import { API_URL } from '@/config/constants';
export const dynamic = 'force-dynamic';
export default async function Home() {
let facilities = [];
try {
const res = await fetch(`${API_URL}/facilities`, {
next: { revalidate: 0 },
cache: 'no-store'
});
if (!res.ok) {
const errorData = await res.json();
console.error("API Error Body:", errorData);
throw new Error(`API returnerte status ${res.status}`);
}
facilities = await res.json();
} catch (error) {
console.error("Kritisk feil ved henting av data:", error);
facilities = [];
}
// Sikrer at vi alltid sender en array til komponentene
const safeData = Array.isArray(facilities) ? facilities : [];
return (
<main className="min-h-screen bg-[#f1f7ed]">
<HeroSlider facilities={safeData} />
<FacilitySearch initialFacilities={safeData} />
</main>
);
}

View file

@ -1,23 +0,0 @@
// Globale innstillinger for TeeOff.no
export const API_URL = process.env.API_URL || "http://api:8000/api";
export const FALLBACK_IMAGE = "/Toppbilde-standard.jpg";
export const TEEOFF_LOGO = "/TeeOff-logo-Retina-1.png";
export const STATUS_MAP: Record<string, string> = {
"ukjent": "Ukjent status",
"aapen": "Åpen",
"aapen_med_vintergreener": "Vintergreener",
"stengt": "Stengt",
"nedlagt": "Nedlagt",
"under_utvikling": "Under utvikling",
"aapner_snart": "Åpner snart",
"stenger_snart": "Stenger snart"
};
export const REGIONS: Record<string, string[]> = {
"nord-norge": ["finnmark", "troms", "nordland"],
"midt-norge": ["nord-trøndelag", "sør-trøndelag", "trøndelag"],
"vestlandet": ["møre og romsdal", "sogn og fjordane", "hordaland", "rogaland", "vestland"],
"sørlandet": ["vest-agder", "aust-agder", "agder"],
"østlandet": ["telemark", "vestfold", "østfold", "buskerud", "hedmark", "oppland", "oslo", "akershus", "innlandet", "viken"]
};

View file

@ -5,21 +5,86 @@ import asyncpg
import json
from datetime import date, datetime
# --- KONFIGURASJON ---
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
def format_row(row):
"""
Vasker data fra databasen:
1. Konverterer datoer til ISO-format.
2. Tvinger tekst-JSON (stringified JSON) over til ekte Python objekter/lister.
"""
if row is None:
return None
d = dict(row)
# 1. Håndter dato- og tidsformater for JSON-serialisering
for key in ['status_updated_at', 'created_at']:
if isinstance(d.get(key), (date, datetime)):
d[key] = d[key].isoformat()
# 2. Definer alle felter som inneholder JSON-data
# Disse må parses manuelt hvis de kommer som strenger fra Postgres
json_list_fields = [
'course_statuses', 'courses', 'gallery', 'greenfee',
'faqs', 'shotzoom', 'social_links', 'holes'
]
json_dict_fields = [
'amenities', 'vtg', 'nsg_data', 'golfamore_data'
]
# Vask list-felter
for field in json_list_fields:
if field in d:
val = d[field]
if val is None:
d[field] = []
elif isinstance(val, str):
try:
d[field] = json.loads(val)
except:
d[field] = []
elif not isinstance(val, list):
d[field] = []
# Vask objekt-felter
for field in json_dict_fields:
if field in d:
val = d[field]
if val is None:
d[field] = {}
elif isinstance(val, str):
try:
d[field] = json.loads(val)
except:
d[field] = {}
elif not isinstance(val, dict):
d[field] = {}
return d
@asynccontextmanager
async def lifespan(app: FastAPI):
# Opprett database-pool ved start
try:
app.state.pool = await asyncpg.create_pool(DB_URL, min_size=5, max_size=20)
app.state.pool = await asyncpg.create_pool(
DB_URL,
min_size=5,
max_size=20,
command_timeout=60
)
print("✅ Database tilkoblet og pool opprettet")
except Exception as e:
print(f"❌ Databasefeil: {e}")
print(f"❌ Databasefeil under oppstart: {e}")
raise e
yield
# Lukk pool ved avslutning
await app.state.pool.close()
app = FastAPI(title="TeeOff API v2.4", lifespan=lifespan)
app = FastAPI(title="TeeOff API v3.5", lifespan=lifespan)
# CORS-oppsett slik at Next.js kan snakke med API-et
app.add_middleware(
CORSMiddleware,
allow_origins=["*"],
@ -27,39 +92,9 @@ app.add_middleware(
allow_headers=["*"],
)
def format_row(row):
if row is None: return None
d = dict(row)
# 1. Dato-håndtering
for key in ['status_updated_at', 'created_at']:
if isinstance(d.get(key), (date, datetime)):
d[key] = d[key].isoformat()
# 2. Garanter riktige datatyper (Vaskeliste)
list_fields = ['course_statuses', 'courses', 'gallery', 'greenfee', 'faqs', 'shotzoom', 'social_links', 'holes']
dict_fields = ['amenities', 'vtg', 'nsg_data', 'golfamore_data']
for field in list_fields:
if field in d:
if d[field] is None:
d[field] = []
elif isinstance(d[field], str):
try: d[field] = json.loads(d[field])
except: d[field] = []
for field in dict_fields:
if field in d:
if d[field] is None:
d[field] = {}
elif isinstance(d[field], str):
try: d[field] = json.loads(d[field])
except: d[field] = {}
return d
@app.get("/api/facilities")
async def get_facilities():
"""Henter alle golfanlegg med aggregert banestatus"""
async with app.state.pool.acquire() as conn:
rows = await conn.fetch("""
SELECT f.*, (
@ -69,12 +104,14 @@ async def get_facilities():
ORDER BY is_main_course DESC, id ASC
) cs
) as course_statuses
FROM facilities f ORDER BY f.name ASC
FROM facilities f
ORDER BY f.name ASC
""")
return [format_row(row) for row in rows]
@app.get("/api/facilities/{slug}")
async def get_facility(slug: str):
"""Henter detaljer for ett spesifikt golfanlegg inkludert alle baner og hull"""
async with app.state.pool.acquire() as conn:
row = await conn.fetchrow("""
SELECT f.*, (
@ -91,5 +128,22 @@ async def get_facility(slug: str):
) as courses
FROM facilities f WHERE f.slug = $1
""", slug)
if not row: raise HTTPException(status_code=404)
return format_row(row)
if not row:
raise HTTPException(status_code=404, detail="Golfanlegget ble ikke funnet")
return format_row(row)
@app.get("/api/health")
async def health_check():
"""Enkel sjekk for å se at API og DB lever"""
try:
async with app.state.pool.acquire() as conn:
await conn.execute("SELECT 1")
return {"status": "healthy", "database": "connected"}
except Exception as e:
return {"status": "unhealthy", "error": str(e)}
if __name__ == "__main__":
import uvicorn
uvicorn.run(app, host="0.0.0.0", port=8000)

View file

@ -0,0 +1,130 @@
import asyncio
import os
import asyncpg
import smtplib
import re # Ny import for tekst-vasking
from datetime import datetime
from email.mime.text import MIMEText
from email.mime.multipart import MIMEMultipart
from playwright.async_api import async_playwright
try:
from playwright_stealth import stealth_async as apply_stealth
except ImportError:
from playwright_stealth import stealth as apply_stealth
from apscheduler.schedulers.asyncio import AsyncIOScheduler
from dotenv import load_dotenv
load_dotenv()
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
def clean_text(text):
"""Fjerner spesialtegn og normaliserer tekst for sammenligning"""
return re.sub(r'[^a-zA-Z0-9æøåÆØÅ]', '', text).lower()
def interpret_status(text, keyword=None):
t_raw = text.lower()
if keyword:
# Fuzzy match: Vi renser både tekst og søkeord for bindestreker/mellomrom
k_clean = clean_text(keyword)
# Hvis vi ikke finner søkeordet engang i renset form, gi opp
if k_clean not in clean_text(t_raw):
return "NOT_FOUND"
# Hvis vi finner det, prøv å isolere teksten rundt det originale ordet
# Vi leter etter det originale keywordet først
parts = re.split(re.escape(keyword), t_raw, flags=re.IGNORECASE)
if len(parts) > 1:
t_raw = parts[1][:150]
else:
# Fallback hvis keywordet er delt av HTML-tagger (f.eks 18 <strong>hull</strong>)
t_raw = t_raw[-200:] # Bruk slutten av teksten hvis ordet er vanskelig å isolere
if any(word in t_raw for word in ["stengt", "lukket", "frost", "snø", "is", "closed", "stenger"]):
return "stengt"
if any(word in t_raw for word in ["vintergreen", "vintergrønn", "vinter"]):
return "aapen_med_vintergreener"
if any(word in t_raw for word in ["snart", "åpner kl"]):
return "aapner_snart"
if any(word in t_raw for word in ["åpen", "åpent", "aapen", "open"]):
return "aapen"
return "ukjent"
def send_report(changes, warnings):
if not changes and not warnings: return
subject = f"TeeOff Banestatus Rapport - {datetime.now().strftime('%d.%m.%Y')}"
body = "BANESTATUS RAPPORT\n" + "="*30 + "\n\n"
if changes: body += "✅ OPPDATERINGER:\n" + "\n".join(changes) + "\n\n"
if warnings: body += "⚠️ MERKNADER / ADVARSLER:\n" + "\n".join(warnings) + "\n"
msg = MIMEMultipart(); msg['From'] = os.getenv("SMTP_USER"); msg['To'] = os.getenv("EMAIL_TO"); msg['Subject'] = subject
msg.attach(MIMEText(body, 'plain'))
try:
with smtplib.SMTP_SSL(os.getenv("SMTP_SERVER"), int(os.getenv("SMTP_PORT"))) as server:
server.login(os.getenv("SMTP_USER"), os.getenv("SMTP_PASS"))
server.send_message(msg)
print("✅ Rapport sendt på e-post.")
except Exception as e: print(f"❌ E-post feil: {e}")
async def run_daily_scraping():
print(f"🚀 Starter sjekk {datetime.now().strftime('%H:%M:%S')}...")
conn = await asyncpg.connect(DB_URL)
facilities = await conn.fetch("SELECT id, name, scrape_status_url, scrape_status_selector FROM facilities WHERE scrape_status_url IS NOT NULL")
changes, warnings = [], []
async with async_playwright() as p:
browser = await p.chromium.launch(headless=True)
context = await browser.new_context()
for f in facilities:
page = await context.new_page()
try: await apply_stealth(page)
except: pass
try:
print(f"🔍 Besøker {f['name']}...")
await page.goto(f['scrape_status_url'], timeout=60000, wait_until="networkidle")
# Vent på at innholdet skal lande
await asyncio.sleep(3)
element = await page.query_selector(f['scrape_status_selector'])
if not element:
warnings.append(f"❌ {f['name']}: Fant ikke elementet '{f['scrape_status_selector']}'")
continue
full_text = await element.inner_text()
await conn.execute("UPDATE facilities SET status_updated_at = CURRENT_DATE WHERE id = $1", f['id'])
courses = await conn.fetch("SELECT id, name, status, scrape_keyword FROM courses WHERE facility_id = $1", f['id'])
for c in courses:
new_status = interpret_status(full_text, c['scrape_keyword'])
if new_status == "NOT_FOUND":
warnings.append(f"❓ {f['name']} ({c['name']}): Fant ikke søkeordet '{c['scrape_keyword']}' på siden.")
continue
old_status = c['status'] or "ukjent"
if new_status != old_status and new_status != "ukjent":
await conn.execute("UPDATE courses SET status = $1 WHERE id = $2", new_status, c['id'])
changes.append(f"🔹 {f['name']} ({c['name']}): {old_status.upper()} ➔ {new_status.upper()}")
print(f"✅ Oppdatert status for {f['name']} - {c['name']}")
else:
print(f" - {c['name']}: Ingen endring ({new_status.upper()})")
except Exception as e:
warnings.append(f"🔥 {f['name']}: Feil: {str(e)[:100]}")
finally:
await page.close()
await browser.close()
await conn.close()
send_report(changes, warnings)
print("🏁 Ferdig.")
if __name__ == "__main__":
asyncio.run(run_daily_scraping())

View file

@ -0,0 +1,79 @@
import asyncio, asyncpg, urllib.request, json
DB_URL = "postgresql://teeoff_admin:teeoff_secret_password@db:5432/teeoff"
# Vi fjerner acf_format=standard da rå-feltnavnene er tryggere her
WP_API_URL = "https://teeoff.no/wp-json/wp/v2/golfbaner?per_page=100"
def decode_html(text):
if not text: return ""
return str(text).replace('&#038;', '&').replace('&amp;', '&').replace('&nbsp;', ' ').strip()
async def run_greenfee_sync():
print("🎯 Starter GREENFEE-SYNC v1.2 (Basert på rå-API mapping)...")
conn = await asyncpg.connect(DB_URL)
page = 1
total_updated = 0
while True:
try:
req = urllib.request.Request(f"{WP_API_URL}&page={page}", headers={'User-Agent': 'TeeOff-Sync'})
with urllib.request.urlopen(req) as response:
data = json.loads(response.read().decode())
except: break
if not data: break
for post in data:
slug = post['slug']
acf = post.get('acf', {})
# Henter banenavn for å gruppere riktig
bane_1_navn = acf.get('navn_pa_hovedbane') or "Hovedbanen"
bane_2_navn = acf.get('navn_pa_sekundar_bane') or "Bane 2"
final_greenfee = []
# --- MAPPER BANE 1 (Voksne + Junior) ---
voksne_1 = acf.get('greenfee_-_voksne') or []
junior_1 = acf.get('greenfee_-_junior') or []
for i, item in enumerate(voksne_1):
row = {
"banenavn": bane_1_navn,
"priskategori": item.get('priskategori'),
"pris_voksne": item.get('pris_voksne')
}
# Legger til juniorpris hvis den finnes på samme index
if i < len(junior_1):
row["pris_junior"] = junior_1[i].get('pris_junior')
final_greenfee.append(row)
# --- MAPPER BANE 2 (Voksne + Junior) ---
voksne_2 = acf.get('greenfee_-_voksne_bane_to') or []
junior_2 = acf.get('greenfee_-_junior_bane_to') or []
for i, item in enumerate(voksne_2):
row = {
"banenavn": bane_2_navn,
"priskategori": item.get('priskategori_bane_to'),
"pris_voksne": item.get('pris_voksne_bane_to')
}
if i < len(junior_2):
row["pris_junior"] = junior_2[i].get('pris_junior_bane_to')
final_greenfee.append(row)
# Henter krav (Gjeste_krav)
reqs = decode_html(acf.get('krav_til_gjestespillere'))
if final_greenfee:
await conn.execute('''
UPDATE facilities SET greenfee = $1::jsonb, guest_requirements = $2 WHERE slug = $3
''', json.dumps(final_greenfee), reqs, slug)
print(f"✅ {slug}: Importerte {len(final_greenfee)} prisrader for {bane_1_navn}/{bane_2_navn}")
total_updated += 1
page += 1
await conn.close()
print(f"\n✨ Ferdig! Oppdaterte priser for {total_updated} anlegg.")
if __name__ == "__main__":
asyncio.run(run_greenfee_sync())

View file

@ -1,4 +1,17 @@
"use client";
/**
* TEE OFF SYSTEM INSTRUCTIONS - FACILITY CARDS v3.4 (STABLE)
* ---------------------------------------------------------------------------
* REGEL 1: Status-badge SKAL vises øverst til venstre. Bruk STATUS_MAP for tekst.
* REGEL 2: DATA-PARSING: Bruk parseJson() for 'course_statuses', 'amenities' og 'nsg_data'
* fordi API-et ofte returnerer disse som strenger.
* REGEL 3: Avstand-pillen skal ha fargen #2d3319 (Mørk oliven) med hvit tekst.
* REGEL 4: NSG (Blå 'N') og Golfamore (Oransje 'G') sirkler skal ha hvit kant (border-2).
* REGEL 5: Bunnen: Antall Hull (grønn pill), Banetype (grå pill), og Ikon-sirkler.
* REGEL 6: LOSBY-LOGIKK: Sjekk alle baner i arrayen. Hvis én er åpen, vis 'aapen'.
* ---------------------------------------------------------------------------
*/
import { STATUS_MAP } from "@/config/constants";
import { useState, useEffect, useMemo } from 'react';
import Link from 'next/link';
@ -29,17 +42,28 @@ export default function FacilitySearch({ initialFacilities }: { initialFacilitie
const processed = useMemo(() => {
if (!Array.isArray(initialFacilities)) return [];
const words = searchQuery.toLowerCase().trim().split(/\s+/).filter(w => w.length > 0);
return initialFacilities.map(f => {
// --- ROBUST DATA-PARSING (Håndterer tekst vs objekt fra API) ---
const parseJson = (val: any, fallback: any) => {
if (!val) return fallback;
if (typeof val === 'object') return val;
try { return JSON.parse(val); } catch (e) { return fallback; }
};
const statuses = parseJson(f.course_statuses, []);
const amenities = parseJson(f.amenities, {});
const nsgData = parseJson(f.nsg_data, {});
const dist = userLocation && f.lat && f.lng ? getDistance(userLocation.lat, userLocation.lng, f.lat, f.lng) : Infinity;
const hasNSG = f.nsg_data && Object.keys(f.nsg_data).length > 0;
const hasGolfamore = f.golfamore && (f.golfamore_data?.terms || f.golfamore === true);
const hasNSG = nsgData && Object.keys(nsgData).length > 0;
const hasGolfamore = f.golfamore === true;
const blob = `${f.name} ${f.city} ${f.county} ${hasNSG ? 'nsg seniorgolf' : ''} ${hasGolfamore ? 'golfamore' : ''}`.toLowerCase();
const words = searchQuery.toLowerCase().trim().split(/\s+/).filter(w => w.length > 0);
const blob = `${f.name} ${f.city} ${f.county}`.toLowerCase();
const matches = words.every(w => blob.includes(w));
return { ...f, dist, hasNSG, hasGolfamore, matches };
return { ...f, statuses, amenities, dist, hasNSG, hasGolfamore, matches };
})
.filter(f => f.matches)
.sort((a, b) => {
@ -56,39 +80,71 @@ export default function FacilitySearch({ initialFacilities }: { initialFacilitie
</button>
</div>
<input className="w-full p-8 rounded-[2.5rem] shadow-2xl mb-16 text-gray-900 border-none ring-1 ring-black/5 text-2xl outline-none focus:ring-4 focus:ring-[#8bc34a]/20 transition-all bg-white" placeholder='Søk baner, fylke eller "nsg"...' value={searchQuery} onChange={e => setSearchQuery(e.target.value)} />
<input className="w-full p-8 rounded-[2.5rem] shadow-2xl mb-16 text-gray-900 border-none ring-1 ring-black/5 text-2xl outline-none focus:ring-4 focus:ring-[#8bc34a]/20 transition-all bg-white" placeholder='Søk baner...' value={searchQuery} onChange={e => setSearchQuery(e.target.value)} />
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-10">
{processed.map((f: any) => (
<Link href={`/golfbaner/${f.slug}`} key={f.id} className="bg-white rounded-[3rem] overflow-hidden shadow-sm hover:shadow-2xl transition-all duration-500 border border-gray-100 flex flex-col group relative">
<div className="h-64 relative overflow-hidden bg-gray-100">
<img src={f.image_url || "/Toppbilde-standard.jpg"} className="w-full h-full object-cover transition duration-1000 group-hover:scale-105" alt={f.name} />
<div className="absolute top-6 left-6 flex flex-col gap-2">
{(Array.isArray(f.course_statuses) ? f.course_statuses : []).slice(0, 1).map((s: any, idx: number) => {
const raw = (s.status || "").toLowerCase();
let color = "bg-gray-500";
if (raw === 'aapen') color = "bg-[#8bc34a]";
else if (raw.includes('vinter')) color = "bg-emerald-600";
else if (raw.includes('snart')) color = "bg-amber-500";
else if (raw === 'stengt') color = "bg-red-600";
return <div key={idx} className={`${color} text-white px-4 py-2 rounded-xl text-[10px] font-black uppercase shadow-xl`}>{STATUS_MAP[s.status] || s.status}</div>;
})}
{processed.map((f: any) => {
// --- STATUS LOGIKK ---
const sArr = Array.isArray(f.statuses) ? f.statuses : [];
const activeStatus = sArr.find((s:any) => s.status === 'aapen') || sArr[0] || { status: 'ukjent' };
const rawStatus = (activeStatus.status || "ukjent").toLowerCase();
let statusColor = "bg-gray-400";
if (rawStatus === 'aapen') statusColor = "bg-[#8bc34a]";
else if (rawStatus.includes('vinter') || rawStatus === 'stenger_snart') statusColor = "bg-[#ff5722]";
else if (rawStatus === 'aapner_snart') statusColor = "bg-amber-500";
else if (rawStatus === 'stengt') statusColor = "bg-red-600";
else if (rawStatus === 'nedlagt') statusColor = "bg-black";
else if (rawStatus === 'under_utvikling') statusColor = "bg-blue-500";
return (
<Link href={`/golfbaner/${f.slug}`} key={f.id} className="bg-white rounded-[2.5rem] overflow-hidden shadow-sm hover:shadow-2xl transition-all duration-500 border border-gray-100 flex flex-col group relative">
<div className="h-64 relative overflow-hidden bg-gray-100">
<img src={f.image_url || "/Toppbilde-standard.jpg"} className="w-full h-full object-cover transition duration-1000 group-hover:scale-105" alt={f.name} />
{/* Status Badge */}
<div className={`absolute top-5 left-5 ${statusColor} text-white px-4 py-1.5 rounded-xl text-[10px] font-black uppercase shadow-xl z-20`}>
{STATUS_MAP[rawStatus] || rawStatus}
</div>
{/* Avstandspille (Mørk oliven #2d3319) */}
{f.dist !== Infinity && (
<div className="absolute bottom-5 right-5 bg-[#2d3319] text-white px-4 py-2 rounded-2xl text-[10px] font-black shadow-lg z-20">
{Math.round(f.dist)} km unna
</div>
)}
</div>
<div className="absolute top-6 right-6 flex gap-2">
{f.hasNSG && <div className="w-10 h-10 bg-blue-600 text-white rounded-xl flex items-center justify-center font-black text-xs shadow-2xl">NSG</div>}
{f.hasGolfamore && <div className="w-10 h-10 bg-[#ff5722] text-white rounded-xl flex items-center justify-center font-black text-xs shadow-2xl">G</div>}
<div className="p-8 flex flex-col flex-grow">
<h3 className="font-black text-3xl text-[#11280f] mb-1 group-hover:text-[#8bc34a] transition-colors leading-tight">{f.name}</h3>
<p className="text-gray-400 text-[11px] font-bold uppercase tracking-widest mb-8">{f.city} • {f.county}</p>
<div className="mt-auto flex items-center justify-between">
<div className="flex items-center gap-2">
{/* Hull-pille */}
<span className="bg-[#f1f7ed] text-[#8bc34a] px-4 py-2 rounded-xl text-[10px] font-black uppercase tracking-widest">
{f.amenities?.antall_hull || '--'} HULL
</span>
{/* Banetype-pille */}
<span className="bg-gray-50 text-gray-400 px-4 py-2 rounded-xl text-[10px] font-black uppercase tracking-widest border border-gray-100">
{f.banetype || 'SKOGSBANE'}
</span>
</div>
{/* Sirkel-ikoner (NSG / Golfamore) */}
<div className="flex gap-2">
{f.hasNSG && (
<div className="w-9 h-9 bg-blue-600 text-white rounded-full flex items-center justify-center font-black text-sm shadow-lg border-2 border-white translate-y-1">N</div>
)}
{f.hasGolfamore && (
<div className="w-9 h-9 bg-[#ff5722] text-white rounded-full flex items-center justify-center font-black text-sm shadow-lg border-2 border-white translate-y-1">G</div>
)}
</div>
</div>
</div>
</div>
<div className="p-10 flex flex-col flex-grow">
<h3 className="font-black text-3xl text-[#11280f] mb-2 group-hover:text-[#8bc34a] transition-colors leading-tight">{f.name}</h3>
<p className="text-gray-400 text-sm font-bold uppercase tracking-widest">{f.city} • {f.county}</p>
<div className="pt-8 mt-auto border-t border-gray-50 flex items-center gap-3">
<span className="bg-[#f1f7ed] text-[#8bc34a] px-4 py-2 rounded-xl text-[10px] font-black uppercase tracking-widest">{f.amenities?.antall_hull || '--'} Hull</span>
<span className="bg-gray-50 text-gray-400 px-4 py-2 rounded-xl text-[10px] font-black uppercase tracking-widest border border-gray-100">{f.banetype || 'Park/Skog'}</span>
</div>
</div>
</Link>
))}
</Link>
);
})}
</div>
</div>
);

View file

@ -1,59 +1,130 @@
"use client";
/**
* TEE OFF SYSTEM INSTRUCTIONS - HERO SLIDER v2.4
* ---------------------------------------------------------------------------
* REGEL 1: Kun baner med status 'aapen', 'aapner_snart', 'stenger_snart'
* eller 'aapen_med_vintergreener' skal prioriteres.
* REGEL 2: Baner med status 'nedlagt' eller 'under_utvikling' skal ALDRI vises.
* REGEL 3: Baner med generiske bilder (inneholder 'standard') skal ALDRI vises.
* REGEL 4: MANUELL EKSKLUDERING: Slugs i MANUAL_EXCLUSION_LIST skal aldri vises.
* REGEL 5: Slideren skal vise nøyaktig 5 baner.
* REGEL 6: Maks høyde er låst til 624px. Ingen badges.
* REGEL 7: Typografi: Nedjustert fontstørrelse (4xl mobil / 7xl desktop) for eleganse.
* REGEL 8: Utvalget skal være stabilt i én time (Hourly Seed) før det refreshes.
* ---------------------------------------------------------------------------
*/
import { useState, useEffect, useMemo } from 'react';
import Link from 'next/link';
const MANUAL_EXCLUSION_LIST = [
'alsten-golfklubb', 'askim-golfklubb', 'bergen-golfklubb', 'eidskog-golfklubb',
'eiker-golfklubb', 'floro-golfklubb', 'garder-golfklubb', 'hafjell-golfklubb',
'halden-golfklubb', 'haugesund-golfklubb', 'hinnoy-golfklubb', 'hitra-golfklubb',
'hurum-golfklubb', 'imjelt-pitch-putt', 'karmoy-golfklubb', 'kristiansund-og-omegn-golfklubb',
'lommedalen-golfklubb', 'laerdal-golfklubb', 'moa-golfsenter', 'modum-golfklubb',
'nes-golfklubb-09', 'nittedal-golfklubb', 'selbu-golfklubb', 'stryn-golfklubb',
'sunnfjord-golfklubb', 'tysnes-golfklubb', 'vanylven-golfklubb', 'vesteralen-golfklubb',
'vestlia-golf'
];
export default function HeroSlider({ facilities }: { facilities: any[] }) {
const [currentIndex, setCurrentSlide] = useState(0);
const sliderItems = useMemo(() => {
if (!Array.isArray(facilities) || facilities.length === 0) return [];
return facilities.filter(f => {
const preferredStatuses = ['aapen', 'aapner_snart', 'stenger_snart', 'aapen_med_vintergreener'];
const forbiddenStatuses = ['nedlagt', 'under_utvikling'];
const validCandidates = facilities.filter(f => {
if (MANUAL_EXCLUSION_LIST.includes(f.slug)) return false;
const img = f.image_url || "";
// Filter: Unngå standardbilder og krev fungerende bilde-sti
const isRealImage = img && !img.toLowerCase().includes('standard');
if (!img || img.toLowerCase().includes('standard') || img.length < 5) return false;
const statuses = Array.isArray(f.course_statuses) ? f.course_statuses : [];
const isActive = statuses.some((s: any) =>
['aapen', 'aapner_snart', 'stenger_snart', 'aapen_med_vintergreener'].includes(s.status)
const isForbidden = statuses.some((s: any) =>
forbiddenStatuses.includes((s.status || "").toLowerCase())
);
return isRealImage && isActive;
})
.sort(() => 0.5 - Math.random()) // Tilfeldig utvalg ved last
.slice(0, 5);
return !isForbidden;
});
const highPriority = validCandidates.filter(f => {
const statuses = Array.isArray(f.course_statuses) ? f.course_statuses : [];
return statuses.some((s: any) => preferredStatuses.includes((s.status || "").toLowerCase()));
});
const fallbackPool = validCandidates.filter(f => !highPriority.includes(f));
const now = new Date();
const hourlySeed = parseInt(`${now.getFullYear()}${now.getMonth()}${now.getDate()}${now.getHours()}`);
const seededShuffle = (arr: any[]) => {
return [...arr].sort((a, b) => ((a.id * hourlySeed) % 100) - ((b.id * hourlySeed) % 100));
};
let selection = seededShuffle(highPriority);
if (selection.length < 5) {
selection = [...selection, ...seededShuffle(fallbackPool)].slice(0, 5);
} else {
selection = selection.slice(0, 5);
}
return selection;
}, [facilities]);
useEffect(() => {
if (sliderItems.length <= 1) return;
const t = setInterval(() => setCurrentSlide(p => (p + 1) % sliderItems.length), 6000);
return () => clearInterval(t);
}, [sliderItems]);
const interval = setInterval(() => setCurrentSlide((p) => (p + 1) % sliderItems.length), 8000);
return () => clearInterval(interval);
}, [sliderItems.length]);
if (sliderItems.length === 0) return null;
return (
<div className="relative h-[60vh] md:h-[75vh] w-full overflow-hidden bg-[#11280f]">
<section className="relative h-[65vh] max-h-[624px] w-full overflow-hidden bg-[#11280f]">
{sliderItems.map((f, i) => (
<div key={f.id} className={`absolute inset-0 transition-opacity duration-1000 ${i === currentIndex ? 'opacity-100 z-10' : 'opacity-0 z-0'}`}>
<div
key={f.id}
className={`absolute inset-0 transition-opacity duration-1000 ease-in-out ${
i === currentIndex ? 'opacity-100 z-10' : 'opacity-0 z-0'
}`}
>
<Link href={`/golfbaner/${f.slug}`} className="block h-full relative group">
<div className="absolute inset-0 bg-gradient-to-r from-black/70 via-transparent to-black/20 z-10" />
<img src={f.image_url} alt="" className="w-full h-full object-cover transition-transform duration-[10s] group-hover:scale-110" />
<div className="absolute inset-0 bg-gradient-to-t from-[#11280f] via-[#11280f]/40 to-black/10 z-10" />
<img
src={f.image_url}
alt={f.name}
className="w-full h-full object-cover transition-transform duration-[10s] scale-100 group-hover:scale-105"
/>
<div className="absolute inset-0 z-20 flex items-center">
<div className="max-w-[1400px] mx-auto px-6 w-full">
<div className="min-h-[120px] md:min-h-[200px] flex flex-col justify-end">
<h2 className="text-5xl md:text-8xl font-black text-white tracking-tighter drop-shadow-2xl leading-[0.9] max-w-4xl line-clamp-2">
{f.name}
</h2>
<p className="text-white/90 text-lg md:text-2xl mt-4 font-bold uppercase tracking-[0.3em] drop-shadow-md">
{f.county} • {f.city}
</p>
</div>
<div className="max-w-[1400px] mx-auto px-6 w-full">
<div className="max-w-4xl animate-in fade-in slide-in-from-bottom-8 duration-1000">
{/* FONT NEDJUSTERT FRA text-6xl md:text-9xl TIL text-4xl md:text-7xl */}
<h2 className="text-4xl md:text-7xl font-black text-white tracking-tighter drop-shadow-2xl leading-[0.9] mb-4">
{f.name}
</h2>
<p className="text-white/90 text-sm md:text-xl font-bold uppercase tracking-[0.4em] drop-shadow-md">
{f.county} <span className="text-[#8bc34a] mx-2">•</span> {f.city}
</p>
</div>
</div>
</div>
</Link>
</div>
))}
</div>
<div className="absolute bottom-10 left-1/2 -translate-x-1/2 z-30 flex gap-4">
{sliderItems.map((_, i) => (
<button
key={i}
onClick={() => setCurrentSlide(i)}
className={`h-1 transition-all duration-500 rounded-full ${
i === currentIndex ? 'w-16 bg-[#8bc34a]' : 'w-4 bg-white/20'
}`}
/>
))}
</div>
</section>
);
}

View file

@ -1,39 +1,86 @@
"use client";
/**
* TEE OFF DETAIL VIEW - COMPLETE v3.20
* ---------------------------------------------------------------------------
* FIX: Gjenopprettet "Turneringer" i den flytende knapperaden over bildet.
* FIX: Byttet plass på tekst og sidebar (Tekst øverst på mobil).
* FIX: Økt padding (pb-32) i Hero-teksten på mobil for å unngå krasj med knapper.
* FIX: Alle 4 kontaktpunkter i sidebar er klikkbare (tel:0047 fix inkludert).
* REGEL: Beholder monokrome ikoner, 22/78 layout og robust JSON-parsing.
* ---------------------------------------------------------------------------
*/
import { useState, useEffect } from 'react';
import { STATUS_MAP, FALLBACK_IMAGE } from "@/config/constants";
import Link from 'next/link';
import CourseDisplay from './CourseDisplay';
// --- MONOKROME SVG IKONER (#11280f) ---
const formatPhoneForUrl = (phone: string) => {
if (!phone) return "";
return phone.replace('+', '00').replace(/\s/g, '');
};
const renderValue = (val: string) => {
if (!val) return "Nei";
const hasLink = val.includes('<a');
return (
<span
className={hasLink ? "text-orange-600 font-bold" : "text-[#11280f]"}
dangerouslySetInnerHTML={{ __html: val }}
/>
);
};
const Icon = ({ children, className = "w-5 h-5" }: { children: React.ReactNode, className?: string }) => (
<svg className={`${className} flex-shrink-0`} viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round">{children}</svg>
<svg
className={`${className} flex-shrink-0 text-[#11280f]`}
viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round"
style={{ width: '20px', height: '20px' }}
>
{children}
</svg>
);
const ICONS = {
web: <><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71" /><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71" /></>,
web: <><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></>,
phone: <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z" />,
mail: <><path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z" /><polyline points="22,6 12,13 2,6" /></>,
map: <><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" /><circle cx="12" cy="10" r="3" /></>,
booking: <><rect x="3" y="4" width="18" height="18" rx="2" ry="2" /><line x1="16" y1="2" x2="16" y2="6" /><line x1="8" y1="2" x2="8" y2="6" /><line x1="3" y1="10" x2="21" y2="10" /></>,
trophy: <><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6" /><path d="M18 9h1.5a2.5 2.5 0 0 1 0-5H18" /><path d="M4 22h16" /><path d="M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22" /><path d="M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22" /><path d="M18 2H6v7a6 6 0 0 0 12 0V2z" /></>,
guide: <><polygon points="3 6 9 3 15 6 21 3 21 18 15 21 9 18 3 21" /><line x1="9" y1="3" x2="9" y2="18" /><line x1="15" y1="6" x2="15" y2="21" /></>,
camera: <><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z" /><circle cx="12" cy="13" r="4" /></>,
webcam: <><circle cx="12" cy="12" r="8" /><circle cx="12" cy="12" r="3" /><line x1="12" y1="2" x2="12" y2="4" /><line x1="12" y1="20" x2="12" y2="22" /><line x1="20" y1="12" x2="22" y2="12" /><line x1="2" y1="12" x2="4" y2="12" /></>,
weather: <path d="M17.5 19c2.5 0 4.5-2 4.5-4.5 0-2.4-1.8-4.3-4.2-4.5C17.3 6.1 13.5 3 9 3 5.2 3 2 5.8 2 9.5a5.5 5.5 0 0 0 5.5 5.5h10" />,
facebook: <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" />,
instagram: <><rect x="2" y="2" width="20" height="20" rx="5" ry="5" /><path d="M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" /><line x1="17.5" y1="6.5" x2="17.51" y2="6.5" /></>
pin: <><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z" /><circle cx="12" cy="10" r="3" /></>,
booking: <><path d="M3 10h18M7 15h.01M11 15h.01M15 15h.01M7 19h.01M11 19h.01M15 19h.01M17 21H7a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2zM16 3v4M8 3v4"/></>,
trophy: <><path d="M6 9H4.5a2.5 2.5 0 0 1 0-5H6M18 9h1.5a2.5 2.5 0 0 0 0-5H18M4 22h16M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22M18 2H6v7a6 6 0 0 0 12 0V2z"/></>,
guide: <><path d="M4 19.5A2.5 2.5 0 0 1 6.5 17H20M4 4.5A2.5 2.5 0 0 1 6.5 2H20v20H6.5a2.5 2.5 0 0 1-2.5-2.5V4.5z"/></>,
camera: <><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></>,
chart: <><path d="M18 20V10M12 20V4M6 20v-6"/></>,
weather: <><path d="M12 2v2"/><path d="m4.93 4.93 1.41 1.41"/><path d="M20 12h2"/><path d="m19.07 4.93-1.41 1.41"/><path d="M15.947 12.65a4 4 0 0 0-5.925-4.128"/><path d="M13 22H7a5 5 0 1 1 4.9-6H13a3 3 0 0 1 0 6Z"/></>
};
export default function FacilityDetailView({ facility }: { facility: any }) {
const [showBackToTop, setShowBackToTop] = useState(false);
const [currentSlide, setCurrentSlide] = useState(0);
const activeCourses = (facility.courses || []).filter((c: any) => c.holes && c.holes.length > 0);
const amenities = facility.amenities || {};
const gallery = Array.isArray(facility.gallery) && facility.gallery.length > 0 ? facility.gallery : [facility.image_url || FALLBACK_IMAGE];
const shotzoom = Array.isArray(facility.shotzoom) ? facility.shotzoom : [];
const linkClass = "text-orange-600 hover:underline transition-colors font-bold";
const parseJson = (val: any, fallback: any) => {
if (!val) return fallback;
if (typeof val === 'object') return val;
try { return JSON.parse(val); } catch (e) { return fallback; }
};
const rawCourses = parseJson(facility.courses, []);
const activeCourses = Array.isArray(rawCourses) ? rawCourses.filter((c: any) => c.holes && (typeof c.holes === 'string' || c.holes.length > 0)) : [];
const amenities = parseJson(facility.amenities, {});
const galleryRaw = parseJson(facility.gallery, []);
const gallery = galleryRaw.length > 0 ? galleryRaw : [facility.image_url || FALLBACK_IMAGE];
const greenfeeRaw = parseJson(facility.greenfee, []);
const shotzoom = parseJson(facility.shotzoom, []);
const groupedGreenfee: Record<string, any[]> = greenfeeRaw.reduce((acc: any, curr: any) => {
const bane = curr.banenavn || "Gjestespill";
if (!acc[bane]) acc[bane] = [];
acc[bane].push(curr);
return acc;
}, {});
const sidebarLinkClass = "flex items-center gap-4 hover:text-orange-600 transition-colors group";
const resourceBtnClass = "flex justify-between items-center p-5 bg-gray-50 rounded-2xl text-[11px] font-black uppercase hover:bg-orange-600 hover:text-white transition-all group";
useEffect(() => {
if (gallery.length <= 1) return;
@ -53,49 +100,61 @@ export default function FacilityDetailView({ facility }: { facility: any }) {
};
const formatDate = (d: string) => d ? new Date(d).toLocaleDateString('nb-NO', { day: 'numeric', month: 'long', year: 'numeric' }) : null;
const weatherImg = facility.weather_url?.replace("/graf/dag/", "/innhold/").replace(/\/$/, "") + "/meteogram.svg";
return (
<main className="min-h-screen bg-[#f1f7ed] pb-20 relative font-sans text-[#11280f]">
{/* 1. HERO SLIDER */}
<div className="h-[55vh] min-h-[450px] relative overflow-hidden bg-[#11280f]">
{gallery.map((img: string, i: number) => (
<img key={i} src={img} className={`absolute inset-0 w-full h-full object-cover transition-opacity duration-1000 ${i === currentSlide ? 'opacity-100 z-10' : 'opacity-0 z-0'}`} alt="" />
))}
<div className="absolute inset-0 bg-gradient-to-t from-[#11280f]/90 via-transparent to-black/10 z-20" />
<div className="absolute top-8 right-8 z-40 flex flex-col items-end gap-1">
{/* BANESTATUS BADGES */}
<div className="absolute top-8 right-8 z-40 flex flex-col items-end gap-2">
<div className="flex flex-wrap justify-end gap-2">
{activeCourses.map((c: any) => (
<span key={c.id} className="px-3 py-1.5 rounded-lg text-[10px] font-black uppercase bg-[#7ca982] text-white shadow-xl">{STATUS_MAP[c.status] || c.status}</span>
<span key={c.id} className="px-3 py-1.5 rounded-lg text-[10px] font-black uppercase bg-[#7ca982] text-white shadow-xl">
{c.name.toUpperCase()}: {STATUS_MAP[c.status] || c.status}
</span>
))}
</div>
{facility.status_updated_at && <span className="text-white/60 text-[10px] uppercase font-bold tracking-widest mt-1">Sist oppdatert: {formatDate(facility.status_updated_at)}</span>}
{facility.status_updated_at && (
<span className="text-white/60 text-[10px] uppercase font-black tracking-widest bg-black/20 px-2 py-1 rounded">
Sist oppdatert: {formatDate(facility.status_updated_at)}
</span>
)}
</div>
{/* FLYTENDE HURTIGKNAPPER (Inkludert Turneringer) */}
<div className="absolute bottom-8 right-8 z-40 flex gap-2.5 bg-black/30 backdrop-blur-md p-2 rounded-2xl border border-white/10 shadow-2xl">
{facility.website_url && <a href={facility.website_url} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center text-[#11280f] hover:text-orange-600 transition-all"><Icon children={ICONS.web} /></a>}
{facility.golfbox_booking_url && <a href={facility.golfbox_booking_url} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center text-[#11280f] hover:text-orange-600 transition-all"><Icon children={ICONS.booking} /></a>}
{facility.golfbox_tournament_url && <a href={facility.golfbox_tournament_url} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center text-[#11280f] hover:text-orange-600 transition-all"><Icon children={ICONS.trophy} /></a>}
<a href={`https://www.google.com/maps/search/?api=1&query=${facility.lat},${facility.lng}`} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center text-[#11280f] hover:text-orange-600 transition-all"><Icon children={ICONS.map} /></a>
{facility.weather_url && <a href={facility.weather_url} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center text-[#11280f] hover:text-orange-600 transition-all"><Icon children={ICONS.weather} /></a>}
{facility.website_url && <a href={facility.website_url} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center hover:bg-orange-600 hover:text-white transition-all"><Icon children={ICONS.web} /></a>}
{facility.golfbox_booking_url && <a href={facility.golfbox_booking_url} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center hover:bg-orange-600 hover:text-white transition-all"><Icon children={ICONS.booking} /></a>}
{facility.golfbox_tournament_url && <a href={facility.golfbox_tournament_url} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center hover:bg-orange-600 hover:text-white transition-all"><Icon children={ICONS.trophy} /></a>}
<a href={`https://www.google.com/maps/search/?api=1&query=${facility.lat},${facility.lng}`} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center hover:bg-orange-600 hover:text-white transition-all"><Icon children={ICONS.pin} /></a>
{facility.weather_url && <a href={facility.weather_url} target="_blank" className="w-9 h-9 bg-white rounded-xl flex items-center justify-center hover:bg-orange-600 hover:text-white transition-all"><Icon children={ICONS.weather} /></a>}
</div>
<div className="relative z-30 max-w-[1200px] mx-auto px-6 w-full h-full flex flex-col justify-end pb-12 text-center md:text-left">
{facility.logo_url && <div className="hidden md:block mb-8 w-24 h-24 bg-white p-2 rounded-2xl shadow-2xl border-4 border-white/20 overflow-hidden"><img src={facility.logo_url} className="w-full h-full object-contain" alt="" /></div>}
{/* HERO TEXT - pb-32 på mobil hindrer overlap med knapper */}
<div className="relative z-30 max-w-[1200px] mx-auto px-6 w-full h-full flex flex-col justify-end pb-32 md:pb-12">
{facility.logo_url && (
<div className="hidden md:block mb-8 w-24 h-24 bg-white p-2 rounded-2xl shadow-2xl border-4 border-white/20 overflow-hidden"><img src={facility.logo_url} className="w-full h-full object-contain" alt="Logo" /></div>
)}
<h1 className="text-5xl md:text-8xl font-black text-white mb-3 tracking-tighter drop-shadow-2xl">{facility.name}</h1>
<p className="text-[#7ca982] uppercase tracking-[0.4em] font-black text-xs md:text-sm pl-1">{facility.county} • {facility.city}</p>
</div>
</div>
{/* 2. STICKY NAV */}
<nav className="sticky top-0 z-50 bg-white/95 backdrop-blur-md border-b border-gray-100 shadow-sm overflow-hidden">
<div className="max-w-[1200px] mx-auto px-6 flex justify-between md:justify-start gap-4 md:gap-10 h-16 items-center text-[10px] font-black uppercase tracking-widest text-gray-400">
<button onClick={() => scrollTo('intro')}>Info</button>
<button onClick={() => scrollTo('weather')}>Vær</button>
<button onClick={() => scrollTo('details')}>Detaljer</button>
<button onClick={() => scrollTo('map')}>Kart</button>
<button onClick={() => scrollTo('video')}>Video</button>
{facility.video_url && <button onClick={() => scrollTo('video')}>Video</button>}
<button onClick={() => scrollTo('prices')}>Priser</button>
<button onClick={() => scrollTo('scorecards')}>Scorekort</button>
</div>
@ -103,26 +162,97 @@ export default function FacilityDetailView({ facility }: { facility: any }) {
<div className="max-w-[1200px] mx-auto px-0 md:px-6 space-y-4 md:space-y-12 mt-0 md:mt-12">
{/* 3. INTRO & SIDEBAR (PRESENTASJON FØRST FOR MOBIL) */}
<section id="intro" className="flex flex-col lg:flex-row gap-0 md:gap-8 items-stretch">
<div className="lg:w-[22%] bg-white p-10 md:rounded-[3rem] shadow-sm flex flex-col border-b md:border-none">
<h3 className="text-[10px] font-black text-gray-300 uppercase tracking-widest mb-8">Kontakt & Adresse</h3>
<div className="space-y-6 text-sm font-bold">
<a href={facility.website_url} target="_blank" className={`flex items-center gap-4 ${linkClass}`}><Icon children={ICONS.web} /> Besøk nettsiden</a>
<a href={`tel:${facility.phone}`} className="flex items-center gap-4"><Icon children={ICONS.phone} /> {facility.phone || 'Ikke oppgitt'}</a>
<a href={`mailto:${facility.email}`} className="flex items-center gap-4 truncate"><Icon children={ICONS.mail} /> {facility.email || 'Ikke oppgitt'}</a>
<a href={`https://www.google.com/maps/search/?api=1&query=${facility.lat},${facility.lng}`} target="_blank" className="flex items-start gap-4 leading-tight hover:text-orange-600 transition-colors pt-2"><Icon children={ICONS.map} className="mt-1" /> <span>{facility.address}<br/>{facility.city}</span></a>
<div className="pt-6 border-t border-gray-50 flex gap-5">
{facility.facebook_url && <a href={facility.facebook_url} target="_blank" className="hover:text-orange-600 transition-all"><Icon children={ICONS.facebook} className="w-6 h-6" /></a>}
{facility.instagram_url && <a href={facility.instagram_url} target="_blank" className="hover:text-orange-600 transition-all"><Icon children={ICONS.instagram} className="w-6 h-6" /></a>}
{/* HOVEDINNHOLD (78%) - Kommer først på mobil pga koderrekkefølge */}
<div className="lg:w-[78%] bg-white p-10 md:p-16 md:rounded-[3rem] shadow-sm border-b md:border-none">
{facility.footnote && <div className="mb-8 pb-8 border-b border-gray-50 italic text-gray-400 text-lg font-serif">{facility.footnote}</div>}
<div className="leading-relaxed text-lg md:text-xl text-gray-600" dangerouslySetInnerHTML={{ __html: facility.description || 'Ingen beskrivelse tilgjengelig.' }} />
</div>
{/* SIDEBAR (22%) - Kommer etter tekst på mobil */}
<div className="lg:w-[22%] bg-white p-10 md:rounded-[3rem] shadow-sm flex flex-col order-last lg:order-none">
<h3 className="text-[10px] font-black text-gray-300 uppercase tracking-widest mb-10">Kontakt & Adresse</h3>
<div className="flex-grow space-y-7 text-sm font-bold">
<a href={facility.website_url} target="_blank" className={sidebarLinkClass}><Icon children={ICONS.web} /> Besøk nettsiden</a>
<a href={`tel:${formatPhoneForUrl(facility.phone)}`} className={sidebarLinkClass}>
<Icon children={ICONS.phone} /> {facility.phone || 'Ikke oppgitt'}
</a>
<a href={`mailto:${facility.email}`} className={sidebarLinkClass}>
<Icon children={ICONS.mail} /> <span className="truncate">{facility.email || 'Ikke oppgitt'}</span>
</a>
<div className="pt-2 border-t border-gray-50 mt-4">
<a href={`https://www.google.com/maps/search/?api=1&query=${facility.lat},${facility.lng}`} target="_blank" className={sidebarLinkClass + " pt-4 leading-tight items-start"}>
<Icon children={ICONS.pin} /> <span className="text-gray-400 group-hover:text-orange-600 transition-colors">{facility.address}<br/>{facility.city}</span>
</a>
</div>
</div>
</div>
<div className="lg:w-[78%] bg-white p-10 md:p-16 md:rounded-[3rem] shadow-sm border-b md:border-none">
{facility.footnote && <div className="mb-8 pb-8 border-b border-gray-50 italic text-gray-400 text-lg leading-relaxed font-serif">{facility.footnote}</div>}
<div className="leading-relaxed text-lg md:text-xl text-gray-600" dangerouslySetInnerHTML={{ __html: facility.description }} />
<div className="mt-auto pt-10 border-t border-gray-50">
<Link href={`/`} className="text-[10px] font-black uppercase tracking-widest text-[#7ca982] hover:text-[#11280f] transition-all flex items-center gap-1">
Se alle baner i {facility.county} →
</Link>
</div>
</div>
</section>
{/* 4. 3-KOLONNE INFO */}
<section id="details" className="grid grid-cols-1 lg:grid-cols-3 gap-4 md:gap-8">
<div className="bg-white p-10 md:rounded-[3rem] shadow-sm">
<h3 className="text-lg font-black mb-8 uppercase tracking-tighter">Andre Ressurser</h3>
<div className="space-y-2.5">
{facility.golfbox_booking_url && (
<a href={facility.golfbox_booking_url} target="_blank" className={resourceBtnClass}>
<span className="flex items-center gap-3"><Icon children={ICONS.booking} className="group-hover:text-white" /> Book Starttid</span><span>→</span>
</a>
)}
{facility.golfbox_tournament_url && (
<a href={facility.golfbox_tournament_url} target="_blank" className={resourceBtnClass}>
<span className="flex items-center gap-3"><Icon children={ICONS.trophy} className="group-hover:text-white" /> Turneringer</span><span>→</span>
</a>
)}
{facility.baneguide_url && (
<a href={facility.baneguide_url} target="_blank" className={resourceBtnClass}>
<span className="flex items-center gap-3"><Icon children={ICONS.guide} className="group-hover:text-white" /> Baneguide</span><span>→</span>
</a>
)}
{facility.flyfoto_url && (
<a href={facility.flyfoto_url} target="_blank" className={resourceBtnClass}>
<span className="flex items-center gap-3"><Icon children={ICONS.camera} className="group-hover:text-white" /> Flyfoto</span><span>→</span>
</a>
)}
{shotzoom.map((sz: any, i: number) => (
<a key={i} href={sz.shotzoom_url} target="_blank" className={resourceBtnClass}>
<span className="flex items-center gap-3"><Icon children={ICONS.chart} className="group-hover:text-white" /> Statistikk: {sz.shotzoom_beskrivelse?.replace(/&nbsp;?/g, ' ').trim().toUpperCase()}</span><span>→</span>
</a>
))}
</div>
</div>
<div className="bg-white p-10 md:rounded-[3rem] shadow-sm text-sm font-bold text-gray-700">
<h3 className="text-lg font-black mb-8 uppercase tracking-tighter text-[#11280f]">Banen</h3>
<div className="space-y-5">
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Hull:</span><span>{amenities.antall_hull || '--'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Lengde:</span><span>{facility.length_meters ? `${facility.length_meters}m` : '--'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Sesong:</span><span>{facility.season || '--'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Byggeår:</span><span>{facility.established_year || '--'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Banetype:</span><span>{facility.banetype || 'Park/Skog'}</span></div>
<div className="flex justify-between"><span className="text-gray-400">Arkitekt:</span><span className="text-right truncate ml-4">{facility.architect || '--'}</span></div>
</div>
</div>
<div className="bg-white p-10 md:rounded-[3rem] shadow-sm text-sm font-bold text-gray-700">
<h3 className="text-lg font-black mb-8 uppercase tracking-tighter text-[#11280f]">Andre Tilbud</h3>
<div className="space-y-5">
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Drivingrange:</span><span>{amenities.drivingrange || 'Nei'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Nærspill:</span><span>{amenities.treningsgreen || 'Ja'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Proshop:</span><span className="text-right ml-4">{renderValue(amenities.proshop)}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Kølleutleie:</span><span>{amenities.kolleutleie || 'Ja'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Simulator:</span><span className="text-right ml-4">{renderValue(amenities.simulator)}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400">Head Pro:</span><span className="text-right ml-4">{renderValue(amenities.pro)}</span></div>
<div className="flex justify-between"><span className="text-gray-400">Kafé:</span><span className="text-right ml-4">{renderValue(amenities.kafe)}</span></div>
</div>
</div>
</section>
{/* 5. VÆR SEKSJON */}
<section id="weather" className="bg-white p-0 md:p-12 md:rounded-[3rem] shadow-sm border-b md:border-none overflow-hidden text-center">
<h3 className="text-[10px] font-black text-gray-300 uppercase tracking-[0.2em] py-8 md:py-0 md:mb-10 flex items-center justify-center gap-3"><Icon children={ICONS.weather} /> Vær for {facility.name}</h3>
<div className="w-full flex justify-center px-4 md:px-0">
@ -130,89 +260,79 @@ export default function FacilityDetailView({ facility }: { facility: any }) {
</div>
</section>
<section id="details" className="flex flex-col lg:flex-row gap-4 md:gap-8">
<div className="lg:w-[22%] bg-white p-10 md:rounded-[3rem] shadow-sm border-b md:border-none">
<h3 className="text-lg font-black mb-8 uppercase tracking-tighter">Andre ressurser</h3>
<div className="space-y-2.5 text-[#11280f]">
{facility.golfbox_booking_url && <a href={facility.golfbox_booking_url} target="_blank" className="flex justify-between items-center p-4 bg-gray-50 rounded-2xl text-[11px] font-black uppercase hover:bg-orange-600 hover:text-white transition-all"><span><Icon children={ICONS.booking} className="inline mr-3" /> Book Starttid</span><span>→</span></a>}
{facility.golfbox_tournament_url && <a href={facility.golfbox_tournament_url} target="_blank" className="flex justify-between items-center p-4 bg-gray-50 rounded-2xl text-[11px] font-black uppercase hover:bg-orange-600 hover:text-white transition-all"><span><Icon children={ICONS.trophy} className="inline mr-3" /> Turneringer</span><span>→</span></a>}
{facility.baneguide_url && <a href={facility.baneguide_url} target="_blank" className="flex justify-between items-center p-4 bg-gray-50 rounded-2xl text-[11px] font-black uppercase hover:bg-orange-600 hover:text-white transition-all"><span><Icon children={ICONS.guide} className="inline mr-3" /> Baneguide</span><span>→</span></a>}
{facility.flyfoto_url && <a href={facility.flyfoto_url} target="_blank" className="flex justify-between items-center p-4 bg-gray-50 rounded-2xl text-[11px] font-black uppercase hover:bg-orange-600 hover:text-white transition-all"><span><Icon children={ICONS.camera} className="inline mr-3" /> Flyfoto</span><span>→</span></a>}
{facility.webcam_url && <a href={facility.webcam_url} target="_blank" className="flex justify-between items-center p-4 bg-gray-50 rounded-2xl text-[11px] font-black uppercase hover:bg-orange-600 hover:text-white transition-all"><span><Icon children={ICONS.webcam} className="inline mr-3" /> Webkamera</span><span>→</span></a>}
{shotzoom.map((sz: any, i: number) => (
<a key={i} href={sz.shotzoom_url} target="_blank" title="Statistikk fra Shotzoom" className="flex justify-between items-center p-4 bg-gray-50 rounded-2xl text-[11px] font-black uppercase text-orange-600 hover:bg-orange-600 hover:text-white transition-all border border-orange-50 shadow-sm"><span>📊 Statistikk: {sz.shotzoom_beskrivelse?.replace('&nbsp;', ' ')}</span><span>→</span></a>
))}
</div>
</div>
<div className="lg:w-[78%] grid grid-cols-1 md:grid-cols-2 gap-4 md:gap-8 text-sm font-bold text-gray-700">
<div className="bg-white p-10 md:rounded-[3rem] shadow-sm border-b md:border-none">
<h3 className="text-lg font-black mb-8 uppercase tracking-tighter text-[#11280f]">Banen</h3>
<div className="space-y-5">
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Hull:</span><span>{amenities.antall_hull || '--'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Lengde:</span><span>{facility.length_meters ? `${facility.length_meters}m` : '--'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Sesong:</span><span>{facility.season || '--'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Byggeår:</span><span>{facility.established_year || '--'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Banetype:</span><span>{facility.banetype || 'Park/Skog'}</span></div>
<div className="flex justify-between pb-1"><span className="text-gray-400 font-medium">Arkitekt:</span><span className="text-right truncate ml-4">{facility.architect || '--'}</span></div>
</div>
</div>
<div className="bg-white p-10 md:rounded-[3rem] shadow-sm border-b md:border-none">
<h3 className="text-lg font-black mb-8 uppercase tracking-tighter text-[#11280f]">Fasiliteter</h3>
<div className="space-y-5">
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Drivingrange:</span><span>{amenities.drivingrange || 'Nei'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Nærspill:</span><span>Ja</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Proshop:</span><span className="text-right ml-4" dangerouslySetInnerHTML={{ __html: amenities.proshop ? String(amenities.proshop).replace('Ja', `<span class="${linkClass}">Ja</span>`) : 'Nei' }} /></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Kølleutleie:</span><span>{amenities.kolleutleie || 'Nei'}</span></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Simulator:</span><span className="text-right ml-4" dangerouslySetInnerHTML={{ __html: amenities.simulator ? String(amenities.simulator).replace('Ja', `<span class="${linkClass}">Ja</span>`) : 'Nei' }} /></div>
<div className="flex justify-between border-b border-gray-50 pb-3"><span className="text-gray-400 font-medium">Head Pro:</span><span className="text-orange-600 text-right ml-4 font-bold" dangerouslySetInnerHTML={{ __html: amenities.pro || '--' }} /></div>
<div className="flex justify-between pb-1"><span className="text-gray-400 font-medium">Kafé:</span><span className="text-orange-600 text-right ml-4 font-bold" dangerouslySetInnerHTML={{ __html: amenities.kafe || '--' }} /></div>
</div>
</div>
</div>
</section>
{/* 6. KART SEKSJON */}
<section id="map" className="space-y-6">
<h2 className="text-3xl md:text-4xl font-black uppercase tracking-tighter flex items-center gap-5 ml-6 md:ml-0">Kart <span className="h-1 flex-grow bg-gray-100 rounded-full" /></h2>
<div className="w-full md:rounded-[3rem] overflow-hidden shadow-xl h-[450px] md:h-[650px] border-y-4 md:border-[12px] border-white bg-gray-100"><iframe width="100%" height="100%" style={{ border: 0 }} src={`https://maps.google.com/maps?q=${facility.lat},${facility.lng}&t=k&z=15&ie=UTF8&iwloc=&output=embed`} allowFullScreen /></div>
<div className="w-full md:rounded-[3rem] overflow-hidden shadow-xl h-[450px] md:h-[650px] border-y-4 md:border-[12px] border-white bg-gray-100">
<iframe width="100%" height="100%" style={{ border: 0 }} src={`https://maps.google.com/maps?q=${facility.lat},${facility.lng}&t=k&z=15&ie=UTF8&iwloc=&output=embed`} allowFullScreen />
</div>
</section>
{/* 7. VIDEO SEKSJON */}
{facility.video_url && (
<section id="video" className="space-y-6">
<h2 className="text-3xl md:text-4xl font-black uppercase tracking-tighter flex items-center gap-5 ml-6 md:ml-0">Video <span className="h-1 flex-grow bg-gray-100 rounded-full" /></h2>
<div className="w-full md:rounded-[3rem] overflow-hidden shadow-2xl aspect-video bg-black border-y-4 md:border-[12px] border-white"><iframe src={facility.video_url} className="w-full h-full" allowFullScreen /></div>
<div className="w-full md:rounded-[3rem] overflow-hidden shadow-2xl aspect-video bg-black border-y-4 md:border-[12px] border-white">
<iframe src={facility.video_url} className="w-full h-full" allowFullScreen />
</div>
</section>
)}
{/* 8. PRISER & GJESTESPILL */}
<section id="prices" className="grid grid-cols-1 lg:grid-cols-2 gap-0 md:gap-8">
<div className="bg-white p-10 md:p-14 md:rounded-[3rem] shadow-sm border-b md:border-none">
<h3 className="text-2xl font-black mb-10 uppercase tracking-tighter flex items-center gap-4"><span>⛳</span> Gjestespill</h3>
<div className="space-y-2">
{Array.isArray(facility.greenfee) && facility.greenfee.length > 0 ? (
facility.greenfee.map((g: any, i: number) => (
<div key={i} className="flex justify-between py-4 border-b border-gray-50 font-bold text-lg"><span className="text-gray-400 font-medium">{g.priskategori}</span><span className="text-[#11280f]">kr {g.pris_voksne || '--'},-</span></div>
<div className="bg-white p-10 md:p-14 md:rounded-[3rem] shadow-sm">
<h3 className="text-2xl font-black mb-10 uppercase tracking-tighter">Gjestespill</h3>
<div className="space-y-10">
{Object.keys(groupedGreenfee).length > 0 ? (
Object.entries(groupedGreenfee).map(([bane, priser], idx) => (
<div key={idx} className="space-y-4">
{!(bane === "Gjestespill" && Object.keys(groupedGreenfee).length === 1) && (
<h4 className="text-lg font-black uppercase tracking-tighter text-[#11280f] border-b-2 border-gray-50 pb-2">{bane}</h4>
)}
<div className="space-y-2">
<p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Voksne</p>
{priser.map((g, i) => (
<div key={i} className="flex justify-between py-2 border-b border-gray-50/50 text-sm font-bold">
<span className="text-gray-500">{g.priskategori}</span>
<span>kr {g.pris_voksne || '--'},-</span>
</div>
))}
</div>
{priser.some(g => g.pris_junior) && (
<div className="space-y-2 pt-4">
<p className="text-[10px] font-black text-gray-400 uppercase tracking-widest">Junior</p>
{priser.map((g, i) => (
<div key={i} className="flex justify-between py-2 border-b border-gray-50/50 text-sm font-bold">
<span className="text-gray-500">{g.priskategori}</span>
<span>kr {g.pris_junior || '--'},-</span>
</div>
))}
</div>
)}
</div>
))
) : <p className="text-gray-400 italic py-6">Ingen priser funnet.</p>}
</div>
<p className="mt-10 text-[10px] text-gray-300 font-black uppercase tracking-widest">Krav: {facility.guest_requirements || 'Klubbhandicap'}</p>
<p className="mt-10 text-[10px] text-gray-300 font-black uppercase tracking-widest italic">Krav: {facility.guest_requirements || 'Klubbhandicap'}</p>
</div>
<div className="bg-white p-10 md:p-14 md:rounded-[3rem] shadow-sm border-b md:border-none flex flex-col justify-between">
<div className="bg-white p-10 md:p-14 md:rounded-[3rem] shadow-sm flex flex-col justify-between">
<div>
<h3 className="text-2xl font-black mb-10 uppercase tracking-tighter flex items-center gap-4"><span>💛</span> Medlemskap</h3>
<h3 className="text-2xl font-black mb-10 uppercase tracking-tighter">Medlemskap</h3>
<div className="bg-[#f1f7ed] p-12 md:rounded-[2.5rem] mb-8 text-center border border-[#7ca982]/10">
<p className="text-[#7ca982] text-[11px] font-black uppercase mb-3 tracking-widest">{facility.navn_standard_medlemskap || "Standard"}</p>
<p className="text-6xl md:text-7xl font-black text-[#11280f] tracking-tighter">kr {facility.standard_medlemskap || '--'},-</p>
{facility.standard_medlemskap_kommentarer && <p className="text-[11px] text-gray-400 mt-5 uppercase font-bold italic tracking-tight leading-relaxed">{facility.standard_medlemskap_kommentarer}</p>}
<p className="text-6xl font-black text-[#11280f]">kr {facility.standard_medlemskap || '--'},-</p>
{facility.standard_medlemskap_kommentarer && <p className="text-[10px] text-gray-400 mt-4 uppercase font-bold italic leading-tight">{facility.standard_medlemskap_kommentarer}</p>}
</div>
{facility.navn_rimeligste_alternativ && (
<div className="px-8 py-5 bg-gray-50 rounded-2xl border border-gray-100 flex justify-between items-center text-sm font-bold shadow-sm"><span className="text-gray-400 uppercase text-[10px] tracking-widest">{facility.navn_rimeligste_alternativ}</span><span className="text-[#11280f]">kr {facility.rimeligste_alternativ},-</span></div>
<div className="px-8 py-5 bg-gray-50 rounded-2xl border border-gray-100 flex justify-between items-center text-sm font-bold"><span className="text-gray-400 uppercase text-[10px] tracking-widest">{facility.navn_rimeligste_alternativ}</span><span className="text-[#11280f]">kr {facility.rimeligste_alternativ},-</span></div>
)}
</div>
<a href={facility.medlemskap_url} target="_blank" className="mt-10 block w-full text-center bg-[#11280f] text-white p-7 rounded-2xl font-black uppercase text-xs tracking-widest hover:bg-black transition-all shadow-xl">Se alle alternativer</a>
<a href={facility.medlemskap_url} target="_blank" className="mt-10 block w-full text-center bg-[#11280f] text-white p-7 rounded-2xl font-black uppercase text-xs tracking-widest shadow-xl hover:bg-black transition-all">Se alle alternativer</a>
</div>
</section>
{/* 9. SCOREKORT SEKSJON */}
<section id="scorecards" className="pt-10 space-y-20 overflow-hidden">
<h3 className="text-center text-3xl md:text-5xl font-black uppercase tracking-tighter">Scorekort</h3>
<div className="w-full flex flex-col items-center gap-20">
@ -225,7 +345,9 @@ export default function FacilityDetailView({ facility }: { facility: any }) {
</section>
</div>
{showBackToTop && ( <button onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })} className="fixed bottom-8 right-8 w-14 h-14 bg-[#11280f] text-white rounded-full shadow-2xl flex items-center justify-center text-2xl z-[100] hover:scale-110 transition-all border-4 border-white/20">↑</button> )}
{showBackToTop && (
<button onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })} className="fixed bottom-8 right-8 w-14 h-14 bg-[#11280f] text-white rounded-full shadow-2xl flex items-center justify-center text-2xl z-[100] border-4 border-white/20 hover:scale-110 transition-all">↑</button>
)}
</main>
);
}

View file

@ -126,7 +126,8 @@ CREATE TABLE public.courses (
status character varying(255),
is_main_course boolean DEFAULT true,
created_at timestamp without time zone DEFAULT CURRENT_TIMESTAMP,
tee_boxes jsonb
tee_boxes jsonb,
scrape_keyword text
);
@ -219,7 +220,10 @@ CREATE TABLE public.facilities (
rimeligste_alternativ integer,
rimeligste_alternativ_kommentarer text,
medlemskap_url text,
banetype text
banetype text,
scrape_status_url text,
scrape_status_selector text,
scrape_method character varying(50) DEFAULT 'css_selector'::character varying
);

View file

@ -1,516 +0,0 @@
--
-- PostgreSQL database dump
--
-- Dumped from database version 15.8 (Debian 15.8-1.pgdg110+1)
-- Dumped by pg_dump version 15.8 (Debian 15.8-1.pgdg110+1)
SET statement_timeout = 0;
SET lock_timeout = 0;
SET idle_in_transaction_session_timeout = 0;
SET client_encoding = 'UTF8';
SET standard_conforming_strings = on;
SELECT pg_catalog.set_config('search_path', '', false);
SET check_function_bodies = false;
SET xmloption = content;
SET client_min_messages = warning;
SET row_security = off;
--
-- Name: tiger; Type: SCHEMA; Schema: -; Owner: teeoff_admin
--
CREATE SCHEMA tiger;
ALTER SCHEMA tiger OWNER TO teeoff_admin;
--
-- Name: tiger_data; Type: SCHEMA; Schema: -; Owner: teeoff_admin
--
CREATE SCHEMA tiger_data;
ALTER SCHEMA tiger_data OWNER TO teeoff_admin;
--
-- Name: topology; Type: SCHEMA; Schema: -; Owner: teeoff_admin
--
CREATE SCHEMA topology;
ALTER SCHEMA topology OWNER TO teeoff_admin;
--
-- Name: SCHEMA topology; Type: COMMENT; Schema: -; Owner: teeoff_admin
--
COMMENT ON SCHEMA topology IS 'PostGIS Topology schema';
--
-- Name: fuzzystrmatch; Type: EXTENSION; Schema: -; Owner: -
--
CREATE EXTENSION IF NOT EXISTS fuzzystrmatch WITH SCHEMA public;
--
-- Name: EXTENSION fuzzystrmatch; Type: COMMENT; Schema: -; Owner:
--
COMMENT ON EXTENSION fuzzystrmatch IS 'determine similarities and distance between strings';
--
-- Name: postgis; Type: EXTENSION; Schema: -; Owner: -
--
CREATE EXTENSION IF NOT EXISTS postgis WITH SCHEMA public;
--
-- Name: EXTENSION postgis; Type: COMMENT; Schema: -; Owner:
--
COMMENT ON EXTENSION postgis IS 'PostGIS geometry and geography spatial types and functions';
--
-- Name: postgis_tiger_geocoder; Type: EXTENSION; Schema: -; Owner: -
--
CREATE EXTENSION IF NOT EXISTS postgis_tiger_geocoder WITH SCHEMA tiger;
--
-- Name: EXTENSION postgis_tiger_geocoder; Type: COMMENT; Schema: -; Owner:
--
COMMENT ON EXTENSION postgis_tiger_geocoder IS 'PostGIS tiger geocoder and reverse geocoder';
--
-- Name: postgis_topology; Type: EXTENSION; Schema: -; Owner: -
--
CREATE EXTENSION IF NOT EXISTS postgis_topology WITH SCHEMA topology;
--
-- Name: EXTENSION postgis_topology; Type: COMMENT; Schema: -; Owner:
--
COMMENT ON EXTENSION postgis_topology IS 'PostGIS topology spatial types and functions';
SET default_tablespace = '';
SET default_table_access_method = heap;
--
-- Name: courses; Type: TABLE; Schema: public; Owner: teeoff_admin
--
CREATE TABLE public.courses (
id integer NOT NULL,
facility_id integer,
name character varying(255) NOT NULL,
holes integer,
par integer,
length_meters integer,
course_type character varying(255),
architect character varying(255),
status character varying(255),
is_main_course boolean DEFAULT true,
created_at timestamp without time zone DEFAULT CURRENT_TIMESTAMP,
tee_boxes jsonb
);
ALTER TABLE public.courses OWNER TO teeoff_admin;
--
-- Name: courses_id_seq; Type: SEQUENCE; Schema: public; Owner: teeoff_admin
--
CREATE SEQUENCE public.courses_id_seq
AS integer
START WITH 1
INCREMENT BY 1
NO MINVALUE
NO MAXVALUE
CACHE 1;
ALTER TABLE public.courses_id_seq OWNER TO teeoff_admin;
--
-- Name: courses_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: teeoff_admin
--
ALTER SEQUENCE public.courses_id_seq OWNED BY public.courses.id;
--
-- Name: facilities; Type: TABLE; Schema: public; Owner: teeoff_admin
--
CREATE TABLE public.facilities (
id integer NOT NULL,
name character varying(255) NOT NULL,
slug character varying(255) NOT NULL,
description text,
established_year integer,
season character varying(255),
address character varying(255),
zipcode character varying(50),
city character varying(255),
county character varying(255),
lat double precision,
lng double precision,
email character varying(255),
phone character varying(255),
website_url character varying(255),
golfbox_booking_url character varying(255),
golfbox_tournament_url character varying(255),
facebook_url character varying(255),
instagram_url character varying(255),
weather_url character varying(255),
webcam_url character varying(255),
golfamore boolean DEFAULT false,
created_at timestamp without time zone DEFAULT CURRENT_TIMESTAMP,
image_url character varying(500),
amenities jsonb,
greenfee jsonb,
architect text,
membership jsonb,
vtg jsonb,
video_url text,
baneguide_url text,
logo_url text,
flyfoto_url text,
guest_requirements text,
status_updated_at text,
gallery jsonb
);
ALTER TABLE public.facilities OWNER TO teeoff_admin;
--
-- Name: facilities_id_seq; Type: SEQUENCE; Schema: public; Owner: teeoff_admin
--
CREATE SEQUENCE public.facilities_id_seq
AS integer
START WITH 1
INCREMENT BY 1
NO MINVALUE
NO MAXVALUE
CACHE 1;
ALTER TABLE public.facilities_id_seq OWNER TO teeoff_admin;
--
-- Name: facilities_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: teeoff_admin
--
ALTER SEQUENCE public.facilities_id_seq OWNED BY public.facilities.id;
--
-- Name: facility_images; Type: TABLE; Schema: public; Owner: teeoff_admin
--
CREATE TABLE public.facility_images (
id integer NOT NULL,
facility_id integer,
image_url character varying(255) NOT NULL,
display_order integer DEFAULT 0,
sort_order integer DEFAULT 0
);
ALTER TABLE public.facility_images OWNER TO teeoff_admin;
--
-- Name: facility_images_id_seq; Type: SEQUENCE; Schema: public; Owner: teeoff_admin
--
CREATE SEQUENCE public.facility_images_id_seq
AS integer
START WITH 1
INCREMENT BY 1
NO MINVALUE
NO MAXVALUE
CACHE 1;
ALTER TABLE public.facility_images_id_seq OWNER TO teeoff_admin;
--
-- Name: facility_images_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: teeoff_admin
--
ALTER SEQUENCE public.facility_images_id_seq OWNED BY public.facility_images.id;
--
-- Name: hole_lengths; Type: TABLE; Schema: public; Owner: teeoff_admin
--
CREATE TABLE public.hole_lengths (
id integer NOT NULL,
hole_id integer,
tee_id integer,
length_meters integer
);
ALTER TABLE public.hole_lengths OWNER TO teeoff_admin;
--
-- Name: hole_lengths_id_seq; Type: SEQUENCE; Schema: public; Owner: teeoff_admin
--
CREATE SEQUENCE public.hole_lengths_id_seq
AS integer
START WITH 1
INCREMENT BY 1
NO MINVALUE
NO MAXVALUE
CACHE 1;
ALTER TABLE public.hole_lengths_id_seq OWNER TO teeoff_admin;
--
-- Name: hole_lengths_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: teeoff_admin
--
ALTER SEQUENCE public.hole_lengths_id_seq OWNED BY public.hole_lengths.id;
--
-- Name: holes; Type: TABLE; Schema: public; Owner: teeoff_admin
--
CREATE TABLE public.holes (
id integer NOT NULL,
course_id integer,
hole_number integer NOT NULL,
par integer,
hcp_index integer,
lengths jsonb
);
ALTER TABLE public.holes OWNER TO teeoff_admin;
--
-- Name: holes_id_seq; Type: SEQUENCE; Schema: public; Owner: teeoff_admin
--
CREATE SEQUENCE public.holes_id_seq
AS integer
START WITH 1
INCREMENT BY 1
NO MINVALUE
NO MAXVALUE
CACHE 1;
ALTER TABLE public.holes_id_seq OWNER TO teeoff_admin;
--
-- Name: holes_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: teeoff_admin
--
ALTER SEQUENCE public.holes_id_seq OWNED BY public.holes.id;
--
-- Name: tees; Type: TABLE; Schema: public; Owner: teeoff_admin
--
CREATE TABLE public.tees (
id integer NOT NULL,
course_id integer,
name character varying(50) NOT NULL,
cr_men numeric(4,1),
slope_men integer,
cr_women numeric(4,1),
slope_women integer
);
ALTER TABLE public.tees OWNER TO teeoff_admin;
--
-- Name: tees_id_seq; Type: SEQUENCE; Schema: public; Owner: teeoff_admin
--
CREATE SEQUENCE public.tees_id_seq
AS integer
START WITH 1
INCREMENT BY 1
NO MINVALUE
NO MAXVALUE
CACHE 1;
ALTER TABLE public.tees_id_seq OWNER TO teeoff_admin;
--
-- Name: tees_id_seq; Type: SEQUENCE OWNED BY; Schema: public; Owner: teeoff_admin
--
ALTER SEQUENCE public.tees_id_seq OWNED BY public.tees.id;
--
-- Name: courses id; Type: DEFAULT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.courses ALTER COLUMN id SET DEFAULT nextval('public.courses_id_seq'::regclass);
--
-- Name: facilities id; Type: DEFAULT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.facilities ALTER COLUMN id SET DEFAULT nextval('public.facilities_id_seq'::regclass);
--
-- Name: facility_images id; Type: DEFAULT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.facility_images ALTER COLUMN id SET DEFAULT nextval('public.facility_images_id_seq'::regclass);
--
-- Name: hole_lengths id; Type: DEFAULT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.hole_lengths ALTER COLUMN id SET DEFAULT nextval('public.hole_lengths_id_seq'::regclass);
--
-- Name: holes id; Type: DEFAULT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.holes ALTER COLUMN id SET DEFAULT nextval('public.holes_id_seq'::regclass);
--
-- Name: tees id; Type: DEFAULT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.tees ALTER COLUMN id SET DEFAULT nextval('public.tees_id_seq'::regclass);
--
-- Name: courses courses_pkey; Type: CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.courses
ADD CONSTRAINT courses_pkey PRIMARY KEY (id);
--
-- Name: facilities facilities_pkey; Type: CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.facilities
ADD CONSTRAINT facilities_pkey PRIMARY KEY (id);
--
-- Name: facilities facilities_slug_key; Type: CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.facilities
ADD CONSTRAINT facilities_slug_key UNIQUE (slug);
--
-- Name: facility_images facility_images_pkey; Type: CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.facility_images
ADD CONSTRAINT facility_images_pkey PRIMARY KEY (id);
--
-- Name: hole_lengths hole_lengths_pkey; Type: CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.hole_lengths
ADD CONSTRAINT hole_lengths_pkey PRIMARY KEY (id);
--
-- Name: holes holes_pkey; Type: CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.holes
ADD CONSTRAINT holes_pkey PRIMARY KEY (id);
--
-- Name: tees tees_pkey; Type: CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.tees
ADD CONSTRAINT tees_pkey PRIMARY KEY (id);
--
-- Name: courses courses_facility_id_fkey; Type: FK CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.courses
ADD CONSTRAINT courses_facility_id_fkey FOREIGN KEY (facility_id) REFERENCES public.facilities(id) ON DELETE CASCADE;
--
-- Name: hole_lengths hole_lengths_hole_id_fkey; Type: FK CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.hole_lengths
ADD CONSTRAINT hole_lengths_hole_id_fkey FOREIGN KEY (hole_id) REFERENCES public.holes(id) ON DELETE CASCADE;
--
-- Name: hole_lengths hole_lengths_tee_id_fkey; Type: FK CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.hole_lengths
ADD CONSTRAINT hole_lengths_tee_id_fkey FOREIGN KEY (tee_id) REFERENCES public.tees(id) ON DELETE CASCADE;
--
-- Name: holes holes_course_id_fkey; Type: FK CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.holes
ADD CONSTRAINT holes_course_id_fkey FOREIGN KEY (course_id) REFERENCES public.courses(id) ON DELETE CASCADE;
--
-- Name: tees tees_course_id_fkey; Type: FK CONSTRAINT; Schema: public; Owner: teeoff_admin
--
ALTER TABLE ONLY public.tees
ADD CONSTRAINT tees_course_id_fkey FOREIGN KEY (course_id) REFERENCES public.courses(id) ON DELETE CASCADE;
--
-- PostgreSQL database dump complete
--