@extends('template')
@section('head')
@endsection

@section('content')
<div class="wrapper">
    <div class="two-column--area">
        <div class="two-column__side">
            @include('area/side')
        </div>
        <div class="two-column__main">
            <section class="area-main">
                <h2 class="area-main__title">
                    横浜市港南区●●町の不動産の購入と売却
                </h2>
                <div class="area-main__wrapper">
                    <div class="area-main__text">
                        『横浜市港南区●●町』は、守口市の東端に位置し、門真市に隣接しています。戸建の家並みが多く建ち並ぶ、落ち着いた住宅街です。京阪本線の大和田駅や、萱島駅が利用でき、周辺には、大阪国際大学や、その付属高校があります。最寄駅の大和田駅周辺は、商業施設が集まっていて、スーパーなどもいくつかあるので、毎日の買い物にも便利です。
                    </div>
                    <div class="area-main__search">
                        横浜市港南区●●町の不動産をさがす
                    </div>
                    <div class="area-main__links">
                      <a href="" class="area-main__link">
                      <i class="fab fa-sistrix"></i><span>●●町の全ての物件(000)</span><i class="fas fa-chevron-right"></i>
                      </a>
                        <a href="" class="area-main__link">
                        <i class="far fa-building"></i><span>●●町の中古マンション(000)</span><i class="fas fa-chevron-right"></i>
                        </a>
                        <a href="" class="area-main__link">
                        <i class="fas fa-home"></i><span>●●町の新築一戸建て(000)</span><i class="fas fa-chevron-right"></i>
                        </a>
                        <a href="" class="area-main__link">
                        <i class="fas fa-home"></i><span>●●町の中古一戸建て(000)</span><i class="fas fa-chevron-right"></i>
                        </a>
                        <a href="" class="area-main__link">
                        <i class="fas fa-street-view"></i><span>●●町の土地(000)</span><i class="fas fa-chevron-right"></i>
                        </a>
                    </div>
                    <div class="area-main__search">
                        横浜市港南区●●町の不動産を売却する
                    </div>
                    <div class="area-main__assessments">
                        <div class="area-main__assessment">
                            <div class="area-main__which">
                                無料簡易査定をする
                            </div>
                            <div class="area-main__paragraph">
                                ご自宅の概略をご入力いただくと<br>
                                おおよその価格がわかります。
                            </div>
                            <a href="" class="area-main__button">
                                <div class="area-main__left"><i class="far fa-building"></i>マンション</div><i
                                    class="fas fa-chevron-right"></i>
                            </a>
                            <a href="" class="area-main__button">
                                <div class="area-main__left"><i class="fas fa-home"></i>一戸建て</div><i
                                    class="fas fa-chevron-right"></i>
                            </a>
                            <a href="" class="area-main__button">
                                <div class="area-main__left"><i class="fas fa-street-view"></i>土地</div><i
                                    class="fas fa-chevron-right"></i>
                            </a>
                        </div>
                        <div class="area-main__assessment">
                            <div class="area-main__which">
                                無料訪問査定をする
                            </div>
                            <div class="area-main__paragraph">
                              ご自宅を拝見し、価格査定書を<br />無料にて作成します。
                            </div>
                            <a href="" class="area-main__button">
                                <div class="area-main__left"><i class="far fa-building"></i>マンション</div><i
                                    class="fas fa-chevron-right"></i>
                            </a>
                            <a href="" class="area-main__button">
                                <div class="area-main__left"><i class="fas fa-home"></i>一戸建て</div><i
                                    class="fas fa-chevron-right"></i>
                            </a>
                            <a href="" class="area-main__button">
                                <div class="area-main__left"><i class="fas fa-street-view"></i>土地</div><i
                                    class="fas fa-chevron-right"></i>
                            </a>
                        </div>
                    </div>

                </div>
                <!--<div class="area-main__info--town">
                    <div class="area-main__info-title">
                        横浜市港南区●●町の地域情報
                    </div>
                    <div class="area-main__info-text">
                        大東市野崎1丁目1-12
                        にあるJR学研都市線『野崎』駅は、明治時代の1899年5月15日に開設された歴史ある駅です。駅周辺は、学校が集中していて、緑風冠高校、大阪産業大学、大阪産業大学短期大学部、大阪桐蔭中学校・高校、大阪府立野崎高校があります。学校周辺は塾も多くあります。駅は学生の利用が多いため、朝は電車の本数が増え、混雑します。駅から東へ向かって徒歩10分には、のざき観音、慈眼寺があります。5月には野崎祭りが開催され、個性的な屋台が並び、多くの観光客でにぎわいます。
                        大東市野崎1丁目1-12
                        にあるJR学研都市線『野崎』駅は、明治時代の1899年5月15日に開設された歴史ある駅です。駅周辺は、学校が集中していて、緑風冠高校、大阪産業大学、大阪産業大学短期大学部、大阪桐蔭中学校・高校、大阪府立野崎高校があります。学校周辺は塾も多くあります。駅は学生の利用が多いため、朝は電車の本数が増え、混雑します。
                    </div>
                    <div class="area-main__info-images--town">
                        <img src="{{root('img/area/fam.png')}}" alt="">
                    </div>
                </div>-->
                <div class="area-main__wrapper">

                    <div class="area-main__details">
                        <div class="area-main__details-title">
                            <i class="fas fa-school"></i>横浜市港南区●●町の学校区
                        </div>
                        <p class="area-main__details-paragraph">
                            通学区域内の他の町の情報をご覧いただけます。
                        </p>
                        @for ($k = 0; $k < 3; $k++) <div class="area-main__details-tag">
                            <a href="">●●小学校<i class="fas fa-chevron-right"></i></a>
                    </div>
                    <hr class="area-main__details-line">
                    @for ($i = 0; $i < 2; $i++) <div class="area-main__details-links">
                        @for ($j = 0; $j < 4; $j++) <div class="area-main__details-link">
                            <a href="">
                                <i class="fas fa-chevron-right"></i>●●町
                            </a>
                </div>
                @endfor
        </div>
        @endfor
        @endfor
                        @for ($k = 0; $k < 2; $k++) <div class="area-main__details-tag">
                            <a href="">●●中学校<i class="fas fa-chevron-right"></i></a>
                    </div>
                    <hr class="area-main__details-line">
                    @for ($i = 0; $i < 2; $i++) <div class="area-main__details-links">
                        @for ($j = 0; $j < 4; $j++) <div class="area-main__details-link">
                            <a href="">
                                <i class="fas fa-chevron-right"></i>●●町
                            </a>
                </div>
                @endfor
        </div>
        @endfor
        @endfor
    </div>
