{layout name="manager/layout" /}
<div class="layuimini-container location-operate-page">
    <div class="layuimini-main">
        <div class="layui-form layuimini-form">
            <div class="layui-form-item">
                <label class="layui-form-label">类型</label>
                <div class="layui-input-block">
                    <select name="type" lay-filter="change-type">
                        <option value="normal" {if $item['type'] == 'normal'} selected {/if}>普通视频</option>
                        <option value="video_number" {if $item['type'] == 'video_number'} selected {/if}>视频号</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label required">标题</label>
                <div class="layui-input-block">
                    <input type="text" name="title" placeholder="请输入标题" class="layui-input" value="{$item.title ?? ''}" maxlength="250">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">副标题</label>
                <div class="layui-input-block">
                    <input type="text" name="subtitle" placeholder="请输入副标题" class="layui-input" value="{$item.subtitle ?? ''}" maxlength="250">
                </div>
            </div>

            <div class="layui-form-item field-div field-video_number" {if $item['type'] != 'video_number'} style="display:none;" {/if}>
                <label class="layui-form-label">视频号</label>
                <div class="layui-input-block">
                    <input type="text" name="video_number" placeholder="请输入视频号ID 不填则使用基础配置中视频号ID" class="layui-input" value="{$item.video_number ?? ''}" maxlength="250">
                </div>
            </div>

            <div class="layui-form-item field-div field-video_number" {if $item['type'] != 'video_number'} style="display:none;" {/if}>
                <label class="layui-form-label">视频ID</label>
                <div class="layui-input-block">
                    <input type="text" name="video_id" placeholder="请输入视频ID" class="layui-input" value="{$item.video_id ?? ''}" maxlength="250">
                </div>
            </div>

            <div class="layui-form-item field-div field-normal" {if $item['type'] != 'normal'} style="display:none;" {/if}>
                <label class="layui-form-label">视频</label>
                <div class="layui-inline layui-col-xs12 layui-col-md8">
                    <div class="layui-row upload-file-div">
                        <div class=" layui-col-xs12 layui-col-md8">
                            <input class="layui-input upload-file-value" name="src" type="text" value="{$item.src ?? ''}">
                        </div>
                        <div class="layui-col-xs12 layui-col-md3">
                                    <span>
                                        <button type="button" class="layui-btn layui-btn-danger upload-btn"
                                                data-url="/manager/upload/video" data-field="video_video"
                                                data-accept="video" data-mimetype="video/*" data-exts="mp4|ogv|webm">
                                          <i class="fa fa-upload"></i> 上传
                                        </button>
                                    </span>
                            <span>
                                        <button type="button" class="layui-btn layui-btn-primary upload-choose-btn"
                                                data-type="video" data-multiple="false"><i class="fa fa-list"></i> 选择
                                        </button>
                                    </span>
                        </div>
                        <ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
                    </div>
                </div>
            </div>

            <div class="layui-form-item layui-row">
                <label class="layui-form-label">封面图</label>
                <div class="layui-inline layui-col-xs12 layui-col-md8">
                    <div class="layui-row upload-file-div">
                        <div class=" layui-col-xs12 layui-col-md8">
                            <input class="layui-input upload-file-value" name="cover" type="text" value="{$item.cover ?? ''}">
                            <div class="layui-form-mid layui-word-aux">图片尺寸：700*400</div>
                        </div>
                        <div class="layui-col-xs12 layui-col-md3">
                            <span>
                                <button type="button" class="layui-btn layui-btn-danger upload-btn">
                                    <i class="fa fa-upload"></i> 上传
                                </button>
                            </span>
                            <span>
                                <button type="button" class="layui-btn layui-btn-primary upload-choose-btn" data-type="image" data-multiple="false">
                                    <i class="fa fa-list"></i> 选择
                                </button>
                            </span>
                        </div>
                        <ul class="layui-row layui-col-xs12 layui-col-md9 preview-list layui-col-space5"></ul>
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="hidden" name="id" value="{$item.id ?? 0}">
                    <button class="layui-btn layui-btn-normal" data-url="/manager/video/edit" lay-submit lay-filter="saveBtn">确认保存</button>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="__MANAGER__/js/video/video.js?v={:mt_rand()}"></script>