technology software

documentation technical

download file sharing

entertainment media

adult content

Arabic

The domain 'barbershop-ix9x7cazfn.edgeone.app' uses the application-focused generic top-level domain (.app); it also runs on subdomain 'barbershop-ix9x7cazfn'. The core label 'edgeone' covers 7 characters holding 4 vowels versus 3 consonants. Word splitting yields 2 words: edge, one. Expect 3.5 characters per word on average. No strong language cues emerged from the frequency lists.

html/40/d6/40d64edc-5b2e-4949-8def-c7fcbd24b85b.html.gz

require-trusted-types-for 'script'; report-uri https://csp.withgoogle.com/csp/apps-themes

9caed3c669c8d7f58fab36dccb943c66ec5e5742899f7ee543d9c97ca8e13519

viewport

html/40/d6/40d64edc-5b2e-4949-8def-c7fcbd24b85b_nodriver.html.gz

صالون الحلاقة الاحترافي

Prudence Malinki

MarkMonitor Inc.

edgeone.app

Abuse

Google LLC

GOOGLE


import { initializeApp } from "https://www.gstatic.com/firebasejs/10.12.0/firebase-app.js";
import { getFirestore, doc, getDoc, setDoc, collection, getDocs, addDoc, deleteDoc } from "https://www.gstatic.com/firebasejs/10.12.0/firebase-firestore.js";

const firebaseConfig = {
  apiKey: "AIzaSyCfZbECKJ0fheQgNbY3vHpVbmXx4Wtp-ZM",
  authDomain: "salon-d8e70.firebaseapp.com",
  projectId: "salon-d8e70",
  storageBucket: "salon-d8e70.firebasestorage.app",
  messagingSenderId: "230086897937",
  appId: "1:230086897937:web:69c8f80d8ab3ad44325cb0"
};

const app = initializeApp(firebaseConfig);
const db = getFirestore(app);

// ============ PASSWORDS ============
const PASSWORDS = ["2357", "1113", "1719", "2329"];
const DEFAULT_BARBERS = [
  { name: "محمد", emoji: "✂️", services: [] },
  { name: "أحمد", emoji: "💇", services: [] },
  { name: "علي", emoji: "🪒", services: [] },
  { name: "يوسف", emoji: "💈", services: [] }
];

// ============ STATE ============
let barbers = [];
let bookings = [];
let currentView = "barbers";
let selectedBarber = null;

// ============ FIREBASE STORAGE ============
async function loadData() {
  try {
    const snap = await getDoc(doc(db, "salon", "barbers"));
    barbers = snap.exists() ? snap.data().list : JSON.parse(JSON.stringify(DEFAULT_BARBERS));
  } catch(e) {
    console.error(e);
    barbers = JSON.parse(JSON.stringify(DEFAULT_BARBERS));
  }
  try {
    const snap = await getDocs(collection(db, "bookings"));
    bookings = snap.docs.map(d => ({ _id: d.id, ...d.data() }));
  } catch(e) {
    console.error(e);
    bookings = [];
  }
}

async function saveBarbers() {
  try {
    await setDoc(doc(db, "salon", "barbers"), { list: barbers });
  } catch(e) {
    console.error(e);
    showToast("خطأ في الحفظ", "error");
  }
}

// ============ HELPERS ============
function getWeek(d = new Date()) {
  const date = new Date(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()));
  date.setUTCDate(date.getUTCDate() + 4 - (date.getUTCDay() || 7));
  const yearStart = new Date(Date.UTC(date.getUTCFullYear(), 0, 1));
  return Math.ceil(((date - yearStart) / 86400000 + 1) / 7) + "-" + date.getUTCFullYear();
}

function showToast(msg, type = "info") {
  const t = document.getElementById("toast");
  const icons = { success: "✅", error: "❌", info: "💬" };
  t.textContent = (icons[type] || "") + " " + msg;
  t.classList.add("show");
  setTimeout(() => t.classList.remove("show"), 3000);
}

function openModal(html) {
  document.getElementById("modalContent").innerHTML = html;
  document.getElementById("modalOverlay").classList.add("open");
}
function closeModal() {
  document.getElementById("modalOverlay").classList.remove("open");
}

document.getElementById("modalOverlay").addEventListener("click", (e) => {
  if (e.target === document.getElementById("modalOverlay")) closeModal();
});

// ============ RENDER BARBERS ============
function renderBarbers() {
  currentView = "barbers";
  const app = document.getElementById("app");
  app.innerHTML = `
    <p class="section-title">اختر حلاقك المفضل</p>
    <div class="barbers-grid">
      ${barbers.map((b, i) => `
        <div class="barber-card" onclick="renderServices(${i})">
          <div class="barber-avatar">${b.emoji || "✂️"}</div>
          <div class="barber-name">${b.name}</div>
          <div class="barber-count">${b.services.length} خدمة</div>
        </div>
      `).join("")}
    </div>
  `;
}

