@extends('layouts.preview')
@section('content')
    <div class="home">
        <div class="home__banner" style="{{ $project->topPage->back_header }}">
            <h1 class="home__banner__content-top">
                <p>{{ $project->topPage->title }}</p>
                <p>{{ $project->topPage->description }} </p>
            </h1>
            <div class="home__banner__content-bottom">
                <p class="home__custormTxt01">{{ $project->topPage->line_name1 }}</p>
                <p class="home__custormTxt02">「{{ $project->topPage->from_station1 }}」駅徒歩
                    <span>{{ $project->topPage->walk_minutes1 }}</span>分</p>
                <p class="home__custormTxt01">
                    {{ $project->topPage->line_name1 }}「{{ $project->topPage->from_station1 }}」駅より</p>
                <p class="home__custormTxt03">
                    「{{ $project->topPage->to_station1 }}」駅へ<span>{{ $project->topPage->passing_station_number1 }}</span>駅<span>{{ $project->topPage->travel_time1 }}</span>分
                </p>
                
                <p class="home__custormTxt01">{{ $project->topPage->line_name1 }}</p>
                <p class="home__custormTxt02">「{{ $project->topPage->from_station1 }}」駅徒歩
                    <span>{{ $project->topPage->walk_minutes1 }}</span>分</p>
                <p class="home__custormTxt01">
                    {{ $project->topPage->line_name1 }}「{{ $project->topPage->from_station1 }}」駅より</p>
                <p class="home__custormTxt03">
                    「{{ $project->topPage->to_station1 }}」駅へ<span>{{ $project->topPage->passing_station_number1 }}</span>駅<span>{{ $project->topPage->travel_time1 }}</span>分
                </p>
            </div>
        </div>
        <div class="home__values">
            <div class="home__values-element hve-option01" style="{{ $project->topPage->appeal_image1 }}"><a
                    class="home-overlay" @if ($project->topPage->appeal1_with_url == 0) href="{{ $project->topPage->appeal1_url }}" @endif>
                    <p class="home__values-txt"> <span>{{ $project->topPage->appeal1_title }}</span></p>
                    <p class="home__values-txt"><span>{{ $project->topPage->appeal1_url_text }}</span></p>
                    <div class="home__values-block">
                        <p class="home-pc">Design</p>
                        <div class="home__values-icon"><img class="home__img home-pc"
                                src="{{ '/images/preview/top/home__nexticon-img.png' }}" alt=""><img
                                class="home__img home-sp" src="{{ '/images/preview/top/home__nexticon-img.png' }}"
                                alt="">
                        </div>
                    </div>
                </a></div>
            <div class="home__values-element hve-option02" style="{{ $project->topPage->appeal_image2 }}"><a
                    class="home-overlay" @if ($project->topPage->appeal2_with_url == 0) href="{{ $project->topPage->appeal2_url }}" @endif>
                    <p class="home__values-txt"> <span>{{ $project->topPage->appeal2_title }}</span></p>
                    <p class="home__values-txt"><span>{{ $project->topPage->appeal2_url_text }}</span></p>
                    <div class="home__values-block">
                        <p class="home-pc">View</p>
                        <div class="home__values-icon"><img class="home__img home-pc"
                                src="{{ '/images/preview/top/home__nexticon-img.png' }}" alt=""><img
                                class="home__img home-sp" src="{{ '/images/preview/top/home__nexticon-img.png' }}"
                                alt=""></div>
                    </div>
                </a></div>
            <div class="home__values-element hve-option03" style="{{ $project->topPage->appeal_image3 }}"><a
                    class="home-overlay" @if ($project->topPage->appeal3_with_url == 0) href="{{ $project->topPage->appeal3_url }}" @endif>
                    <p class="home__values-txt"> <span>{{ $project->topPage->appeal3_title }}</span></p>
                    <p class="home__values-txt"><span
                            class="spencial">{{ $project->topPage->appeal3_url_text }}</span></p>
                    <div class="home__values-block">
                        <p class="home-pc">Model Room</p>
                        <div class="home__values-icon"><img class="home__img home-pc"
                                src="{{ '/images/preview/top/home__nexticon-img.png' }}" alt=""><img
                                class="home__img home-sp" src="{{ '/images/preview/top/home__nexticon-img.png' }}"
                                alt=""></div>
                    </div>
                </a></div>
        </div>
        @foreach ($project->topPage->elements as $item)
            @if ($item->status == 1)
                @if ($item->type == 1)
                    @include('admin.project.layout.layout1')
                @endif
                @if ($item->type == 2)
                    @include('admin.project.layout.layout2')
                @endif
                @if ($item->type == 3)
                    @include('admin.project.layout.layout3')
                @endif
                @if ($item->type == 4)
                    @include('admin.project.layout.layout4')
                @endif
                @if ($item->type == 5)
                    @include('admin.project.layout.layout5')
                @endif
                @if ($item->type == 6)
                    @include('admin.project.layout.layout6')
                @endif
                @if ($item->type == 7)
                    @include('admin.project.layout.layout7')
                @endif
                @if ($item->type == 8)
                    @include('admin.project.layout.layout8')
                @endif
                @if ($item->type == 9)
                    @include('admin.project.layout.layout9')
                @endif
                @if ($item->type == 10)
                    @include('admin.project.layout.layout10')
                @endif
                @if ($item->type == 11)
                    @include('admin.project.layout.layout11')
                @endif
                @if ($item->type == 12)
                    @include('admin.project.layout.layout12')
                @endif
                @if ($item->type == 13)
                    @include('admin.project.layout.layout13')
                @endif
                @if ($item->type == 14)
                    @include('admin.project.layout.layout14')
                @endif
                @if ($item->type == 15)
                    @include('admin.project.layout.layout15')
                @endif
            @endif
        @endforeach
        <div class="home__limited">
            <div class="home-overlay" style="{{ $project->topPage->login_style }}">
                <p class="home-txtTemp01 hlt01">LIMITED TO <br class="home-sp"> MEMBERS </p>
                <h3 class="home-txtTemp02 hlt02">資料請求者限定コンテンツ</h3>
                <h3 class="home-txtTemp02 hlt03 home-pc">資料請求者様限定でWebならではの特別な情報を公開しております。</h3>
                <p class="home-txtTemp02 hlt03 home-sp">
                    <span>「プレサンスロジェ福島鷺洲」では</span><br><span>資料請求者様限定でWebならではの</span><br><span>特別な情報を公開しております。</span>
                </p>
                <p class="home-txtTemp01 hlt04">限定サイトをご覧いただくには<br class="home-sp">専用のパスワードが必要となります。</p>
                <div class="home__input">
                    <input class="home__intputPass" type="password" placeholder="Your Password"><a class="home__loginButton"
                        href="">{{ $project->topPage->login_button_text }}</a>
                </div>
                <a style="{{ $project->topPage->request_div }}" class="home__buttonRequest"
                    disabled="{{ $project->topPage->request_doc_with_url == 1 ? 'disabled' : '' }}"
                    href="{{ $project->topPage->request_doc_url }}">資料請求がまだの方はこちら</a>
            </div>
        </div>
    </div>
@endsection