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

@section('content')
<div class="wrapper">
    <div class="two-column--area">
        <div class="two-column__side">
            @include('home.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>●●小学校（000）
                        </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>●●中学校（000）
                        </a>
        </div>
        @endfor
    </div>
    @endfor

</div>


        </div>
        </section>
        @include('home.area.new', ['staticFirst' => $staticFirst])
        @include('home.area.shop')
        @include('home.area.info')
        </div>
        </div>
        </div>
        @include('home.area.footer')
        @endsection
