From 9afa37759a429c78c89278a53a8e1b311f793b7e Mon Sep 17 00:00:00 2001
From: "Andrew K. Choi" <a.choi@smartsoltech.kr>
Date: Mon, 24 Nov 2025 13:45:19 +0900
Subject: [PATCH] Fix service images: use {{ service.image.url }} to get
 /media/ prefix from Django

---
 smartsoltech/web/templates/web/service_detail_modern.html | 2 +-
 smartsoltech/web/templates/web/services_modern.html       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/smartsoltech/web/templates/web/service_detail_modern.html b/smartsoltech/web/templates/web/service_detail_modern.html
index cecea4d..8e26846 100644
--- a/smartsoltech/web/templates/web/service_detail_modern.html
+++ b/smartsoltech/web/templates/web/service_detail_modern.html
@@ -11,7 +11,7 @@
             <div class="col-lg-6" data-aos="fade-right">
                 <div class="service-image-wrapper">
                     {% if service.image %}
-                        <img src="/{{ service.image }}" alt="{{ service.name }}" class="img-fluid rounded-4 shadow-lg">
+                        <img src="{{ service.image.url }}" alt="{{ service.name }}" class="img-fluid rounded-4 shadow-lg">
                     {% else %}
                         <img src="{% static 'assets/img/placeholder-service.jpg' %}" alt="{{ service.name }}" class="img-fluid rounded-4 shadow-lg">
                     {% endif %}
diff --git a/smartsoltech/web/templates/web/services_modern.html b/smartsoltech/web/templates/web/services_modern.html
index 3140fb8..2871a8f 100644
--- a/smartsoltech/web/templates/web/services_modern.html
+++ b/smartsoltech/web/templates/web/services_modern.html
@@ -56,7 +56,7 @@
                 <div class="card-modern h-100">
                     <div class="position-relative overflow-hidden" style="height: 200px;">
                         {% if service.image %}
-                            <img src="/{{ service.image }}" class="w-100 h-100" style="object-fit: cover;" alt="{{ service.name }}">
+                            <img src="{{ service.image.url }}" class="w-100 h-100" style="object-fit: cover;" alt="{{ service.name }}">
                         {% else %}
                             <div class="w-100 h-100 bg-gradient d-flex align-items-center justify-content-center">
                                 <i class="fas fa-cogs text-white" style="font-size: 3rem;"></i>