<?php

use frontend\assets\AppAsset;

AppAsset::addScript($this, Yii::$app->request->baseUrl . '/js/lunbo/jquery.SuperSlide.2.1.3.js');
AppAsset::addScript($this, Yii::$app->request->baseUrl . "/js/bottom.js");

$bottom = \common\models\PushBottom::HomeGetList();
$img_small = \common\models\PushBottom::Getimgsmall();

?>

<style>
    .w_app_l {
        position: fixed;
        left: 0;
        bottom: 25%;
        z-index: 20;
        width: 150px;
        height: auto;
    }

    .w_app_l img {
        width: 100%;
        height: auto;
    }

    .public_signup {
        width: 100%;
        height: 120px;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 300;
        min-width: 1200px;
        overflow: hidden;
    }

    .public_signup ul {
        height: auto;
    }

    .public_signup li {
        height: 120px;
        position: relative;
    }

    .public_signup li a img {
        width: 100%;
        display: block;
        height: 100%;
    }

    .public_signup .wadlabel {
        position: absolute;
        left: 10px;
        top: 10px;
        right: auto;
    }

    .signup_form {
        position: absolute;
        top: 15%;
        left: 59%;
        width: 21%;
        height: auto;
    }

    .signup_form form {
        width: 100%;
        position: relative;
        top: 25%;
    }

    .signup_form form input[name="mobile"] {
        display: inline-block;
        width: 62%;
        height: 48px;
        line-height: 48px;
        border: none;
        font-size: 15px;
        padding-left: 10px;
        background: #fff;
        color: #666;
        border-radius: 5px;
    }

    .signup_form form input[type="button"] {
        display: inline-block;
        width: 27%;
        height: 48px;
        line-height: 48px;
        text-align: center;
        font-size: 15px;
        color: #fff;
        background: #FBB60F;
        border: none;
        margin-left: 10px;
        border-radius: 5px;
    }

    .signup_form .text {
        display: block;
        font-size: 12px;
        color: #FFF;
    }

    .cls {
        position: absolute;
        top: 10px;
        right: 60px;
        z-index: 10;
        width: 25px;
        height: 25px;
    }

    .cls img {
        display: inline-block;
        width: 100%;
        height: 100%;
    }

    .public_signup .bd .prev {
        position: absolute;
        left: 8%;
        top: 50%;
        margin-top: -20px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(/image/slider-arrow.png) -110px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.8;
    }

    .public_signup .bd .next {
        position: absolute;
        top: 50%;
        margin-top: -20px;
        display: block;
        width: 32px;
        height: 40px;
        background: url(/image/slider-arrow.png) 8px 5px no-repeat;
        filter: alpha(opacity=50);
        opacity: 0.8;
        right: 8%;
    }

    .public_signup .bd .prev:hover, .bd .next:hover {
        filter: alpha(opacity=100);
        opacity: 1;
    }


</style>


<!-- 悬标 -->
<?php if (!empty($img_small['img_small'])) { ?>
    <div class="w_app_l">
        <a target="_blank" href="<?= $img_small['url'] ?>"><img
                    src="<?= Yii::$app->params['httpImg']['host'], Yii::$app->params['httpImg']['bottom'], $img_small['img_small'] ?>"
                    alt=""></a>
    </div>
<?php } ?>

<?php if (!empty($bottom)) { ?>
    <div class="public_signup">
        <div class="bd">
            <ul>
                <?php foreach ($bottom as $val) { ?>
                    <li>
                        <div class="wadlabel">广告</div>
                        <?php if (!empty($val['url'])) { ?>
                            <a target="_blank" href="<?= $val['url'] ?>">
                                <img src="<?= Yii::$app->params['httpImg']['host'], Yii::$app->params['httpImg']['bottom'], $val['img'] ?>"
                                     alt="">
                            </a>
                        <?php } else { ?>
                            <a href="javascript:;">
                                <img src="<?= Yii::$app->params['httpImg']['host'], Yii::$app->params['httpImg']['bottom'], $val['img'] ?>"
                                     alt="">
                            </a>
                        <?php } ?>

                        <?php if ($val['state'] == 1) { ?>
                            <div class="signup_form">
                                <form class="submit_area" style="position:relative;top:25%;">
                                    <input type="hidden" name="hid" value="<?= $val['hid'] ?>">
                                    <!-- 0 为公共报名，其它为楼盘ID-->
                                    <input type="hidden" name="source" value="<?= $val['input'] ?>">
                                    <!--报名来源 具体查看applyVerify.js文件中SourceModule 标识说明-->
                                    <input type="hidden" name="equipment" value="2">
                                    <!--来源设备 （ PC端  2,手机端   1 ）-->
                                    <input type="hidden" name="intention_city" value="<?= $val['city_name'] ?>">
                                    <input name="mobile" type="text" placeholder="请输入您的手机号">

                                    <input type="button" value="立即领取" class="m_wapply_su"
                                           style="background:<?= $val['button_color'] ?>;color:<?= $val['buttonfont_color'] ?>;">
                                </form>
                                <i class="text"
                                   style="color:<?= $val['font_color'] ?>; margin-top:10px"><?= $val['explain'] ?></i>
                            </div>
                        <?php } ?>
                        <a class="cls" href="javascript:void(0);"><img src="/image/cla_2.png" alt=""></a>
                    </li>
                <?php } ?>
            </ul>
            <a class="prev" href="javascript:void(0)" onclick="return false" style="position: absolute;top:50%;"></a>
            <a class="next" href="javascript:void(0)" style="position: absolute;top:50%;"></a>
        </div>
    </div>
<?php } ?>