Gecko [ 8jobspot.com ]

Name	Size	Permission
8learningLandingPage-BxAeOnRC....	5.35 KB	-rw-r--r--
AboutUsPage-v3iTUt-Y.js	8.61 KB	-rw-r--r--
AccessibilityStatementPage-Dbz...	7.34 KB	-rw-r--r--
AccountPage-sx-Cy3cO.js	69.81 KB	-rw-r--r--
ApplyJobPage-B4LepRCa.js	8.25 KB	-rw-r--r--
CareerGuidancePage-BtXt-O9W.js	12.62 KB	-rw-r--r--
CareerResourcesPage-BXjxs3AN.j...	6.72 KB	-rw-r--r--
ChartsWidget1-eYxi7HrY.js	6.06 KB	-rw-r--r--
ChatPage-C9e7Tf75.js	26.33 KB	-rw-r--r--
CompanyFollow-C_nOjFaS.js	2.04 KB	-rw-r--r--
CompanyFollowersPage-Bny9CAsO....	3.14 KB	-rw-r--r--
CompanyJobApplicationsPage-DKQ...	16.44 KB	-rw-r--r--
CompanyJobOffersPage-B4Fd195R....	6.66 KB	-rw-r--r--
ContactUsPage-DUketUTZ.js	5.29 KB	-rw-r--r--
Container-zyPQsKCF.js	2.25 KB	-rw-r--r--
CourseApiService-CkzEEhl_.js	3.7 KB	-rw-r--r--
CourseDetailsPage-Bcy4t_KD.js	9.09 KB	-rw-r--r--
CoursesPage-DvuiPxmL.js	10.13 KB	-rw-r--r--
CoverLetterGuidePage-hJEMe05p....	12.42 KB	-rw-r--r--
CvBankPage-bOAXYUnP.js	14.12 KB	-rw-r--r--
CvModel-DrFgAuyu.js	6.33 KB	-rw-r--r--
CvPDFPage-BUObCrrF.js	2.47 KB	-rw-r--r--
DisabilityInclusionPage-4299bX...	11.7 KB	-rw-r--r--
Dropdown1-UGVH9NzS.js	2.27 KB	-rw-r--r--
EmployeeDetailsPage-DFkK2CHl.j...	6.51 KB	-rw-r--r--
EmployerFAQPage-S7lrcptO.js	10.8 KB	-rw-r--r--
EmployersPage-DRhY53a3.js	7.26 KB	-rw-r--r--
InterviewTipsPage-BJ7aYyRF.js	15.71 KB	-rw-r--r--
JobCreatePage-D-Ncpkvi.css	21.52 KB	-rw-r--r--
JobCreatePage-n40SwcyD.js	241.51 KB	-rw-r--r--
JobDetailPage-Ch9Qkdb-.js	28.32 KB	-rw-r--r--
JobOffer-DZXDwm2j.js	2.65 KB	-rw-r--r--
JobSeekerFAQPage-DnLwGKr3.js	10.03 KB	-rw-r--r--
JobsPage-Caz20Wft.js	6.22 KB	-rw-r--r--
ListsWidget2-x9S0Hirq.js	17.34 KB	-rw-r--r--
MyCVPage-B14hiBZD.js	2.2 KB	-rw-r--r--
MyCompanyFollowsPage-DXtQPsVD....	4.3 KB	-rw-r--r--
MyCvViewsPage-gBsRqUHE.js	4.77 KB	-rw-r--r--
MyJobApplicationsPage-CNQ6620B...	6.14 KB	-rw-r--r--
MyJobOffersPage-CrQd3_n2.js	7.23 KB	-rw-r--r--
MyJonApplicationModel-1B2s8ml9...	3.45 KB	-rw-r--r--
MyShortListedJobApplicationsPa...	6.2 KB	-rw-r--r--
PrivacyPolicyPage-BYFqjTRP.js	17.31 KB	-rw-r--r--
ProfileEditPage-DSZQntuQ.js	69.48 KB	-rw-r--r--
ProfilePage-Dyg0d8fl.js	35.71 KB	-rw-r--r--
Row-DPZyTb7u.js	432 B	-rw-r--r--
SalaryGuidePage-TNz3Wo0q.js	12.86 KB	-rw-r--r--
ServiceApiService-M3M9HWad.js	4.65 KB	-rw-r--r--
ServiceDetailsPage-B29kv5us.js	6.71 KB	-rw-r--r--
ServicesPage-BfKuD8DN.js	9.79 KB	-rw-r--r--
SiteMapPage-D5JPTP5u.js	6.27 KB	-rw-r--r--
TablesWidget5-DZK4T4po.js	19.53 KB	-rw-r--r--
TermsAndConditionsPage-C9Z_qPQ...	15.07 KB	-rw-r--r--
UsersPage-D9i6KJrQ.js	125.33 KB	-rw-r--r--
WidgetsPage-aJXvNKtY.js	219.63 KB	-rw-r--r--
WizardsPage-BSIvJ-JL.js	29.3 KB	-rw-r--r--
bootstrap-icons-BOrJxbIo.woff	171.91 KB	-rw-r--r--
bootstrap-icons-BtvjY1KL.woff2	127.34 KB	-rw-r--r--
fa-brands-400-Dur5g48u.ttf	204.47 KB	-rw-r--r--
fa-brands-400-O7nZalfM.woff2	115.3 KB	-rw-r--r--
fa-regular-400-Bf3rG5Nx.ttf	66.38 KB	-rw-r--r--
fa-regular-400-DgEfZSYE.woff2	24.87 KB	-rw-r--r--
fa-solid-900-BV3CbEM2.ttf	413.75 KB	-rw-r--r--
fa-solid-900-DOQJEhcS.woff2	153.51 KB	-rw-r--r--
fa-v4compatibility-B9MWI-E6.tt...	10.58 KB	-rw-r--r--
fa-v4compatibility-BX8XWJtE.wo...	4.69 KB	-rw-r--r--
fonticon-DWAcCzk_.ttf	28.82 KB	-rw-r--r--
fonticon-DwNJt5rD.woff2	13.53 KB	-rw-r--r--
fonticon-HMxJuE9W.svg	237.07 KB	-rw-r--r--
fonticon-VqleVTVL.eot	28.99 KB	-rw-r--r--
fonticon-zHHFr-fU.woff	16 KB	-rw-r--r--
index-BH1zEgzQ.js	2.14 MB	-rw-r--r--
index-BszjlO3o.js	31.34 KB	-rw-r--r--
index-DxnCHZMK.css	1.91 MB	-rw-r--r--
keenicons-duotone-BdYtl4gH.eot	183.27 KB	-rw-r--r--
keenicons-duotone-C4mN2-ZY.svg	674.09 KB	-rw-r--r--
keenicons-duotone-CtM_kZPp.wof...	183.18 KB	-rw-r--r--
keenicons-duotone-DKdN_-MP.ttf	183.11 KB	-rw-r--r--
keenicons-outline-2dtxAfdV.wof...	241.05 KB	-rw-r--r--
keenicons-outline-CkekYDxi.svg	1.01 MB	-rw-r--r--
keenicons-outline-DQbBVMHT.ttf	240.98 KB	-rw-r--r--
keenicons-outline-UBChmC0V.eot	241.14 KB	-rw-r--r--
keenicons-solid-3fU7eTfe.ttf	161.26 KB	-rw-r--r--
keenicons-solid-7nivxdSK.eot	161.42 KB	-rw-r--r--
keenicons-solid-B_g1gF03.woff	161.34 KB	-rw-r--r--
keenicons-solid-Bbtzhe37.svg	679.13 KB	-rw-r--r--
la-brands-400-Cq-R4OEF.woff2	82.79 KB	-rw-r--r--
la-brands-400-D0lxOIwB.woff	96.36 KB	-rw-r--r--
la-brands-400-LN4CMlGg.eot	152.6 KB	-rw-r--r--
la-brands-400-gDglUfU7.ttf	152.41 KB	-rw-r--r--
la-brands-400-wsUI3UJ9.svg	905.6 KB	-rw-r--r--
la-regular-400-BmVb34ql.svg	110.87 KB	-rw-r--r--
la-regular-400-CmnW_RTo.ttf	32.93 KB	-rw-r--r--
la-regular-400-Cx6vm3uW.eot	33.12 KB	-rw-r--r--
la-regular-400-DuFMN_sw.woff2	12.6 KB	-rw-r--r--
la-regular-400-ehe5HgcS.woff	15.13 KB	-rw-r--r--
la-solid-900-BUOWlSBQ.ttf	220.83 KB	-rw-r--r--
la-solid-900-CR_Kd-su.woff	122.48 KB	-rw-r--r--
la-solid-900-DkmX4G2x.eot	221.01 KB	-rw-r--r--
la-solid-900-TjMEgv3Q.woff2	94.48 KB	-rw-r--r--
la-solid-900-dtlPMWb8.svg	901.51 KB	-rw-r--r--
socicon-CSO5PcLV.woff	37.79 KB	-rw-r--r--
socicon-DFwHIzOF.ttf	51.2 KB	-rw-r--r--
socicon-DTk6ugo7.svg	128.22 KB	-rw-r--r--
socicon-DpTpLguA.eot	51.36 KB	-rw-r--r--
useIsomorphicEffect-BzIh6twu.j...	5.57 KB	-rw-r--r--

