@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__school-first">


                        <div class="area-main__images--school">
                            <img src="{{root('img/area/school.jpg')}}" alt="">
                        </div>
                        <div class="area-main__links--school">
                          <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)<i class="fas fa-chevron-right"></i>
                            </a>
                        </div>
                    </div>

                </div>
                <div class="area-main__info--school">
                    <div class="area-main__info-title">
                        ●●小学校の特徴<span>住所：横浜市港南区日野1丁目</span>

                    </div>
                    <div class="area-main__info-text-long">
                        『●●小学校』は阪神「魚崎」駅から徒歩7分で、『魚崎中町4丁目』にある小学校です。設立は明治元年。「思いやりのある子、自分で考えて学ぶ」ことを教育目標としています。校章は星形で、「高い理想」のイメージです。
                    </div>
                </div>
                <div class="area-main__wrapper">
                        <div class="area-main__details-title">
                                <i class="fas fa-map-marker-alt"></i>●●小学校の周辺マップ
                            </div>
                <iframe class="area-main__iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3252.463467416934!2d139.5782312508941!3d35.39376095319437!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60185b325cca3545%3A0x8f0999e9e5a8ae88!2z44CSMjM0LTAwNTEg56We5aWI5bed55yM5qiq5rWc5biC5riv5Y2X5Yy65pel6YeO77yU5LiB55uu!5e0!3m2!1sja!2sjp!4v1555073235796!5m2!1sja!2sjp" width="600" height="300" frameborder="0" style="border:0" allowfullscreen=""></iframe>

                    <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>

                        <hr class="area-main__details-line">

                        <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>
                </div>
                <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>
                    <div class="area-main__details-tag">
                        小学校
                </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
                    <div class="area-main__details-tag">
                        中学校
                </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
</div>

    <div class="area-main__details">
        <div class="area-main__details-title">
            <i class="fas fa-subway"></i>横浜市港南区の駅周辺の不動産情報
        </div>
        <p class="area-main__details-paragraph">
            横浜市港南区の駅周辺の不動産情報や駅の情報について詳しくご覧いただけます。
        </p>
        @for ($k = 0; $k < 2; $k++) <div class="area-main__details-tag">
            JR〇〇線
    </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