Form:店舗/飲食店のソースを表示

<noinclude>
これは「店舗/飲食店」フォームです。
このフォームを使用してページを作成するには、下にページ名を入力してください。
その名前のページが既に存在する場合は、そのページを編集するフォームに転送されます。

{{#forminput:form=店舗/飲食店}}

</noinclude><includeonly>
<div id="wikiPreview" style="display: none; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #AAAAAA;"></div>
{{{for template|店舗/飲食店}}}
{| class="formtable"
! 店名: 
| {{{field|店名|mandatory}}}
|-
! 画像: 
| {{{field|画像|mandatory|uploadable}}}
|-
! ジャンル: 
| {{{field|ジャンル|input type=checkboxes|values=和食,洋食}}}
|-
! 郵便番号:
| {{{field|郵便番号
  |input type=regexp
  |id=zipcode
  |placeholder=ハイフンなしの7桁数字で入力してください
  |regexp=/^[0-9]{7}$/
  |message=郵便番号はハイフンなしの7桁数字で入力してください
  |base type=text}}}
|-
! 住所: 
| {{{field|住所|mandatory|id=address}}}
|-
! 営業時間: 
| {{{field|営業時間}}}
|-
! 定休日: 
| {{{field|定休日}}}
|-
! 電話番号: 
| {{{field|電話番号}}}
|-
! メニュー: 
| {{{field|メニュー}}}
|-
! テイクアウト: 
| {{{field|テイクアウト|mandatory|input type=radiobutton|values=あり,なし}}}
|-
! 駐車場: 
| {{{field|駐車場|mandatory|input type=radiobutton|values=あり,なし}}}
|-
! 座標:
| {{{field|座標|input type=googlemaps}}}
|-
! 備考: 
| {{{field|備考}}}
|}
{{{end template}}}

<script>
document.addEventListener("DOMContentLoaded", function () {
  const zipInput = document.getElementById("zipcode");
  const addressInput = document.getElementById("address");

  zipInput.addEventListener("input", function () {
    // 数字のみ・7桁制限
    const zip = this.value.replace(/[^0-9]/g, "").slice(0, 7);
    this.value = zip;

    if (zip.length === 7) {
      fetch(`https://zipcloud.ibsnet.co.jp/api/search?zipcode=${zip}`)
        .then(response => response.json())
        .then(data => {
          if (data.results) {
            const r = data.results[0];
            // 川西市だけ許可
            if (r.address1 === "兵庫県" && r.address2 === "川西市") {
              addressInput.value = r.address1 + r.address2 + r.address3;
            } else {
              addressInput.value = "";
              alert("兵庫県川西市以外の住所は対象外です。");
            }
          } else {
            addressInput.value = "";
            alert("該当する住所が見つかりません。");
          }
        })
        .catch(err => {
          console.error("郵便番号検索エラー:", err);
          alert("住所取得に失敗しました。");
        });
    }
  });
});
</script>
'''自由形式テキスト:'''

{{{standard input|free text|rows=10}}}
</includeonly>