<% # encoding: utf-8 %>


<div id="isotope">
            <div class="item element">
                <div class="detail w-a h-a">
                    <p class="totle">
						<a class="btn btn-small btn-primary pull-right" href="<%= panel_personal_project_back_end_project_project_category_quick_add_path('add') %>#myModal1" data-toggle="modal" data-remote="true"><i class="icon-plus"></i> <%= t('add')%></a>
                        <span>計畫類別</span>                        
                    </p>
                    <div class="detal-list my_scroll">
                        <div class="scrollbar">
                            <div class="track">
                                <div class="thumb">
                                    <div class="end"></div>
                                </div>
                            </div>
                        </div>
                        <div class="viewport">
                            <div class="overview">
                                <table id="project_categorys" class="table table-striped">
                                    <tbody>
										<%= render :partial => 'list_project_category', :collection => @project_categorys %>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
			
            <div class="item element">
                <div class="detail w-a h-a">
                    <p class="totle">                        
                        <button class="btn btn-small btn-primary pull-right" type="button" data-toggle="modal" data-target="#myModal4"><i class="icon-plus"></i> 新增</button>
                        <span>領域</span>
                    </p>
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#">中文</a></li>
                        <li><a href="#">English</a></li>
                    </ul>
                    <div class="detal-list my_scroll">
                        <div class="scrollbar">
                            <div class="track">
                                <div class="thumb">
                                    <div class="end"></div>
                                </div>
                            </div>
                        </div>
                        <div class="viewport">
                            <div class="overview">
                                <table class="table table-striped">
                                    <tbody>
                                        <tr>
                                            <td>Corresponding Author</td>
                                            <td>編輯　刪除</td>
                                        </tr>
                                        <tr>
                                            <td>First Author, Co- Authors</td>
                                            <td>編輯　刪除</td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="form-actions form-fixed pagination-right">
            <a class="btn btn-primary pull-right" href><i class="icon-plus icon-white"></i> 匯出</a>&nbsp;
            <a class="btn btn-primary pull-right" href><i class="icon-plus icon-white"></i> 匯入</a>&nbsp;
            <a class="btn btn-primary pull-right" href><i class="icon-plus icon-white"></i> 新增</a>&nbsp;
            <a class="btn btn-primary pull-right" href><i class="icon-plus icon-white"></i> 設定</a>　
        </div>

		<div id="project_category_qe">
			<div style="display:none;" class="modal" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<%= render :partial => "project_category_qe" %>
			</div>
		</div>
		
        <div style="display:none;" class="modal" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                <h3 id="myModalLabel">領域</h3>
            </div>
            <ul class="nav nav-tabs">
                <li class="active"><a href="#">中文</a></li>
                <li><a href="#">English</a></li>
            </ul>
            <div class="modal-body">
                <form class="form-horizontal">
                    <div class="control-group">
                        <label class="control-label" for="inputvalue">名稱</label>
                        <div class="controls">
                            <input type="text" id="inputvalue" placeholder="Value">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
                <button class="btn btn-primary">Save changes</button>
            </div>
        </div>
		
		
		

<% content_for :page_specific_css do %>
	<%= stylesheet_link_tag "item" %>
<% end %>