// ============ RENDER SERVICES ============
function renderServices(index) {
  currentView = "services";
  selectedBarber = index;
  const b = barbers[index];
  const app = document.getElementById("app");

  let servicesHtml;
  if (b.services.length === 0) {
    servicesHtml = `
      <div class="no-services">
        <div class="no-services-icon">✂️</div>
        <div>لا توجد خدمات بعد</div>
        <div style="font-size:13px;margin-top:8px;color:var(--text-dim)">يمكن للحلاق إضافة خدمات من لوحة التحكم</div>
      </div>`;
  } else {
    servicesHtml = b.services.map((s, i) => `
      <div class="service-card" onclick="openBookingModal(${index},${i})">
        ${s.img
          ? `<img class="service-img" src="${s.img}" alt="${s.title}">`
          : `<div class="service-img-placeholder">✂️</div>`}
        <div class="service-info">
          <div class="service-title">${s.title}</div>
          <div class="service-price">${s.price} <span class="service-price-sub">دينار</span></div>
        </div>
        <button class="book-btn">احجز موعد</button>
      </div>
    `).join("");
  }

  app.innerHTML = `
    <div class="services-header view">
      <button class="back-btn" onclick="renderBarbers()"><span>→</span> رجوع</button>
      <div class="services-title">${b.name}</div>
    </div>
    <div class="services-grid view">${servicesHtml}</div>
  `;
}

// ============ BOOKING MODAL ============
function openBookingModal(barberIndex, serviceIndex) {
  const s = barbers[barberIndex].services[serviceIndex];
  openModal(`
    <div class="modal-title">📅 حجز موعد</div>
    <div style="text-align:center;margin-bottom:18px;padding:12px;background:var(--surface2);border-radius:10px;">
      <div style="font-weight:700;font-size:15px;">${s.title}</div>
      <div style="color:var(--gold);font-size:20px;font-weight:800;margin-top:4px;">${s.price} دينار</div>
    </div>
    <div class="field">
      <label>رقم الهاتف</label>
      <input id="bPhone" type="tel" placeholder="07XXXXXXXX">
    </div>
    <div class="field">
      <label>اليوم</label>
      <input id="bDate" type="date" value="${new Date().toISOString().split("T")[0]}">
    </div>
    <div class="field">
      <label>الوقت</label>
      <input id="bTime" type="time" value="10:00">
    </div>
    <div class="btn-row">
      <button class="btn btn-gold" onclick="confirmBooking(${barberIndex},${serviceIndex})">✓ تأكيد الحجز</button>
      <button class="btn btn-ghost" onclick="closeModal()">إلغاء</button>
    </div>
  `);
}

async function confirmBooking(barberIndex, serviceIndex) {
  const phone = document.getElementById("bPhone").value.trim();
  const date = document.getElementById("bDate").value;
  const time = document.getElementById("bTime").value;
  if (!phone || !date || !time) { showToast("أدخل جميع البيانات", "error"); return; }

  const week = getWeek();

  if (bookings.find(b => b.phone === phone && b.week === week)) {
    showToast("يُسمح بحجز واحد فقط في الأسبوع", "error"); return;
  }
  if (bookings.find(b => b.barber === barberIndex && b.date_day === date && b.time === time)) {
    showToast("هذا الوقت محجوز في نفس اليوم", "error"); return;
  }

  try {
    const newBooking = { phone, barber: barberIndex, service: serviceIndex, date_day: date, time, week, created: new Date().toISOString() };
    const docRef = await addDoc(collection(db, "bookings"), newBooking);
    bookings.push({ _id: docRef.id, ...newBooking });
    closeModal();
    showToast("تم الحجز بنجاح ليوم " + date + " الساعة " + time + " 🎉", "success");
  } catch(e) {
    console.error(e);
    showToast("خطأ في الحجز، حاول مجدداً", "error");
  }
}

// ============ ADMIN MODAL ============
function openAdmin() {
  openModal(`
    <div class="modal-title">🔑 دخول لوحة التحكم</div>
    <div class="field">
      <label>كلمة سر الحلاق</label>
      <input id="adminPass" type="password" placeholder="أدخل كلمة السر" onkeydown="if(event.key==='Enter')checkAdminPass()">
    </div>
    <div class="btn-row">
      <button class="btn btn-gold" onclick="checkAdminPass()">دخول</button>
      <button class="btn btn-ghost" onclick="closeModal()">إلغاء</button>
    </div>
  `);
  setTimeout(() => { const el = document.getElementById("adminPass"); if(el) el.focus(); }, 100);
}

