{template 'common/header2'}
<script>
    alert("报名已截止");

</script>
<script src="{$_W['siteroot']}app/resource/js/jquery.SuperSlide.2.1.1.js"></script>
<style type="text/css">
    .picScroll-left{ width:100%;  overflow:hidden; position:relative;margin:0 0 0 15px;}
    .picScroll-left .bd{padding:0;}
    .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
    .picScroll-left .bd ul li{ float:left; _display:inline; overflow:hidden; text-align:center;  }
    .picScroll-left .bd ul li .pic{ text-align:center; }
    .picScroll-left .bd ul li .pic img{ display:block;  padding:2px; border:1px solid #ccc; }
    .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
    .picScroll-left .bd ul li .title{ line-height:24px;   }
    .nav li a {height: 60px;line-height: 60px;}

    .jg{height:5px;width: 100%;background:#ebebeb;}

    .nav-index a{text-align:center;display: inline-block;margin-top: 10px;margin-bottom:10px;color:#999;}

    .index-news{margin:15px 0;}
    .index-news a,.need-title{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
    .index-news .span1,.index-news .span2{border: 1px solid #6b56d5;color:#6b56d5;padding: 0 5px;border-radius: 3px;margin-right: 5px;}
    .index-news .span2{border: 1px solid #6ddb81;color:#6ddb81;}
    .news-info{margin-top:8px;}
    .news-info:first-child{margin-top:0;}
    .news-list{border-bottom:1px solid #eee;padding:10px 0;}
    .pic{padding:0;}
    .need-time {font-size:13px;color:#999;}
    a{color:#666;}
    .footblank{height:15px;}
    select{border:none;margin:0;}
    body{background:#eee;}
    p{margin-bottom:0;text-indent:2em;}
    input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea{margin-bottom:0;padding-left:30px;}
    label{font-weight:400;font-size:16px;color:#6d3b2f;}

    .checkbox-inline{width:100%;float:left;}
    .radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline{margin-left:0;}
    .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox]{width:15px;border-radius:0;margin-top:3px;}
    .glyphicon {
        position: absolute;
        top: 0;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        margin: 0 10px;
        color: #dd805b;
        width:15px;
        opacity:.6;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
</style>
{if $show == 1}
<div class="cover" style="width:100%;background:rgba(0,0,0,.6);position:fixed;top:0;z-index:9999;">
    <div class="text-center" style="line-height:35px;width:90%;margin:38% auto 0;background:#fff;border-radius:8px;"><br>
        <center><font style="font-size:16px;" color="red">请先关注“环保国际合作服务平台”</font></center>
        <img width="50%" src="{$_W['siteroot']}attachment/qrcode_hb.jpg">
        <center><font style="font-size:20px;font-weight:bold">长按上图识别二维码</font></center><br>
    </div>
</div>
<script>
    var ch = $(window).height();
    $(".cover").css({"height":ch+"px"});
</script>
{/if}
<div class="page-header .navbar-fixed-top" style="background:#dd805b;height:50px;margin:0;display:none;">
    <div class="pull-left"><span onclick="javascript:history.back(-1);" style="display:inline-block;color: #fff;line-height: 50px;font-size:20px;padding-left: 10px;"><</span></div>
    <div class="text-center" style="line-height: 50px;color:#fff;font-size: 18px;padding:0 50px;">中加废水及土壤修复技术合作研讨会</div>
    <div class="pull-right" style="margin-top:-50px;"><a href="" style="padding-right: 10px;line-height: 50px;"></a></div>
    <div class="clearfix"></div>
</div>
<div style="position: relative;background:#00adef;" >
    <img width="100%" height="170" src="{$_W['siteroot']}attachment/images/52_HeaderBg.jpg" alt="">
    <div style="position: absolute;top: 18%;width: 100%;">
        <h2 style="color: #fff;font-size: 18px;text-align: center;line-height:25px;">中加废水及土壤修复技术合作研讨会</h2>
        <p style="color: #fff;text-align: center;text-indent:0;">时间：2018年9月20日（星期四）13:30-16:30</p>
        <p style="color: #fff;text-align: center;text-indent:0;">地址：南京金陵饭店中山厅（汉中路2号）</p>
    </div>
</div>
<div style="text-align:center; height:205px;margin-top:155px;display:none"> 报名已结束！</div>
<form id="form111" name="form" style="width:90%;margin:15px auto 15px;background:#fff;" action="" method="post" class="form-horizontal">
    <div class="row" style="padding:15px;">


        <div class="form-group" style="display:none;">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">单位简介 Company Profile</label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <textarea id="profile" name="profile" class="form-control" rows="3"></textarea>
            </div>
        </div>

        <div class="form-group" style="display:none;">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">单位网址 Website of Company</label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <span class="glyphicon glyphicon-link" aria-hidden="true"></span><input type="text" class="form-control" id="website" name="website" value="" placeholder=""/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">姓名 Name <span style="color:#dd805b;">*</span></label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <span class="glyphicon glyphicon-user" aria-hidden="true"></span><input type="text" class="form-control" id="name" name="name" value="" placeholder=""/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">单位名称 Company <span style="color:#dd805b;">*</span></label><!--Name of-->
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <span class="glyphicon glyphicon-home" aria-hidden="true"></span><input type="text" class="form-control" id="gsname" name="gsname" value="" placeholder=""/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">职务 Job Position <span style="color:#dd805b;">*</span></label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <span class="glyphicon glyphicon-briefcase" aria-hidden="true"></span><input type="text" class="form-control" id="job" name="job" value="" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">手机 Mobile <span style="color:#dd805b;">*</span></label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <span class="glyphicon glyphicon-phone" aria-hidden="true"></span><input type="tel" class="form-control" id="mobile" name="mobile" value="" placeholder=""/>
            </div>
        </div>
        <div class="form-group" style="display:none;">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">参会人数 Number <span style="color:#dd805b;">*</span></label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <span class="glyphicon glyphicon-stats" aria-hidden="true"></span><input type="tel" class="form-control" id="number" name="number" value="" placeholder=""/>
            </div>
        </div>
        <div class="form-group">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">邮箱 Email <span style="color:#dd805b;">*</span></label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <span class="glyphicon" aria-hidden="true">@</span><input type="email" class="form-control" id="email" name="email" value="" placeholder=""/>
            </div>
        </div>
        <div class="form-group" style="display:none">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">是否参加 Intention <span style="color:#dd805b;">*</span></label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <div class="checkbox-inline">
                    <input type="checkbox" id="1" class="intention" name="intention[]" value="1"><label for="1"> 商务对接
                    </label></div>
                <div class="checkbox-inline">
                    <input type="checkbox" id="2" class="intention" name="intention[]" value="2"><label for="2"> 园区走访
                    </label></div>
            </div>
        </div>


        <div class="form-group" style="">
            <label class="col-xs-12 col-sm-3 col-md-2 control-label">感兴趣的企业 <span style="color:#dd805b;">*</span></label>
            <div class="col-sm-9 col-md-8 col-lg-8 col-xs-12">
                <div class="checkbox-inline">
                    <input type="checkbox" id="d1" class="intention" name="intention[]" value="1"><label for="d1"> Allterra Construction Ltd. </label>
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" id="d2" class="intention" name="intention[]" value="2"><label for="d2"> BioLargo Water Inc.  </label>
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" id="d3" class="intention" name="intention[]" value="3"><label for="d3"> BQE Water Inc. </label>
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" id="d4" class="intention" name="intention[]" value="4"><label for="d4"> Fibracast Ltd.  </label>
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" id="d5" class="intention" name="intention[]" value="5"><label for="d5"> Materium Innovations Inc.  </label>
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" id="d6" class="intention" name="intention[]" value="6"><label for="d6"> McMillan-McGee Corp.  </label>
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" id="d7" class="intention" name="intention[]" value="7"><label for="d7"> Tecta-PDS Inc.  </label>
                </div>
                <div class="checkbox-inline">
                    <input type="checkbox" id="d8" class="intention" name="intention[]" value="8"><label for="d8"> Saltworks Technologies Inc. </label>
                </div>
            </div>
        </div>

        <button style="background:#dd805b;border:none;border-radius:0;position:fixed;bottom:10px;width:80%;height:40px;text-align:center;color:#fff;font-size:18px;letter-spacing:5px;z-index:999;" class="btn btn-primary btn-lg btn-block btn-k" >在线报名</button>
        <!--<input type="hidden" name="token" value="{$_W['token']}" />-->
    </div>
    <input type="hidden" name="submit" value="111">
</form>
<p style="color:#999;font-size:13px;text-align:center;text-indent:0;padding-bottom:50px;">技术支持：南京捌零玖零</p>
<div class="zxbm" style="background:#fff;border:none;position:fixed;bottom:0;width:100%;height:60px;line-height:40px;text-align:center;color:#fff;font-size:18px;letter-spacing:5px;z-index:888;"></div>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" style="margin-top:45%;">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-body text-center" style="padding:30px;">
                <div style="line-height: 50px;" class="sign_text"></div>
            </div>
            <div class="modal-footer">
                <a class="text-center col-xs-12 sure" style="border-right:1px solid #eee;">确定</a>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $('.sure').click(function(){
            $('#myModal').modal('hide');
        })
    </script>
</div>
<script>
    $("#form111").submit(function(e){
        return before();
    });
    //$('.btn-k').click(function(e){

    // before() && $("#form111").submit();;

    //});
    $('.sign_text').text('活动已结束');
    $('#myModal').modal('show');
    function before(){
        //$("#form").submit();
        //$('.sign_text').text('活动已结束');
        //$('#myModal').modal('show');
        //return false;

        var name = $("#name").val();
        var mobile = $("#mobile").val();
        var gsname = $("#gsname").val();
        var number = $("#number").val();
        var email = $("#email").val();
        var job = $("#job").val();

        if (name == ''){
            $('.sign_text').text('姓名不能为空');$("#name");
            $('#myModal').modal('show');
            return false;
        }

        if (gsname == ''){
            $('.sign_text').text('单位不能为空');
            $("#gsname").focus();
            $('#myModal').modal('show');
            return false;
        }
        if (job == ''){
            $('.sign_text').text('职务不能为空');$("#job");
            $('#myModal').modal('show');
            return false;
        }
        if (mobile == ''){
            $('.sign_text').text('手机不能为空');$("#mobile");
            $('#myModal').modal('show');
            return false;
        }
        if (email == ''){
            $('.sign_text').text('邮箱不能为空');$("#email");
            $('#myModal').modal('show');
            return false;
        }
        if (number == ''){
            // $('.sign_text').text('参会人数不能为空');$("#number");
            // $('#myModal').modal('show');
            // return false;
        }

        //var names = $(".intention");
        //var flag = false ;//标记判断是否选中一个
        //for(var i=0;i<names.length;i++){
        //  if(names[i].checked){
        //    flag = true ;
        //  break ;
        //}
        //}
        //if(!flag){
        //  $('.sign_text').text('请选择参会意向（最少一项）！');$("#job").focus();
        //$('#myModal').modal('show');
        //alert("请选择参会意向（最少一项）！");
        //return false ;
        //}
        return true;
        //alert(1)
        //$("#submit").click();
        //$("#form").submit();
    }

</script>
{template 'common/footer'}