<?php

use backend\assets\AppAsset;

AppAsset::addScript($this, Yii::$app->request->baseUrl . "/js/live.js");
?>
<style>
    .layui_box {
        width: 80%;
        margin: 0 auto;
        margin-top: 25px;
    }

    .layui-code, .layui-upload-list {
        margin-top: 0;
    }

    hr {
        width: 100%;
        margin: 0 auto;
    }

    .mt {
        text-align: center;
        margin-top: 15px;
    }

    .The_house {
        background: #FBFBFB;
        color: #333;
    }

    .The_house:hover {
        border: 1px solid #a9a9a9;
        color: #333;
    }

    .xm_xcxqTc_button {
        margin-top: -20px;
    }
</style>


<form class="layui-form layui-form-pane">
    <div class="layui_box">

        <div class="layui-form-item">
            <label class="layui-form-label "><span style="color:red">*</span>所属楼盘:</label>
            <div class="layui-input-inline" style="width:44.75%">
                <input type="text" id="house_name" name="house_name" required lay-verify="required" disabled
                       placeholder="请选择所属楼盘" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-inline"><a class="layui-btn layui-btn-primary The_house" href="javascript:;">选择所属楼盘</a>
            </div>
        </div>

        <div class="layui-form-item" style="">
            <label class="layui-form-label"><span style="color:red">*</span>所属区域:</label>
            <div class="layui-inline" style="width:64%">

                <select name="city" lay-verify="required" lay-search="">
                    <option value="">直接选择或搜索选择</option>
                    <?php if (!empty($city)) foreach ($city as $val) { ?>
                        <optgroup label="<?= $val['city_name'] ?>">
                            <?php if (!empty($val['son'])) foreach ($val['son'] as $v) { ?>
                                <option value="<?= $v['id'] ?>"><?= $v['city_name'] ?></option>
                            <?php } ?>
                        </optgroup>
                    <?php } ?>
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color:red">*</span>直播标题:</label>
            <div class="layui-input-inline" style="width:64%">
                <input type="text" name="title" required lay-verify="required" placeholder="请输入直播标题"
                       class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">拉流地址:</label>
            <div class="layui-input-inline" style="width:64%">
                <input type="text" name="rtmp_url" placeholder="请输入拉流地址" autocomplete="off"
                       class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">回放地址:</label>
            <div class="layui-input-inline" style="width:64%">
                <input type="text" name="video_url" placeholder="请输入回放地址" autocomplete="off"
                       class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color:red">*</span>直播时间:</label>
            <div class="layui-input-inline" style="width:64%">
                <input type="text" required lay-verify="required" name="time" id="date1" placeholder="精确到秒,点击后左下角可选时分秒"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label"><span style="color:red">*</span>图片地址:</label>
            <div class="layui-input-inline" style="width:64%">
                <input type="text" required lay-verify="required" name="img" placeholder="请输入封面图的地址"
                       autocomplete="off" class="layui-input">
            </div>
        </div>

        <!--        <div class="layui-form-item xm_pr">-->
        <!--            <div class="layui-inline">-->
        <!--                <label class="layui-form-label"><span style="color:red">*</span>封面图:</label>-->
        <!--                <div class="layui-inline">-->
        <!--                    <div class="layui-upload">-->
        <!--                        <div class="layui-upload-list lay_p_relative">   <!--低级添加  lay_p_relative-->
        <!--                            <img class="layui-upload-img layui_magnify" name="img" src="" id="breviary_img"-->
        <!--                                 style="width:280px;height:90px;margin-left:10px;border:1px solid #ccc;">-->
        <!--                            <p id="demoText"></p>-->
        <!--                        </div>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--            <button type="button" class="layui-btn layui-btn-primary xm_xcxqTc_button" id="test1">选择图片</button>-->
        <!--        </div>-->


        <div class="layui-form-item mt">
            <button class="layui-btn" lay-submit="" lay-filter="adds">提交</button>
        </div>
    </div>
</form>