<form class="side-search" id="search__form">
    <div class="side-search__inputs">
        <h3 class="side-search__title">現在の検索条件
          <a href="" onclick="d_app.handleBtnDownload(event)" class="simple-detail__save" id="btnDownload">
    <i class="fas fa-download"></i>現在の検索条件を保存する
  </a>
        </h3>
        <div class="side-search__wrapper">
            <div class="side-search__current-city">
                <div id="totalNumber">
                <dl class="side-search__joken"><dt>市・区</dt><dd>横浜市港南区</dd></dl>
                </div>
                <a class="side-search__city-button" href="#" onclick="showModal(event);">
                    市・区を変更
                </a>
                <script type="text/javascript">
                    $(document).ready(function() {
                        $('#myModal').hide();
                        // window.scrollTo(0, 0);
                    });

                    function showModal(event) {
                        event.preventDefault();
                        $('#myModal').modal('toggle');
                        // window.scrollTo(0, 100);
                    }

                    function closeModal() {
                        $('#myModal').modal('toggle');
                        // window.scrollTo(0, 0);
                    }

                    function toogleMenu() {
                        $("#search__form").toggle();
                    }
                </script>
            </div>
        </div>
        @include('buy/change')

        <div class="side-search__jokenwrap">
        <dl class="side-search__joken"><dt>物件種別</dt><dd>新築戸建、中古戸建、土地、中古マンション【リフォーム済】</dd></dl>
        <dl class="side-search__joken"><dt>物件価格</dt><dd>1,000万円〜5,000万円</dd></dl>
        <dl class="side-search__joken"><dt>間取り</dt><dd>1R-1LDK</dd></dl>
        <dl class="side-search__joken"><dt>土地面積</dt><dd>50㎡〜</dd></dl>
        <dl class="side-search__joken"><dt>建物面積</dt><dd>100㎡〜</dd></dl>
        <dl class="side-search__joken"><dt>駅まで</dt><dd>徒歩15分以内</dd></dl>
        <dl class="side-search__joken"><dt>築年数</dt><dd>5年〜15年</dd></dl>
        <dl class="side-search__joken"><dt>坂道レベル</dt><dd>★★</dd></dl>
        </div>
        </div>

