// Stylized SVG car silhouettes — placeholders for real photography.
const CarArt = {
hatch: ({ accent = '#0B3D2E' }) => (
),
sedan: ({ accent = '#0B3D2E' }) => (
),
suv: ({ accent = '#0B3D2E' }) => (
),
bigsuv: ({ accent = '#0B3D2E' }) => (
),
};
// Default fleet
const DEFAULT_CARS = [
{
id: 'clio', category: 'economy', name: 'Renault Clio', year: '2025',
seats: 5, bags: 2, trans: 'Manual', fuel: 'Petrol', art: 'hatch', swatch: '#1F4D8A',
image: '',
desc: {
en: 'Agile city hatchback — perfect for Marrakech medina runs and coastal day-trips.',
fr: 'Citadine agile — idéale pour la médina de Marrakech et les excursions côtières.',
ar: 'هاتشباك مدني رشيق — مثالي للتنقل في مدينة مراكش والرحلات الساحلية.',
zh: '灵活的城市掀背车 — 穿梭马拉喀什老城和海岸日游的理想之选。',
},
},
{
id: 'logan', category: 'economy', name: 'Dacia Logan', year: '2025',
seats: 5, bags: 3, trans: 'Manual', fuel: 'Diesel', art: 'sedan', swatch: '#A8AEB3',
image: '',
desc: {
en: 'Spacious, economical sedan with impressive boot space. The travellers\' favourite.',
fr: 'Berline spacieuse et économique avec un grand coffre. La préférée des voyageurs.',
ar: 'سيارة سيدان فسيحة واقتصادية مع مساحة صندوق كبيرة. المفضلة للمسافرين.',
zh: '宽敞经济的三厢车,行李箱空间充裕。旅行者的最爱。',
},
},
{
id: 'accent', category: 'economy', name: 'Hyundai Accent', year: '2025',
seats: 5, bags: 3, trans: 'Auto', fuel: 'Petrol', art: 'sedan', swatch: '#D9D9D6',
image: '',
desc: {
en: 'Smooth automatic transmission, modern tech and cold A/C for long Moroccan drives.',
fr: 'Boîte automatique souple, tech moderne et climatisation froide pour les longs trajets.',
ar: 'ناقل حركة أوتوماتيكي سلس، تقنية حديثة وتكييف بارد للرحلات الطويلة.',
zh: '平顺的自动变速箱、现代科技和强劲空调,适合长途驾驶。',
},
},
{
id: 'rover', category: 'luxury', name: 'Range Rover Vogue', year: '2025',
seats: 5, bags: 4, trans: 'Auto', fuel: 'Diesel', art: 'bigsuv', swatch: '#0B3D2E',
image: '',
desc: {
en: 'Our flagship. British luxury meets Atlas mountain capability — arrive in style, anywhere.',
fr: 'Notre produit phare. Luxe britannique et capacité des montagnes de l\'Atlas.',
ar: 'سيارتنا الرائدة. فخامة بريطانية مع قدرة جبال الأطلس — اصل بأناقة أينما كنت.',
zh: '我们的旗舰车型。英式豪华与阿特拉斯山越野能力的完美结合。',
},
},
{
id: 'touareg', category: 'luxury', name: 'Volkswagen Touareg', year: '2025',
seats: 5, bags: 4, trans: 'Auto', fuel: 'Diesel', art: 'bigsuv', swatch: '#1a1a1a',
image: '',
desc: {
en: 'Commanding full-size SUV with German build quality. Ideal for desert expeditions.',
fr: 'SUV pleine grandeur à la finition allemande. Idéal pour les expéditions dans le désert.',
ar: 'سيارة SUV بكامل المقاس بجودة بناء ألمانية. مثالية لرحلات الصحراء.',
zh: '全尺寸SUV,德系品质。沙漠探险的理想之选。',
},
},
{
id: 'tiguan', category: 'luxury', name: 'Volkswagen Tiguan', year: '2025',
seats: 5, bags: 3, trans: 'Auto', fuel: 'Petrol', art: 'suv', swatch: '#3F4A52',
image: '',
desc: {
en: 'Refined mid-size SUV — the sweet spot between comfort, space and city agility.',
fr: 'SUV intermédiaire raffiné — l\'équilibre parfait entre confort, espace et agilité urbaine.',
ar: 'سيارة SUV متوسطة الحجم راقية — التوازن المثالي بين الراحة والمساحة.',
zh: '精致的中型SUV — 舒适、空间与城市灵活性的完美平衡。',
},
},
];
const CARS_STORAGE_KEY = 'alz_cars_v1';
const MEDIA_STORAGE_KEY = 'alz_media_v1';
function loadCars() {
try {
const raw = localStorage.getItem(CARS_STORAGE_KEY);
if (raw !== null) {
const parsed = JSON.parse(raw);
if (Array.isArray(parsed)) return parsed;
}
} catch {}
return DEFAULT_CARS;
}
function saveCars(cars) {
try { localStorage.setItem(CARS_STORAGE_KEY, JSON.stringify(cars)); } catch {}
window.dispatchEvent(new CustomEvent('alz-cars-updated', { detail: cars }));
if (window.ALZ_API) ALZ_API.saveCars(cars);
}
function resetCars() {
try { localStorage.removeItem(CARS_STORAGE_KEY); } catch {}
window.dispatchEvent(new CustomEvent('alz-cars-updated', { detail: DEFAULT_CARS }));
}
function useCars() {
const [cars, setCars] = React.useState(loadCars);
React.useEffect(() => {
const update = () => setCars(loadCars());
window.addEventListener('storage', update);
window.addEventListener('alz-cars-updated', update);
return () => {
window.removeEventListener('storage', update);
window.removeEventListener('alz-cars-updated', update);
};
}, []);
return cars;
}
// Media management
function loadMedia() {
try {
const raw = localStorage.getItem(MEDIA_STORAGE_KEY);
if (raw) return { hero: '', about: '', ...JSON.parse(raw) };
} catch {}
return { hero: '', about: '' };
}
function saveMedia(media) {
try { localStorage.setItem(MEDIA_STORAGE_KEY, JSON.stringify(media)); } catch {}
window.dispatchEvent(new CustomEvent('alz-media-updated', { detail: media }));
if (window.ALZ_API) ALZ_API.saveMedia(media);
}
function useMedia() {
const [media, setMedia] = React.useState(loadMedia);
React.useEffect(() => {
const update = () => setMedia(loadMedia());
window.addEventListener('storage', update);
window.addEventListener('alz-media-updated', update);
return () => {
window.removeEventListener('storage', update);
window.removeEventListener('alz-media-updated', update);
};
}, []);
return media;
}
window.CarArt = CarArt;
window.DEFAULT_CARS = DEFAULT_CARS;
window.loadCars = loadCars;
window.saveCars = saveCars;
window.resetCars = resetCars;
window.useCars = useCars;
window.CARS_STORAGE_KEY = CARS_STORAGE_KEY;
window.MEDIA_STORAGE_KEY = MEDIA_STORAGE_KEY;
window.loadMedia = loadMedia;
window.saveMedia = saveMedia;
window.useMedia = useMedia;