지정판매소 주소·지도 연동과 관련 설정을 반영

지정판매소 등록/수정/목록에 카카오 주소 검색 및 지도 연동 컴포넌트를 적용하고, 관련 모델·SQL 스크립트·테스트 설정을 함께 정리해 기능 동작 기반을 맞췄다.

Made-with: Cursor

app/Views/components/kakao_map_link_button.php

@@ -0,0 +1,47 @@
+<?php
+declare(strict_types=1);
+
+/** @var string $buttonId 버튼 id (폼마다 고유) */
+$buttonId = $buttonId ?? 'btn-kakao-map-open';
+/** @var string $label 버튼 텍스트 */
+$label = $label ?? '지도';
+?>
+<button type="button" id="<?= esc($buttonId, 'attr') ?>" class="no-print border border-btn-print-border text-gray-700 px-3 py-1.5 rounded-sm text-sm hover:bg-gray-50 transition shrink-0" title="카카오맵에서 이 주소 검색"><?= esc($label) ?></button>
+<script>
+(function () {
+  var bid = <?= json_encode($buttonId, JSON_HEX_TAG | JSON_HEX_APOS | JSON_HEX_QUOT) ?>;
+  function bind() {
+    var btn = document.getElementById(bid);
+    if (!btn) return;
+    btn.addEventListener('click', function () {
+      var form = btn.closest('form');
+      if (!form) return;
+      function val(name) {
+        var el = form.querySelector('[name="' + name + '"]');
+        return el ? String(el.value || '').trim() : '';
+      }
+      var road = val('ds_addr');
+      var jibun = val('ds_addr_jibun');
+      var detail = val('ds_addr_detail');
+      var q = road || jibun;
+      if (detail) {
+        q = q ? (q + ' ' + detail) : detail;
+      }
+      if (!q) {
+        window.alert('주소 검색으로 도로명·지번을 먼저 입력한 뒤 지도를 열 수 있습니다.');
+        return;
+      }
+      if (typeof window.openDesignatedShopKakaoMap === 'function') {
+        window.openDesignatedShopKakaoMap(q);
+        return;
+      }
+      window.open('https://map.kakao.com/link/search/' + encodeURIComponent(q), '_blank', 'noopener,noreferrer');
+    });
+  }
+  if (document.readyState === 'loading') {
+    document.addEventListener('DOMContentLoaded', bind);
+  } else {
+    bind();
+  }
+})();
+</script>