<div class="side-search__inputs">

        <h3 class="side-search__title">
            絞り込み
        </h3>
        <div class="side-search__wrapper">
            <div class="side-search__mini-title">
                物件種別
            </div>
            <div class="side-search__types">
                <input type="checkbox" name="propertyType" value="新築戸建" id="nhouse" class="side-search__check"><label class="side-search__type" for="nhouse">新築戸建</label>
                <input type="checkbox" name="propertyType" value="中古戸建" id="uhouse" class="side-search__check"><label class="side-search__type" for="uhouse">中古戸建</label>
                <input type="checkbox" name="propertyType" value="土地" id="land" class="side-search__check"><label class="side-search__type" for="land">土地</label>
                <input type="checkbox" name="propertyType" value="中古マンション" id="mansion" class="side-search__check"><label class="side-search__type" for="mansion">中古マンション</label>
                <input type="checkbox" name="propertyType" value="リフォーム済" id="reformed" class="side-search__check"><label class="side-search__type" for="reformed">リフォーム済</label>
            </div>
        </div>

        <div class="side-search__wrapper">
            <div class="side-search__one">
                <div class="side-search__mini-title">
                    物件価格
                </div>
                <select name="value_min" id="" class="side-search__select">
                    <option value="" selected>下限なし</option>
                    <option value="500">500万円〜</option>
                    <option value="1000">1000万円〜</option>
                    <option value="1500">1500万円〜</option>
                    <option value="2000">2000万円〜</option>
                    <option value="2500">2500万円〜</option>
                    <option value="3000">3000万円〜</option>
                    <option value="3500">3500万円〜</option>
                    <option value="4000">4000万円〜</option>
                    <option value="4500">4500万円〜</option>
                    <option value="5000">5000万円〜</option>
                    <option value="5500">5500万円〜</option>
                    <option value="6000">6000万円〜</option>
                    <option value="6500">6500万円〜</option>
                    <option value="7000">7000万円〜</option>
                </select>
                <select name="value_max" id="" class="side-search__select">
                    <option value="500">〜500万円</option>
                    <option value="1000">〜1000万円</option>
                    <option value="1500">〜1500万円</option>
                    <option value="2000">〜2000万円</option>
                    <option value="2500">〜2500万円</option>
                    <option value="3000">〜3000万円</option>
                    <option value="3500">〜3500万円</option>
                    <option value="4000">〜4000万円</option>
                    <option value="4500">〜4500万円</option>
                    <option value="5000">〜5000万円</option>
                    <option value="5500">〜5500万円</option>
                    <option value="6000">〜6000万円</option>
                    <option value="6500">〜6500万円</option>
                    <option value="7000">〜7000万円</option>
                    <option value="" selected>上限なし</option>
                </select>
            </div>
            <div class="side-search__one">
                <div class="side-search__mini-title">
                    間取り
                </div>
                <div class="side-search__types">
                    <input type="checkbox" name="floorPlan" value="1R-1LDK" id="1" class="side-search__check"><label class="side-search__type" for="1">1R-1LDK</label>
                    <input type="checkbox" name="floorPlan" value="2K-2LDK" id="2" class="side-search__check"><label class="side-search__type" for="2">2K-2LDK</label>
                    <input type="checkbox" name="floorPlan" value="3K-3LDK" id="3" class="side-search__check"><label class="side-search__type" for="3">3K-3LDK</label>
                    <input type="checkbox" name="floorPlan" value="4K-4LDK" id="4" class="side-search__check"><label class="side-search__type" for="4">4K-4LDK</label>
                    <input type="checkbox" name="floorPlan" value="5K" id="5" class="side-search__check"><label class="side-search__type" for="5">5K〜</label>
                </div>
            </div>
            <div class="side-search__one">
                <div class="side-search__mini-title">
                    土地面積
                </div>
                <select name="landArea" id="" class="side-search__select">
                    <option value="" selected>下限なし</option>
                    <option value="50">50m²〜</option>
                    <option value="60">60m²〜</option>
                    <option value="70">70m²〜</option>
                    <option value="80">80m²〜</option>
                    <option value="90">90m²〜</option>
                    <option value="100">100m²〜</option>
                    <option value="110">110m²〜</option>
                    <option value="120">120m²〜</option>
                    <option value="130">130m²〜</option>
                    <option value="140">140m²〜</option>
                    <option value="150">150m²〜</option>
                    <option value="160">160m²〜</option>
                    <option value="170">170m²〜</option>
                    <option value="180">180m²〜</option>
                    <option value="190">190m²〜</option>
                    <option value="200">200m²〜</option>
                </select>
            </div>
            <div class="side-search__one">
                <div class="side-search__mini-title">
                    建物面積
                </div>
                <select name="buildingArea" id="" class="side-search__select">
                    <option value="" selected>下限なし</option>
                    <option value="30">30m²〜</option>
                    <option value="40">40m²〜</option>
                    <option value="50">50m²〜</option>
                    <option value="60">60m²〜</option>
                    <option value="70">70m²〜</option>
                    <option value="80">80m²〜</option>
                    <option value="90">90m²〜</option>
                    <option value="100">100m²〜</option>
                    <option value="110">110m²〜</option>
                    <option value="120">120m²〜</option>
                </select>
            </div>
            <div class="side-search__one">
                <div class="side-search__mini-title">
                    駅までの分数
                </div>
                <select name="timeToStation" id="" class="side-search__select">
                    <option value="" selected>指定なし</option>
                    <option value="5">5分以内</option>
                    <option value="10">10分以内</option>
                    <option value="15">15分以内</option>
                    <option value="20">20分以内</option>
                </select>
            </div>
            <div class="side-search__one">
                <div class="side-search__mini-title">
                    築年数
                </div>

                <select name="buildingAgeMin" id="" class="side-search__select">
                    <option value="" selected>下限なし</option>
                    <option value="5">5年〜</option>
                    <option value="10">10年〜</option>
                    <option value="15">15年〜</option>
                    <option value="20">20年〜</option>
                    <option value="25">25年〜</option>
                    <option value="30">30年〜</option>
                </select>
                <select name="buildingAgeMax" id="" class="side-search__select">
                    <option value="5">〜5年</option>
                    <option value="10">〜10年</option>
                    <option value="15">〜15年</option>
                    <option value="20">〜20年</option>
                    <option value="25">〜25年</option>
                    <option value="30">〜30年</option>
                    <option value="" selected>上限なし</option>
                </select>
            </div>
            <div class="side-search__one">
                <div class="side-search__mini-title">
                    坂道レベル
                </div>
                <select name="hillLevel" id="" class="side-search__select">
                    <option value="" selected>指定なし</option>
                    <option value="1">★</option>
                    <option value="2">★★</option>
                    <option value="3">★★★</option>
                    <option value="4">★★★★</option>
                </select>
            </div>
        </div>
    </div>

    <div class="side-search__result">
        <div class="side-search__number">
            該当物件数：<span>43</span>件
        </div>
        <button class="side-search__button">
            <i class="fas fa-search"></i>
            この条件で検索
        </button>
        <div class="side-search__clear">条件をクリア</div>
    </div>
    </section>
</form>
