d<link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" type="image/x-icon"/>
<link href="__CDN__/assets/css/frontend{$Think.config.app_debug?'':'.min'}.css?v={$Think.config.site.version|htmlentities}" rel="stylesheet">
<link href="__CDN__/assets/css/user.css?v={$Think.config.site.version|htmlentities}" rel="stylesheet">
<link rel="stylesheet" media="screen" href="__CDN__/assets/css/bootstrap{$Think.config.app_debug?'':'.min'}.css?v={$site.version}"/>
<link rel="stylesheet" media="screen" href="__CDN__/assets/libs/font-awesome/css/font-awesome.min.css?v={$site.version}"/>
<link rel="stylesheet" media="screen" href="__CDN__/assets/libs/fastadmin-layer/dist/theme/default/layer.css?v={$site.version}"/>
<link rel="stylesheet" media="screen" href="__CDN__/assets/addons/cms/css/swiper.min.css?v={$site.version}">
<link rel="stylesheet" media="screen" href="__CDN__/assets/addons/cms/css/share.min.css?v={$site.version}">
<link rel="stylesheet" media="screen" href="__CDN__/assets/addons/cms/css/iconfont.css?v={$site.version}">
<link rel="stylesheet" media="screen" href="__CDN__/assets/addons/cms/css/common_black.css?v={$site.version}"/>
<style>
    .navbar-collapse {
        margin-top: 0 !important;
    }
    .navbar-white .navbar-nav > li > a {
        font-size: 16px !important;
    }
    .navbar-nav > li > a {
        font-size: 16px !important;
        color: #000000 !important;
        letter-spacing: 0.18px;
        font-weight: 500;
        margin-right: 5px;
    }
    .navbar-white .navbar-nav > li > a:hover, .navbar-white .navbar-nav > li > a:focus {
        background-color: transparent !important;
        color: #000000 !important;
        border-bottom: 2px solid #000000;
    }
</style>
<div class="swiper-container index-focus mt-3">
    <!-- S 焦点图 -->
    <div id="index-focus" class="carousel slide carousel-focus" data-ride="carousel">
        <ol class="carousel-indicators">
            {cms:blocklist id="block" name="indexfocus" row="5"}
            <li data-target="#index-focus" data-slide-to="{:$i-1}" class="{if $i==1}active{/if}"></li>
            {/cms:blocklist}
        </ol>
        <div class="carousel-inner" role="listbox">
            {cms:blocklist id="block" name="indexfocus" row="5"}
            <div class="item {if $i==1}active{/if}">
                <a href="{$block.url}">
                    <div class="carousel-img" style="background-image:url('{$block.image}');"></div>
                    <div class="carousel-caption hidden-xs">
                        <h3>{$block.title|htmlentities}</h3>
                    </div>
                </a>
            </div>
            {/cms:blocklist}
        </div>
        <a class="left carousel-control" href="#index-focus" role="button" data-slide="prev">
            <span class="icon-prev fa fa-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#index-focus" role="button" data-slide="next">
            <span class="icon-next fa fa-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>
    <!-- E 焦点图 -->
