idsci/application/index/view/user/conference_participate.html

<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 active">
                                    <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">
                                    <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">Participate in the conference</h2>
                                {if condition="$row.user_id != $user.id"}
                                <form id="conference-participate-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="{:url('api/user/conference_participate')}">
                                    <input type="hidden" id="c-conference" name="row[conference_id]" value="{$id}">
                                    <div class="form-group">
                                        <h3 class="control-label col-xs-12 col-sm-5 mt-0" style="text-align: left">
                                            Author 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>Institution E-Mail
                                        </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 mt-0">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Name
                                        </label>
                                        <div class="col-xs-12 col-sm-3">
                                            <input type="text" class="form-control" data-rule="required" id="c-first_name" name="row[first_name]" value="" placeholder="First name">
                                        </div>
                                        <div class="col-xs-12 col-sm-3">
                                            <input type="text" class="form-control" data-rule="required" id="c-middle_name" name="row[middle_name]" value="" placeholder="Middle name">
                                        </div>
                                        <div class="col-xs-12 col-sm-3">
                                            <input type="text" class="form-control" data-rule="required" id="c-last_name" name="row[last_name]" value="" placeholder="Last name">
                                        </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>Display E-Mail
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <div class="input-group mb-3">
                                                <div class="radio radio-inline pl-0">
                                                    <label for="c-is_email"><input data-rule="required" id="c-is_email" name="row[is_email]" type="radio" value="yes" />Yes</label>
                                                    <label for="c-is_email"><input data-rule="required" id="c-is_email" name="row[is_email]" type="radio" value="no"/>No</label>
                                                </div>
                                            </div>
                                        </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>Correspondsing Author
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <div class="input-group mb-3">
                                                <div class="radio radio-inline pl-0">
                                                    <label for="c-is_correspondsing_author"><input data-rule="required" id="c-is_correspondsing_author" name="row[is_correspondsing_author]" type="radio" value="yes" />Yes</label>
                                                    <label for="c-is_correspondsing_author"><input data-rule="required" id="c-is_correspondsing_author" name="row[is_correspondsing_author]" type="radio" value="no" />No</label>
                                                </div>
                                            </div>
                                        </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>Affiliation
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <input type="text" class="form-control" data-rule="required" id="c-affiliation" name="row[affiliation]" value="" placeholder="Affiliation">
                                        </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>Country / Temitory
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <select id="c-country" data-rule="required" class="form-control" name="row[country]">
                                                <option value="">Please select</option>
                                                {foreach name="site.country" item="vo"}
                                                <option value="{$key}">{$vo}</option>
                                                {/foreach}
                                            </select>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <h3 class="control-label col-xs-12 col-sm-5 mt-0" style="text-align: left">
                                            Article Information
                                        </h3>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            <span style="color:#ed534b;margin-right: 10px;">*</span>Manuscript (Word/ZIP)
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <div class="input-group">
                                                <input data-rule="required" id="c-manuscript_word" class="form-control" name="row[manuscript_word]" type="text">
                                                <div class="input-group-addon no-border no-padding">
                                                    <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-manuscript_word" data-multiple="true" data-preview-id="p-manuscript_word"><i class="fa fa-upload"></i> Upload</button></span>
                                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-manuscript_word" data-preview-id="p-manuscript_word" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> Choose</button></span>
                                                    <span class="msg-box n-right" for="c-manuscript_word"></span>
                                                </div>
                                            </div>
                                            <ul class="row list-inline plupload-preview" id="p-manuscript_word"></ul>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            Manuscript (PDF Version)
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <div class="input-group">
                                                <input id="c-manuscript_pdf" class="form-control" name="row[manuscript_pdf]" type="text">
                                                <div class="input-group-addon no-border no-padding">
                                                    <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-manuscript_pdf" data-multiple="true" data-preview-id="p-manuscript_pdf"><i class="fa fa-upload"></i> Upload</button></span>
                                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-manuscript_pdf" data-preview-id="p-manuscript_pdf" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> Choose</button></span>
                                                    <span class="msg-box n-right" for="c-manuscript_pdf"></span>
                                                </div>
                                            </div>
                                            <ul class="row list-inline plupload-preview" id="p-manuscript_pdf"></ul>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="control-label col-xs-12 col-sm-3">
                                            Graphical Abstract
                                        </label>
                                        <div class="col-xs-12 col-sm-8">
                                            <div class="input-group">
                                                <input id="c-graphical_abstract" class="form-control" name="row[graphical_abstract]" type="text">
                                                <div class="input-group-addon no-border no-padding">
                                                    <span><button type="button" id="plupload-images" class="btn btn-danger plupload" data-input-id="c-graphical_abstract" data-multiple="true" data-preview-id="p-graphical_abstract"><i class="fa fa-upload"></i> Upload</button></span>
                                                    <span><button type="button" id="fachoose-images" class="btn btn-primary fachoose" data-input-id="c-graphical_abstract" data-preview-id="p-graphical_abstract" data-mimetype="image/*" data-multiple="true"><i class="fa fa-list"></i> Choose</button></span>
                                                    <span class="msg-box n-right" for="c-graphical_abstract"></span>
                                                </div>
                                            </div>
                                            <ul class="row list-inline plupload-preview" id="p-graphical_abstract"></ul>
                                        </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>
                                {else}
                                You have already participated in this meeting and do not need to participate again, <a href="{:url('/p/conference')}" style="color: #007bff;">Please click here</a>
                                {/if}
                            </div>
                        </div>
                    </div>
                </div>
            </div>

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