テンプレート:検索結果カードのソースを表示

<div class="search-card">
  <div class="card-layout">
    <div class="card-image-area">
      <div class="img-crop">
        <div class="image-scroll-container">
          <!-- ストリートビュー -->
          <div class="image-item">
            {{#if: {{{ストリートビューURL|}}}
            | <div class="streetview-placeholder" data-url="{{{ストリートビューURL}}}" style="width: 200px; height: 200px;"></div>
            | <div class="streetview-api-placeholder" data-name="{{{座標}}}" style="width: 200px; height: 200px;"></div>
            }}
          </div>
          <!-- 画像1 -->
          <div class="image-item">
            {{#if: {{{画像|}}}
            | [[File:{{{画像}}}|middle|class=crop-img]]
            }}
          </div>
        </div>
      </div>
    </div>
    
    <div class="card-content">
      <div class="card-header">
        <h3 class="card-title">[[{{{_pageName}}}|{{{店名}}}]]</h3>
        <p class="card-genre">{{{最寄り|}}} {{{ジャンル|}}}</p>
      </div>
      
      <div class="card-info">
        <p class="card-cost">
          昼：
          {{#if: {{{予算昼下限|}}} | ￥{{{予算昼下限}}} | - }}
          ～{{#if: {{{予算昼上限|}}} | ￥{{{予算昼上限}}} | - }}
          　夜：
          {{#if: {{{予算夜下限|}}} | ￥{{{予算夜下限}}} | - }}
          ～{{#if: {{{予算夜上限|}}} | ￥{{{予算夜上限}}} | - }}
        </p>
        {{#if: {{{住所|}}} | <p class="card-address">{{{住所}}}</p> }}
      </div>
    </div>
  </div>
</div>