Code Editor : ServicesPage-BfKuD8DN.js

import{j as e,r as m,z as p}from"./index-BH1zEgzQ.js";import{s as u}from"./ServiceApiService-M3M9HWad.js";const w=({service:a,onBookmarkClick:n,onViewDetails:x,className:b=""})=>{const o=(r,t="UGX")=>new Intl.NumberFormat("en-UG",{style:"currency",currency:t==="UGX"?"USD":t,minimumFractionDigits:0}).format(r).replace("$","UGX "),h=r=>{r.stopPropagation(),n==null||n(a.id)},i=()=>{x==null||x(a.id)};return e.jsxs("div",{className:`card service-card h-100 ${b}`,onClick:i,children:[e.jsxs("div",{className:"position-relative",children:[e.jsx("img",{src:a.cover_image?`http://127.0.0.1:8000/storage/${a.cover_image}`:"/media/misc/service-placeholder.jpg",className:"card-img-top service-image",alt:a.title,style:{height:"200px",objectFit:"cover",cursor:"pointer"}}),e.jsx("button",{className:"btn btn-sm btn-light position-absolute top-0 end-0 m-2 rounded-circle",onClick:h,style:{width:"35px",height:"35px"},children:e.jsx("i",{className:"bi bi-bookmark",style:{fontSize:"14px"}})}),a.promotional_badge&&e.jsx("span",{className:"badge bg-warning position-absolute top-0 start-0 m-2",children:a.promotional_badge}),a.average_rating>0&&e.jsx("div",{className:"position-absolute bottom-0 start-0 m-2",children:e.jsxs("span",{className:"badge bg-dark bg-opacity-75 text-white",children:[e.jsx("i",{className:"bi bi-star-fill text-warning me-1"}),a.average_rating.toFixed(1)," (",a.review_count,")"]})})]}),e.jsxs("div",{className:"card-body d-flex flex-column",children:[a.job_category&&e.jsx("div",{className:"mb-2",children:e.jsx("span",{className:"badge bg-primary bg-opacity-10 text-primary",children:a.job_category.name})}),e.jsx("h5",{className:"card-title mb-2 service-title",style:{fontSize:"16px",fontWeight:"600",lineHeight:"1.4",display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden"},children:a.title}),e.jsx("p",{className:"card-text text-muted small mb-3",style:{display:"-webkit-box",WebkitLineClamp:2,WebkitBoxOrient:"vertical",overflow:"hidden",lineHeight:"1.4"},children:a.description}),a.provider&&e.jsxs("div",{className:"d-flex align-items-center mb-3",children:[e.jsx("div",{className:"symbol symbol-30px me-3",children:e.jsx("img",{src:a.provider.avatar?`http://127.0.0.1:8000/storage/${a.provider.avatar}`:"/media/avatars/blank.png",alt:a.provider.name,className:"rounded-circle",style:{width:"30px",height:"30px",objectFit:"cover"}})}),e.jsxs("div",{children:[e.jsx("div",{className:"fw-bold small",style:{fontSize:"13px"},children:a.provider.name}),a.location&&e.jsxs("div",{className:"text-muted",style:{fontSize:"12px"},children:[e.jsx("i",{className:"bi bi-geo-alt me-1"}),a.location]})]})]}),e.jsxs("div",{className:"mb-3",children:[a.delivery_time&&e.jsxs("div",{className:"d-flex align-items-center mb-1",children:[e.jsx("i",{className:"bi bi-clock me-2 text-muted"}),e.jsxs("span",{className:"small text-muted",children:["Delivery: ",a.delivery_time]})]}),a.experience_years&&e.jsxs("div",{className:"d-flex align-items-center",children:[e.jsx("i",{className:"bi bi-award me-2 text-muted"}),e.jsxs("span",{className:"small text-muted",children:[a.experience_years," experience"]})]})]}),e.jsx("div",{className:"mt-auto",children:e.jsxs("div",{className:"d-flex justify-content-between align-items-center",children:[e.jsxs("div",{children:[e.jsx("div",{className:"h6 mb-0 text-primary fw-bold",children:o(a.price,a.currency||"UGX")}),a.price_description&&e.jsx("small",{className:"text-muted",children:a.price_description})]}),e.jsx("button",{className:"btn btn-primary btn-sm",onClick:r=>{r.stopPropagation(),i()},children:"View Details"})]})}),a.tags&&e.jsx("div",{className:"mt-3",children:a.tags.split(",").slice(0,3).map((r,t)=>e.jsx("span",{className:"badge bg-light text-dark me-1 mb-1",style:{fontSize:"10px"},children:r.trim()},t))})]})]})},C=()=>{const[a,n]=m.useState([]),[x,b]=m.useState([]),[o,h]=m.useState(!0),[i,r]=m.useState({page:1,limit:12,sort_by:"latest"}),[t,N]=m.useState({current_page:1,last_page:1,total:0}),g=async s=>{h(!0);try{const l=s||i,c=await u.getServices(l);c.success&&c.data?(n(c.data.services),N(c.data.pagination)):(p.error(c.error||"Failed to load services"),n([]))}catch{p.error("Failed to load services"),n([])}finally{h(!1)}},v=async()=>{try{const s=await u.getServiceCategories();s.success&&s.data&&b(s.data)}catch(s){console.error("Failed to load categories:",s)}};m.useEffect(()=>{g(),v()},[]);const d=s=>{const l={...i,...s,page:1};r(l),g(l)},y=s=>{d({search:s})},j=s=>{const l={...i,page:s};r(l),g(l)},f=async s=>{try{const l=await u.toggleBookmark(s);l.success?p.success("Bookmark updated successfully"):p.error(l.error||"Failed to update bookmark")}catch{p.error("Failed to update bookmark")}},_=s=>{window.location.href=`/services/${s}`};return e.jsxs("div",{className:"container-fluid py-4",children:[e.jsx("div",{className:"row mb-4",children:e.jsxs("div",{className:"col-12",children:[e.jsx("h1",{className:"h3 mb-0 text-gray-800",children:"Service Marketplace"}),e.jsx("p",{className:"text-muted",children:"Discover professional services from skilled providers"})]})}),e.jsx("div",{className:"row mb-4",children:e.jsx("div",{className:"col-12",children:e.jsx("div",{className:"card",children:e.jsx("div",{className:"card-body",children:e.jsxs("div",{className:"row g-3",children:[e.jsx("div",{className:"col-md-4",children:e.jsxs("div",{className:"form-group",children:[e.jsx("label",{className:"form-label small fw-bold text-dark",children:"Search Services"}),e.jsxs("div",{className:"input-group",children:[e.jsx("span",{className:"input-group-text",children:e.jsx("i",{className:"bi bi-search"})}),e.jsx("input",{type:"text",className:"form-control",placeholder:"Search by title, description, or tags...",value:i.search||"",onChange:s=>y(s.target.value)})]})]})}),e.jsx("div",{className:"col-md-3",children:e.jsxs("div",{className:"form-group",children:[e.jsx("label",{className:"form-label small fw-bold text-dark",children:"Category"}),e.jsxs("select",{className:"form-select",value:i.category_id||"",onChange:s=>d({category_id:s.target.value?parseInt(s.target.value):void 0}),children:[e.jsx("option",{value:"",children:"All Categories"}),x.map(s=>e.jsx("option",{value:s.id,children:s.name},s.id))]})]})}),e.jsx("div",{className:"col-md-2",children:e.jsxs("div",{className:"form-group",children:[e.jsx("label",{className:"form-label small fw-bold text-dark",children:"Sort By"}),e.jsxs("select",{className:"form-select",value:i.sort_by||"latest",onChange:s=>d({sort_by:s.target.value}),children:[e.jsx("option",{value:"latest",children:"Latest"}),e.jsx("option",{value:"popular",children:"Most Popular"}),e.jsx("option",{value:"rating",children:"Highest Rated"}),e.jsx("option",{value:"price_low",children:"Price: Low to High"}),e.jsx("option",{value:"price_high",children:"Price: High to Low"})]})]})}),e.jsx("div",{className:"col-md-3",children:e.jsxs("div",{className:"form-group",children:[e.jsx("label",{className:"form-label small fw-bold text-dark",children:"Price Range (UGX)"}),e.jsxs("div",{className:"d-flex gap-2",children:[e.jsx("input",{type:"number",className:"form-control form-control-sm",placeholder:"Min",value:i.min_price||"",onChange:s=>d({min_price:s.target.value?parseInt(s.target.value):void 0})}),e.jsx("input",{type:"number",className:"form-control form-control-sm",placeholder:"Max",value:i.max_price||"",onChange:s=>d({max_price:s.target.value?parseInt(s.target.value):void 0})})]})]})})]})})})})}),e.jsx("div",{className:"row mb-3",children:e.jsx("div",{className:"col-12",children:e.jsxs("div",{className:"d-flex justify-content-between align-items-center",children:[e.jsx("h6",{className:"mb-0 text-muted",children:o?"Loading...":`${t.total} services found`}),e.jsxs("div",{className:"d-flex gap-2",children:[e.jsxs("button",{className:"btn btn-outline-primary btn-sm",onClick:()=>d({is_featured:!0}),disabled:o,children:[e.jsx("i",{className:"bi bi-star me-1"}),"Featured Only"]}),e.jsxs("button",{className:"btn btn-outline-secondary btn-sm",onClick:()=>{r({page:1,limit:12,sort_by:"latest"}),g({page:1,limit:12,sort_by:"latest"})},disabled:o,children:[e.jsx("i",{className:"bi bi-arrow-clockwise me-1"}),"Reset"]})]})]})})}),o?e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col-12 text-center py-5",children:[e.jsx("div",{className:"spinner-border text-primary",role:"status",children:e.jsx("span",{className:"visually-hidden",children:"Loading..."})}),e.jsx("p",{className:"text-muted mt-3",children:"Loading services..."})]})}):a.length===0?e.jsx("div",{className:"row",children:e.jsxs("div",{className:"col-12 text-center py-5",children:[e.jsx("div",{className:"mb-4",children:e.jsx("i",{className:"bi bi-search display-1 text-muted"})}),e.jsx("h5",{className:"text-muted",children:"No services found"}),e.jsx("p",{className:"text-muted",children:"Try adjusting your search criteria"})]})}):e.jsx("div",{className:"row",children:a.map(s=>e.jsx("div",{className:"col-xl-3 col-lg-4 col-md-6 mb-4",children:e.jsx(w,{service:s,onBookmarkClick:f,onViewDetails:_,className:"h-100"})},s.id))}),t.last_page>1&&e.jsx("div",{className:"row mt-4",children:e.jsx("div",{className:"col-12",children:e.jsx("nav",{"aria-label":"Services pagination",children:e.jsxs("ul",{className:"pagination justify-content-center",children:[e.jsx("li",{className:`page-item ${t.current_page<=1?"disabled":""}`,children:e.jsx("button",{className:"page-link",onClick:()=>j(t.current_page-1),disabled:t.current_page<=1,children:e.jsx("i",{className:"bi bi-chevron-left"})})}),Array.from({length:Math.min(5,t.last_page)},(s,l)=>{const c=l+1;return e.jsx("li",{className:`page-item ${t.current_page===c?"active":""}`,children:e.jsx("button",{className:"page-link",onClick:()=>j(c),children:c})},c)}),e.jsx("li",{className:`page-item ${t.current_page>=t.last_page?"disabled":""}`,children:e.jsx("button",{className:"page-link",onClick:()=>j(t.current_page+1),disabled:t.current_page>=t.last_page,children:e.jsx("i",{className:"bi bi-chevron-right"})})})]})})})})]})};export{C as default};

${this.title}

Code Editor : ServicesPage-BfKuD8DN.js