</div>
<div class="container" id="content-container">

    <div class="row">
        <main class="col-xs-12 col-md-8">
            <div class="container">
                <div class="row">
                    <div class="col-md-3 pt-0">
                        <div class="sidebar-toggle"><i class="fa fa-bars"></i></div>
                        <div class="sidenav pt-0" id="sidebar-nav">
                            <ul class="list-group">
                                <li class="list-group-heading">
                                <span class="list-group-heading-font">
                                    Conference
                                </span>
                                </li>
                                <li class="list-group-item">
                                    <a href="{:url('/p/conference')}">
                                        Ideal Science  Conference
                                        <img src="__CDN__/assets/img/index/arrow_right_icon.png" alt="">
                                    </a>
                                </li>
                                <li class="list-group-item active">
                                    <a href="{:url('index/user/submit_conference')}">
                                        Submit a Conference
                                        <img src="__CDN__/assets/img/index/arrow_right_icon.png" alt="">
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="col-md-9">
                        <div class="panel panel-default">
                            <div class="panel-body pt-0">
                                <h2 class="page-header">Submit a conference</h2>
                                <form id="conference-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('api/user/submit_conference')}">
                                    <div class="form-group">
                                        <h3 class="control-label col-xs-12 col-sm-5 mt-0" style="text-align: left">
                                            Basic Information
                                        </h3>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Image：
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <div class="input-group">
                                                <input id="c-image" data-rule="required" class="form-control" name="row[image]" type="text">
                                                <div class="input-group-addon no-border no-padding">
                                                    <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-maxsize="4M" data-input-id="c-image" data-multiple="true" data-preview-id="p-image"><i class="fa fa-upload"></i> Upload</button></span>
                                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-maxsize="4M" data-input-id="c-image" data-preview-id="p-manuscript-zip" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> Choose</button></span>
                                                    <span class="msg-box n-right" for="c-image"></span>
                                                </div>
                                            </div>
                                            <ul class="row list-inline plupload-preview" id="p-image"></ul>
                                            <span class="msg-box tf tf-home_button" style="color: #f00;line-height: 25px">Image size：375*655px</span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Conference title
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" data-rule="required" id="c-title" name="row[title]" value="" placeholder="Title">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            Conference location
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" id="c-location" name="row[location]" value="" placeholder="Location">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            Conference web site
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" id="c_web_site" name="row[web_site]" value="" placeholder="Web_site">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Conference organizer
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" data-rule="required" id="c-organizer" name="row[organizer]" value="" placeholder="Organizer">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Conference chair
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" data-rule="required" id="c-chair" name="row[chair]" value="" placeholder="Chair">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Start Time
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" name="row[start_time]" id="c-start_time" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-tip="" data-rule="required" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>End Time
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" name="row[end_time]" id="c-end_time" class="form-control datetimepicker" data-date-format="YYYY-MM-DD" data-tip="" data-rule="required" />
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Number of participants
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" data-rule="required" id="c-person_num" name="row[person_num]" value="" placeholder="Number of participants">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3 mt-0">
                                            Conference topics
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" id="c-topics" name="row[topics]" value="" placeholder="Topics">
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <h3 class="control-label col-xs-12 col-sm-5 mt-0" style="text-align: left">
                                            Contact Person Details
                                        </h3>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Name
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" data-rule="required" id="c-name" name="row[name]" value="" placeholder="Name">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Email
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" data-rule="required" id="c-email" name="row[email]" value="" placeholder="Email">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Affiliation/Address
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" data-rule="required" id="c-affiliation_address" name="row[affiliation_address]" value="" placeholder="Affiliation/Address">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            Verification code
                                        </label>
                                        <div class="col-xs-12 col-sm-6 pr-0">
                                            <input id="c-captcha" type="text" name="captcha" class="form-control" placeholder="{:__('Captcha')}" data-rule="{:__('Captcha')}:required;length({$Think.config.captcha.length})" autocomplete="off"/>
                                        </div>
                                        <div class="col-xs-12 col-sm-2 pl-0">
                                            <span class="input-group-addon" style="padding:0;border:none;cursor:pointer;">
                                                <img src="{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha" width="100" height="30" onclick="this.src = '{:rtrim('__PUBLIC__', '/')}/index.php?s=/captcha&r=' + Math.random();"/>
                                            </span>
                                        </div>
                                    </div>

                                    <div class="form-group normal-footer">
                                        <label class="control-label col-xs-12 col-sm-3"></label>
                                        <div class="col-xs-12 col-sm-8">
                                            <button type="submit" class="btn btn-primary btn-embossed disabled">Submit</button>
                                            <button type="reset" class="btn btn-default btn-embossed">Reset</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </main>
    </div>
</div>