{layout name="layout" /}
{php}
use app\model\Category;
$childrenMenu = Category::getChildrenByParentId($topCategoryId);
{/php}

{include file="public/about_second" /}

<!-- 简介 -->
<div class="pull-section pull-profile-bg wow fadeInUp">
    <div class="company-profile company-culture flex w1360">
        <div class="txt">
            <div class="profile-title culture-title project-detail-title" style="margin-bottom: 10px;">
                <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">{$item.title}</strong>
            </div>
            <div class="profile-info culture-info red-property-info wow fadeInUp"  data-wow-duration="0.8s" data-wow-delay="0">
                <p>入驻时间：{$item.check_in}</p>
                <p>建成时间：{$item.built_at}</p>
                <p>小区面积：{$item.area}</p>
                <p>住户人员：{$item.household}</p>
                <p>项目概述：</p>
                <p style="text-indent: 2em;">{$item.content|raw}</p>
            </div>
        </div>
        <div class="img scale-img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
            <img src="{$isMobile ? $item.image_mobile : $item.image}" alt="{$item.title}">
        </div>
    </div>
</div>

<!-- 项目展示 -->
<div class="pull-section pull-content-bg bg-col-f5 wow fadeInUp">
    <div class="profile-title culture-title honor-title">
        <p class="capitalize font-helvetica color-blue wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">Project Display</p>
        <strong class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">项目展示</strong>
    </div>
    <!-- 项目内容 -->
    <div class="rich-txt rich-txt-market project-detail bg-col-white w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
        <!-- 简介 -->
        <!-- 图集 -->
        <div class="market-atlas wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
            <div class="img wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
                {foreach $images as $image}
                <img src="{$image.src ?? ''}" style="padding-top: 5px;" alt="{$item.title}">
                {/foreach}
            </div>
        </div>
    </div>

    <!-- 推荐项目 -->
    <div class="project-flag wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
        {if count($recommendList) > 0}
        <div class="title w1360 wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0.2s">推荐项目</div>
        <div class="project-case-list red-property-case flex w1360">
            {foreach $recommendList as $recommend}
            <a href="/cases/{$recommend.id}.html" class="wow fadeInUp" data-wow-duration="0.8s" data-wow-delay="0">
                <div class="img"><img src="{$isMobile ? $recommend['image_mobile'] : $recommend['image']}" alt="{$recommend.title}"></div>
                <div class="info bg-col-white">
                    <div class="txt flex">
                        <p class="clips1">{$recommend.title}</p>
                        <span>+</span>
                    </div>
                    <p class="color-66 clips2">{$recommend.description}</p>
                </div>
            </a>
            {/foreach}
        </div>
        {/if}
    </div>
</div>