function checkAdminPass() {
  const pass = document.getElementById("adminPass").value;
  const index = PASSWORDS.indexOf(pass);
  if (index === -1) { showToast("كلمة السر غير صحيحة", "error"); return; }
  openAdminPanel(index);
}

function openAdminPanel(index) {
  const b = barbers[index];
  const servicesList = b.services.length > 0
    ? b.services.map((s, i) => `
        <div class="service-item">
          <span>${s.title} — ${s.price} د</span>
          <button class="service-item-del" onclick="deleteService(${index},${i})">🗑</button>
        </div>`).join("")
    : "<div style=\"text-align:center;color:var(--text-dim);font-size:13px;padding:10px\">لا توجد خدمات</div>";

  openModal(`
    <div class="modal-title">⚙️ ${b.name}</div>
    <div style="font-size:12px;color:var(--text-dim);letter-spacing:1px;margin-bottom:10px;">الخدمات الحالية</div>
    <div class="services-list">${servicesList}</div>
    <div class="divider"></div>
    <div style="font-size:12px;color:var(--text-dim);letter-spacing:1px;margin-bottom:12px;">إضافة خدمة جديدة</div>
    <div class="field">
      <label>اسم الخدمة</label>
      <input id="sTitle" placeholder="مثال: حلاقة كلاسيك">
    </div>
    <div class="field">
      <label>السعر (دينار)</label>
      <input id="sPrice" type="number" placeholder="مثال: 5">
    </div>
    <div class="field">
      <label>صورة الخدمة (اختياري)</label>
      <input type="file" id="sImg" accept="image/*">
    </div>
    <div class="btn-row">
      <button class="btn btn-gold" onclick="addService(${index})">+ إضافة</button>
      <button class="btn btn-ghost" onclick="closeModal()">إغلاق</button>
    </div>
    <div class="divider"></div>
    <div class="btn-row">
      <button class="btn" style="background:rgba(76,175,125,0.15);border:1px solid rgba(76,175,125,0.4);color:#4caf7d;flex:1" onclick="openBookingsView(${index})">📋 الحجوزات</button>
      <button class="btn" style="background:rgba(91,141,238,0.15);border:1px solid rgba(91,141,238,0.4);color:#5b8dee;flex:1" onclick="openRenameBarber(${index})">✏️ تغيير الاسم</button>
    </div>
  `);
}

async function addService(index) {
  const title = document.getElementById("sTitle").value.trim();
  const price = document.getElementById("sPrice").value.trim();
  const file = document.getElementById("sImg").files[0];
  if (!title || !price) { showToast("أدخل الاسم والسعر", "error"); return; }

  const addBtn = document.querySelector(".btn-gold");
  if (addBtn) { addBtn.textContent = "⏳ جارٍ الحفظ..."; addBtn.disabled = true; }

  const saveAndRefresh = async (imgData) => {
    barbers[index].services.push({ title, price, img: imgData || "" });
    await saveBarbers();
    showToast("تمت إضافة الخدمة ✓", "success");
    openAdminPanel(index);
    if (currentView === "services" && selectedBarber === index) renderServices(index);
  };

  if (file) {
    const reader = new FileReader();
    reader.onload = (e) => saveAndRefresh(e.target.result);
    reader.onerror = () => showToast("خطأ في الصورة", "error");
    reader.readAsDataURL(file);
  } else {
    await saveAndRefresh("");
  }
}

async function deleteService(barberIndex, serviceIndex) {
  barbers[barberIndex].services.splice(serviceIndex, 1);
  await saveBarbers();
  showToast("تم حذف الخدمة", "info");
  openAdminPanel(barberIndex);
  if (currentView === "services" && selectedBarber === barberIndex) renderServices(barberIndex);
}

