import{g as w,h as _,b as $,s as x,_ as S}from"../server.mjs";import{_ as b}from"./loading-CegsFr7T.js";import{ref as y,watch as C,withCtx as R,createTextVNode as k,toDisplayString as D,unref as t,useSSRContext as A}from"vue";import{ssrRenderStyle as B,ssrRenderComponent as m,ssrInterpolate as i,ssrRenderAttr as p,ssrRenderList as I}from"vue/server-renderer";import{u as j}from"./services-ClXDk-mU.js";import{u as L}from"./seo-DYoMt0L4.js";import"ofetch";import"#internal/nuxt/paths";import"hookable";import"unctx";import"h3";import"unhead";import"@unhead/shared";import"vue-router";import"radix3";import"defu";import"klona";import"cookie-es";import"destr";import"ohash";import"@vue/devtools-api";import"pinia";import"axios";const v={__name:"[slug]",__ssrInlineRender:!0,setup(n){const r=_();y(r.params.slug);const{locale:o}=$(),{setPageSeo:g}=L();let e=j();return C(()=>r.params.slug,async s=>{if(await e.getServiceBySlug(s),!e.service)throw x({statusCode:404,statusMessage:"Service not found"});g({title:o.value==="ar"?e.service?.title||"الخدمات - خليج أوتو":e.service?.title||"Services - Khalej Auto",description:o.value==="ar"?e.service?.description||"اكتشف خدمات خليج أوتو المتنوعة في مجال السيارات بالمملكة العربية السعودية":e.service?.description||"Discover Khalej Auto's diverse car services in Saudi Arabia",path:`/services/${r.params.slug}`})},{immediate:!0}),(s,a,c,z)=>{const f=S,h=b;a(`<!--[--><div style="${B({"min-height":"100vh"})}" data-v-3645eaa2><div class="containe services-page" data-v-3645eaa2></div><div class="main-container" data-v-3645eaa2><div class="row-container" data-v-3645eaa2><div class="container" data-v-3645eaa2><div class="text-page" data-v-3645eaa2><nav class="breadline" aria-label="Breadcrumb" data-v-3645eaa2>`),a(m(f,{to:"/"},{default:R((l,d,K,M)=>{if(d)d(`${i(s.$t("home"))}`);else return[k(D(s.$t("home")),1)]}),_:1},c)),a(`<svg class="arrowDir" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none" aria-hidden="true" data-v-3645eaa2><path d="M9.99998 13.28L5.65331 8.9333C5.13998 8.41997 5.13998 7.57997 5.65331 7.06664L9.99998 2.71997" stroke="#A7B9D0" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round" data-v-3645eaa2></path></svg><span aria-current="page" data-v-3645eaa2>${i(t(e).service?.title)}</span></nav><div data-v-3645eaa2><h1 class="title mobileHead" data-v-3645eaa2>${i(t(e).service?.title)}</h1><svg xmlns="http://www.w3.org/2000/svg" width="150" height="3" viewBox="0 0 50 3" fill="none" data-v-3645eaa2><rect x="11.9048" width="78.0952" height="3.00022" rx="1.50011" fill="#2D9596" data-v-3645eaa2></rect><rect opacity="0.9" width="5.14286" height="3.00022" rx="1.50011" fill="#2D9596" data-v-3645eaa2></rect></svg></div></div><div class="img-container w-100" data-v-3645eaa2>`),t(e).service?.image?a(`<img${p("src",t(e).service.image)}${p("alt",t(e).service?.title)} class="img-fluid w-100 h-100 rounded-3 object-fit-cover" loading="lazy" data-v-3645eaa2>`):a("<!---->"),a(`<div class="layer" data-v-3645eaa2><h2 class="text-white text-capitalize" data-v-3645eaa2>${i(t(e).service?.title)}</h2></div></div><div class="text-container" data-v-3645eaa2><h2 class="mb-3 fs-5" data-v-3645eaa2>${i(s.$t("description"))}</h2><p class="mb-5 service-description" data-v-3645eaa2>${i(t(e).service?.description)}</p><div class="features mb-5" data-v-3645eaa2><h3 class="mb-3 fs-5" data-v-3645eaa2>${i(s.$t("features"))}</h3><div class="items" data-v-3645eaa2><!--[-->`),I(t(e).service?.advantage,(l,d)=>{a(`<div class="item mb-2" data-v-3645eaa2>${i(d+1)} - ${i(l.title)}</div>`)}),a("<!--]--></div></div></div></div></div></div></div>"),t(e).isLoading?a(m(h,null,null,c)):a("<!---->"),a("<!--]-->")}}},u=v.setup;v.setup=(n,r)=>{const o=A();return(o.modules||(o.modules=new Set)).add("pages/services/[slug].vue"),u?u(n,r):void 0};const oe=w(v,[["__scopeId","data-v-3645eaa2"]]);export{oe as default};
