{% extends "base-layout.html" %}
{% block container %}
    <div class="layui-tab" lay-filter="body-handle" lay-allowclose="true" style="height: 100%; margin: 0">
        <ul class="layui-tab-title" style="padding-top: 10px;">
            <li id="search-tab" lay-id="search">搜索</li>
            <li lay-id="search-result">搜索结果</li>
            <li class="layui-this" lay-id="comic-details">漫画详情</li>
        </ul>
        <div class="layui-tab-content index-tab-content">
            <div class="layui-tab-item layui-show">
                <div class="fish-gradient" style="height: 100%; width: 100%; position: relative">
                    <div class="search-body-container">
                        <div class="search-main-container">
                            <div class="layui-text" style=" ">
                                <h1>欢迎使用XXXXXX</h1>
                            </div>
                            <form class="layui-form" action="" lay-filter="search-form">
                                <div class="layui-form-item">
                                    <div class="layui-input-group" style="width: 100%">
                                        <input name="search" type="text" placeholder="请输入想要搜寻的XXX..."
                                               class="layui-input">
                                        <div class="layui-input-split layui-input-suffix layui-bg-green"
                                             style="cursor: pointer; width: 1px" lay-on="openSearch">
                                            <i class="layui-icon layui-icon-search my-icon"></i>
                                            搜索
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-form-item">
                                    <label class="layui-form-label"
                                           style="padding-left: 0; text-align: left; width: 100px">选择搜索平台：</label>
                                    <div class="layui-input-block" style="width: 180px; margin-left: 115px">
                                        <select name="platform" lay-filter="platform">
                                            <option value="0" selected>聚合搜索</option>
                                            <option value="1">AAAA</option>
                                            <option value="2">BBBB</option>
                                            <option value="3">CCCC</option>
                                            <option value="4">DDDD</option>
                                        </select>
                                    </div>
                                </div>
                            </form>
                            <div class="layui-btn-container tag" lay-filter="search_history" lay-allowclose="true"
                                 lay-newTag="">
                                <button lay-id="11" type="button" class="tag-item">网站设置</button>
                                <button lay-id="22" type="button" class="tag-item">用户管理</button>
                                <button lay-id="33" type="button" class="tag-item">权限分配</button>
                                <button lay-id="44" type="button" class="tag-item">商品管理</button>
                                <button lay-id="55" type="button" class="tag-item">订单管理</button>
                            </div>
                        </div>
                    </div>

                    <!--承载游动小鱼特效的div容器-->
                    <div id="jsi-flying-fish-container" class="fish-container"></div>
                </div>
            </div>
            <div class="layui-tab-item">
                <iframe src="/SearchPage?search=XXX&platform=0" id="280" frameborder="0" scrolling="auto"
                        style="height: 100%; width: 100%; display: block;"></iframe>
            </div>
            <div class="layui-tab-item">
                <iframe src="/ComicDetails/新华文轩/你当像鸟飞往你的山" id="280" frameborder="0" scrolling="auto"
                        style="height: 100%; width: 100%; display: block;"></iframe>
            </div>
        </div>
    </div>
{% endblock %}