// ============ BOOKINGS VIEW ============
function openBookingsView(barberIndex, filterDate = "") {
  const b = barbers[barberIndex];
  const myBookings = bookings.filter(bk => bk.barber === barberIndex);
  const dates = [...new Set(myBookings.map(bk => bk.date_day))].sort();
  const active = filterDate || (dates.length > 0 ? dates[dates.length - 1] : "");
  const shown = (active ? myBookings.filter(bk => bk.date_day === active) : myBookings)
    .slice().sort((a, b) => a.time.localeCompare(b.time));

  const dateTabsHtml = dates.map(d => `
    <button onclick="openBookingsView(${barberIndex},'${d}')"
      style="padding:6px 12px;border-radius:8px;border:1px solid ${d===active?"var(--gold)":"rgba(255,255,255,0.1)"};
      background:${d===active?"var(--gold-dim)":"transparent"};
      color:${d===active?"var(--gold)":"var(--text-dim)"};
      cursor:pointer;font-family:Tajawal,sans-serif;font-size:13px;white-space:nowrap;">
      ${d}
    </button>`).join("");

  const listHtml = shown.length > 0
    ? shown.map(bk => {
        const sName = barbers[bk.barber].services[bk.service] ? barbers[bk.barber].services[bk.service].title : "—";
        return `
          <div style="display:flex;align-items:center;justify-content:space-between;padding:12px 14px;background:var(--surface2);border-radius:10px;margin-bottom:8px;">
            <div>
              <div style="font-weight:700;font-size:14px;">${bk.time} ⏰</div>
              <div style="font-size:12px;color:var(--gold);margin-top:2px;">${sName}</div>
              <div style="font-size:12px;color:var(--text-dim);margin-top:2px;">📱 ${bk.phone}</div>
            </div>
            <button onclick="cancelBooking('${bk._id}',${barberIndex},'${active}')"
              style="background:rgba(224,82,82,0.15);border:1px solid rgba(224,82,82,0.3);color:var(--red);
              padding:6px 10px;border-radius:8px;cursor:pointer;font-size:13px;font-family:Tajawal,sans-serif;">
              إلغاء
            </button>
          </div>`;
      }).join("")
    : "<div style=\"text-align:center;padding:24px;color:var(--text-dim);font-size:13px;\">لا توجد حجوزات في هذا اليوم</div>";

  openModal(`
    <div class="modal-title">📋 حجوزات ${b.name}</div>
    ${dates.length > 0 ? `<div style="display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;overflow-x:auto;padding-bottom:4px;">${dateTabsHtml}</div>` : ""}
    <div style="max-height:300px;overflow-y:auto;">${listHtml}</div>
    <div class="divider"></div>
    <div style="text-align:center;color:var(--text-dim);font-size:12px;margin-bottom:12px;">إجمالي الحجوزات: ${myBookings.length}</div>
    <div class="btn-row">
      <button class="btn btn-ghost" onclick="openAdminPanel(${barberIndex})">← رجوع</button>
    </div>
  `);
}

async function cancelBooking(bookingId, barberIndex, filterDate) {
  try {
    await deleteDoc(doc(db, "bookings", bookingId));
    bookings = bookings.filter(b => b._id !== bookingId);
    showToast("تم إلغاء الحجز", "info");
    openBookingsView(barberIndex, filterDate);
  } catch(e) {
    console.error(e);
    showToast("خطأ في الإلغاء", "error");
  }
}

// ============ RENAME BARBER ============
function openRenameBarber(index) {
  openModal(`
    <div class="modal-title">✏️ تغيير اسم الحلاق</div>
    <div class="field">
      <label>الاسم الحالي</label>
      <input disabled value="${barbers[index].name}" style="opacity:0.5;">
    </div>
    <div class="field">
      <label>الاسم الجديد</label>
      <input id="newName" placeholder="أدخل الاسم الجديد" onkeydown="if(event.key==='Enter')renameBarber(${index})">
    </div>
    <div class="btn-row">
      <button class="btn btn-gold" onclick="renameBarber(${index})">✓ حفظ</button>
      <button class="btn btn-ghost" onclick="openAdminPanel(${index})">رجوع</button>
    </div>
  `);
  setTimeout(() => { const el = document.getElementById("newName"); if(el) el.focus(); }, 100);
}

async function renameBarber(index) {
  const newName = document.getElementById("newName").value.trim();
  if (!newName) { showToast("أدخل الاسم الجديد", "error"); return; }
  barbers[index].name = newName;
  await saveBarbers();
  showToast("تم تغيير الاسم ✓", "success");
  openAdminPanel(index);
  if (currentView === "barbers") renderBarbers();
  if (currentView === "services" && selectedBarber === index) renderServices(index);
}

// ============ EXPOSE TO GLOBAL (for onclick handlers in module) ============
window.renderBarbers = renderBarbers;
window.renderServices = renderServices;
window.openBookingModal = openBookingModal;
window.confirmBooking = confirmBooking;
window.openAdmin = openAdmin;
window.checkAdminPass = checkAdminPass;
window.openAdminPanel = openAdminPanel;
window.addService = addService;
window.deleteService = deleteService;
window.openBookingsView = openBookingsView;
window.cancelBooking = cancelBooking;
window.openRenameBarber = openRenameBarber;
window.renameBarber = renameBarber;
window.closeModal = closeModal;

// ============ INIT ============
async function init() {
  await loadData();
  document.getElementById("loadingView").remove();
  renderBarbers();
}

init();


✅ Low Risk - https://barbershop-ix9x7cazfn.edgeone.app/

Requests	IP Address	Location	AS Autonomous System
6	142.251.141.138	Singapore	AS15169
3	43.152.26.58	Singapore	AS139341ACE
3	142.250.187.227	Singapore	Unknown
3	142.251.127.94	Singapore	Unknown
15	4	-	-

Security Scan Report: barbershop-ix9x7cazfn.edgeone.app

Summary

AI Security Verdict

Safe Website

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History