Explore Our Services
Find the right compliance solution for your business
Search
Categories
Sort
0 Services Found
const POCKETBASE_URL="https://YOUR-POCKETBASE/api/collections/services/records"
let services=[]
let selectedCategory="All"
async function loadServices(){
const res=await fetch(POCKETBASE_URL)
const data=await res.json()
services=data.items
renderServices()
}
function renderServices(){
let filtered=[...services]
const search=document.getElementById("searchInput").value.toLowerCase()
const sort=document.getElementById("sortSelect").value
if(selectedCategory!=="All"){
filtered=filtered.filter(s=>s.category===selectedCategory)
}
if(search){
filtered=filtered.filter(s=>s.name.toLowerCase().includes(search)||s.description.toLowerCase().includes(search))
}
if(sort==="low"){
filtered.sort((a,b)=>a.price_inr-b.price_inr)
}
if(sort==="high"){
filtered.sort((a,b)=>b.price_inr-a.price_inr)
}
if(sort==="newest"){
filtered.sort((a,b)=>new Date(b.created)-new Date(a.created))
}
const grid=document.getElementById("servicesGrid")
grid.innerHTML=""
filtered.forEach(service=>{
grid.innerHTML+=`
${service.name}
${service.description}
₹${service.price_inr}
`
})
document.getElementById("resultCount").innerText=filtered.length
}
function filterCategory(cat){
selectedCategory=cat
renderServices()
}
function openService(id){
window.history.pushState({},"","?id="+id)
showServiceDetail(id)
}
async function showServiceDetail(id){
document.getElementById("servicesPage").classList.add("hidden")
document.getElementById("serviceDetailPage").classList.remove("hidden")
const res=await fetch(`${POCKETBASE_URL}/${id}`)
const service=await res.json()
const discount=service.discount_percentage||0
const price=service.price_inr
const discounted=price-(price*discount/100)
document.getElementById("serviceDetailPage").innerHTML=`
← Back to Services
${service.name}
${service.description}
Required Documents
${service.required_documents || "Not specified"}
Total Price
₹${discounted}
${discount>0 ? `
₹${price}
` : ""}
Order Now
`
}
function goBack(){
window.history.pushState({},"","services.html")
document.getElementById("serviceDetailPage").classList.add("hidden")
document.getElementById("servicesPage").classList.remove("hidden")
}
document.getElementById("searchInput").addEventListener("input",renderServices)
document.getElementById("sortSelect").addEventListener("change",renderServices)
const params=new URLSearchParams(window.location.search)
const id=params.get("id")
loadServices()
if(id){
showServiceDetail(id)
}
