<!-- 取色 -->
<link href="{$base_url}/common/css/bootstrap/bootstrap-3.3.7/plugins/colorpicker/css/bootstrap-colorpicker.css" rel="stylesheet">
<script type="text/javascript" src="{$base_url}/common/css/bootstrap/bootstrap-3.3.7/plugins/colorpicker/js/bootstrap-colorpicker.js"></script>

<script type="text/javascript">
    $(function () {
        $('#slide_text_color').colorpicker();
        $('#slide_input_bg').colorpicker();
        $('#slide_input_color').colorpicker();
        $('#slide_btn_hover_color').colorpicker();
        $('#slide_btn_color').colorpicker();
        $('#slide_button_color').colorpicker();
    });
</script>

<div class="main-right-box">


        <form method="post" name="form1" action="<?php echo url('slide/add',true);?>"
              onsubmit="return returnform(this);">
            <input type="hidden" name="onlymodify" value=""/>
            <input class="btn btn-secondary" type="button" value=" {lang_admin('return_list')} " onclick="gotourl(this)"
                   data-dataurl="index.php?case=slide&act=list&admin_dir={get('admin_dir',true)}" />
            <h5>{lang_admin('add_slide')}
                <!--工具栏-->
                <div class="content-eidt-nav pull-right">
                    <a id="fullscreen-btn" class="btn btn-default" style="display:none;">
                        <i class="icon-frame"></i>
                        {lang_admin('container_fluid')}
                    </a>

                    <span class="pull-right">

                    <input  name="submit" value="1" type="hidden">
                        <button class="btn btn-success" type="submit" onclick="mysave()">
                            <span class="glyphicon glyphicon-floppy-disk"></span> <?php echo lang_admin('preservation');?>
                        </button>



                    <a href="#" onclick="gotourl(this)" data-dataurl="{$base_url}/index.php?case=slide&act=list&admin_dir={get('admin_dir',true)}&site=default" data-dataurlname="<?php echo lang_admin('slide');?>" class="btn btn-default">
                        <i class="icon-action-redo"></i>
                    </a>

 <a id="content-eidt-nav-btn" class="btn btn-default" style="display:none;">
                    <i class="icon-close"></i>
					</a>
                </span>
                </div>
            </h5>
            <div class="blank20"></div>
            <div class="box" id="box">

            <div class="blank30"></div>

            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_name')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('name',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
            
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_width')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('slide_width',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_height')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('slide_height',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_time')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('slide_time',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_style_position')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('slide_style_position',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
                <div class="row">
                    <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_title_size')}</div>
                    <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                        {form::getform('slide_title_size',$form,$field,$data)}
                    </div>
                </div>
                <div class="clearfix blank20"></div>

                <div class="row">
                    <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_subtitle_size')}</div>
                    <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                        {form::getform('slide_subtitle_size',$form,$field,$data)}
                    </div>
                </div>
                <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_text_color')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    <div id="slide_text_color" class="input-group">
                        {form::getform('slide_text_color',$form,$field,$data)}
                        <span class="input-group-addon">
                            <i></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_input_bg')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    <div id="slide_input_bg" class="input-group">
                        {form::getform('slide_input_bg',$form,$field,$data)}
                        <span class="input-group-addon">
                            <i></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_input_color')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    <div id="slide_input_color" class="input-group">
                        {form::getform('slide_input_color',$form,$field,$data)}
                        <span class="input-group-addon">
                            <i></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_btn_hover_color')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    <div id="slide_btn_hover_color" class="input-group">
                        {form::getform('slide_btn_hover_color',$form,$field,$data)}
                        <span class="input-group-addon">
                            <i></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_btn_color')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    <div id="slide_btn_color" class="input-group">
                        {form::getform('slide_btn_color',$form,$field,$data)}
                        <span class="input-group-addon">
                            <i></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_btn_width')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('slide_btn_width',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_btn_height')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('slide_btn_height',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_btn_shape')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('slide_btn_shape',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_button_size')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    {form::getform('slide_button_size',$form,$field,$data)}
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="row">
                <div class="col-xs-5 col-sm-5 col-md-4 col-lg-3 text-right">{lang_admin('slide_button_color')}</div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    <div id="slide_button_color" class="input-group">
                        {form::getform('slide_button_color',$form,$field,$data)}
                        <span class="input-group-addon">
                            <i></i>
                        </span>
                    </div>
                </div>
            </div>
            <div class="clearfix blank20"></div>
            <div class="blank30"></div>
            <div class="line"></div>
            <div class="blank30"></div>

            <div class="row">
                <div class="col-xs-2 col-sm-2 col-md-3 col-lg-2 text-left"></div>
                <div class="col-xs-7 col-sm-7 col-md-6 col-lg-6 text-left">
                    <input  name="submit" value="1" type="hidden">
                    <input type="submit"   value="{lang_admin('submitted')}" class="btn btn-primary btn-lg"/>
                </div>
            </div>

            </div>
        </form>


        <div class="blank30"></div>

</div>

<script type="text/javascript">
    <!--
    $(document).ready(function(){
        $(window).scroll(function() {
            var top = $("#index_connent").offset().top; //获取指定位置
            var scrollTop = $(window).scrollTop();  //获取当前滑动位置
            if(scrollTop > top){                 //滑动到该位置时执行代码

                $(".content-eidt-nav").addClass("sabit");

                $(".sabit #fullscreen-btn").css("display","inline-block");
                $(".sabit #content-eidt-nav-btn").css("display","inline-block");

            }else{
                $(".content-eidt-nav").removeClass("sabit");
                $("#fullscreen-btn").css("display","none");
                $(".fixed #fullscreen-btn").css("display","inline-block");
                $("#content-eidt-nav-btn").css("display","none");
            }
        });
    });


    $(document).ready(function(){
        $("#content-eidt-nav-btn").click(function(){

            $(".content-eidt-nav").removeClass("sabit");
        });
    });
    //-->
</script>
<script type="text/javascript">
    <!--
    var fullscreen = false;
    let btn = document.getElementById('fullscreen-btn');
    let fullarea = document.getElementById('box')
    btn.addEventListener('click',function(){
        if (fullscreen) {
            // 退出全屏
            $(".content-eidt-nav").removeClass("fixed");
            $(".content-eidt-nav").css({
                "background-color":"#ffffff"
            });
            $(".content-eidt-nav.sabit").css({
                "padding-right":"15px",
            });
            $(".fixed #fullscreen-btn").css("display","none");
            if (document.exitFullscreen) {
                document.exitFullscreen();
            } else if (document.webkitCancelFullScreen) {
                document.webkitCancelFullScreen();
            } else if (document.mozCancelFullScreen) {
                document.mozCancelFullScreen();
            } else if (document.msExitFullscreen) {
                document.msExitFullscreen();
            }
        } else {
            // 进入全屏
            $("#box").css({
                "overflow":"hidden",
                "overflow-y":"auto"
            });
            $(".content-eidt-nav").addClass("fixed");

            $(".fixed #fullscreen-btn").css("display","inline-block");

            if (fullarea.requestFullscreen) {
                fullarea.requestFullscreen();
            } else if (fullarea.webkitRequestFullScreen) {
                fullarea.webkitRequestFullScreen();
            } else if (fullarea.mozRequestFullScreen) {
                fullarea.mozRequestFullScreen();
            } else if (fullarea.msRequestFullscreen) {
                // IE11
                fullarea.msRequestFullscreen();
            }
        }
        fullscreen = !fullscreen;
    });
    //-->
</script>