</div>
</section>

<section class="area-new">
    <div class="area-new__title">
        横浜市〇〇区の新着物件情報
    </div>
    <div class="area-new__links">
        @for ($i = 0; $i < 3; $i++)
        <a href="" class="area-new__link">
            <div class="area-new__image">
                <figure>
                <img src="{{root('img/top/bukken.jpg')}}" alt="">
                <figcaption><i class="fas fa-chevron-right"></i></figcaption></figure>
                <div class="area-new__tag-mansion">
                    マンション
                </div>
            </div>
            <div class="area-new__infos">
            <div class="area-new__name">
                あたり。物件名。あたり。
            </div>
            <div class="area-new__price">
                    <i class="fas fa-yen-sign"></i><span>0,000</span>万円（税込）
            </div>
            <div class="area-new__info">
                    <i class="fas fa-map-marker-alt"></i>神奈川県横浜市南区
            </div>
            <div class="area-new__info">
                    <i class="fas fa-subway"></i>京急本線/弘明寺 徒歩22分
            </div>
        </div>
        </a>
        @endfor
    </div>
     <div class="area-new__links">
        @for ($i = 0; $i < 3; $i++)
        <a href="" class="area-new__link">
            <div class="area-new__image">
                <figure>
                <img src="{{root('img/top/bukken.jpg')}}" alt="">
                <figcaption><i class="fas fa-chevron-right"></i></figcaption></figure>
                <div class="area-new__tag-mansion">
                    マンション
                </div>
            </div>
            <div class="area-new__infos">
            <div class="area-new__name">
                あたり。物件名。あたり。
            </div>
            <div class="area-new__price">
                    <i class="fas fa-yen-sign"></i><span>0,000</span>万円（税込）
            </div>
            <div class="area-new__info">
                    <i class="fas fa-map-marker-alt"></i>神奈川県横浜市南区
            </div>
            <div class="area-new__info">
                    <i class="fas fa-subway"></i>京急本線/弘明寺 徒歩22分
            </div>
        </div>
        </a>
        @endfor
    </div>
    <a href="/buy/bukkenlist" class="reform-overviews__link">
                     横浜市〇〇区の物件一覧<i class="fas fa-chevron-right"></i>
                 </a>
</section>

@include('area/shop')
@include('area/info')
</div>
</div>
</div>
@include('area/footer')
@endsection
