app/views/cites_trade/home/index.html.erb
<form id='form_expert'>
<br>
<div class="grid_16 main_content">
<div class='banner'>
<p class='bold font-18'>
<%= t('full_db_download_available').html_safe %>
</p>
<a href=<%= cites_trade_download_db_path %> class='download-button' data-full-trade-db-download>
<div>
<p class='bold font-18 no-margin'><%= t('download_here') %> </p>
<p class='no-margin'><%= t('file_size') %>: 479MB</p>
</div>
</a>
</div>
<div class='heading_label' style="text-align: center;"> <%= t('cites_title') %> </div>
<div style="font-size:16px;font-weight:150;text-align: left;"> <%= t('cites_sub_title') %>: </div>
<div class="grid_8">
</div>
<!--Error message -->
<div class="grid_8">
<div style="text-align: left; color:#FF0000; font-weight:bold; display:none;"
id="search-error-message">
<%= t('errors.no_data_1') %>.<br><%= t('errors.no_data_2') %>.
</div>
<div style="text-align: left; color:#FF0000; font-weight:bold; display:none;"
id="csv-limit-exceeded-error-message">
<%= t('errors.csv_limit_exceeded_1') %>.<br>
<%#= t('errors.csv_limit_exceeded_2') %>
</div>
</div>
<hr class="space">
<div class="grid_10">
<div id="tabs" style="display: none;">
<ul>
<li><a href="#tabs-year">
<%= t('year_text') %>:<span> </span></a>
</li>
<li>
<a href="#tabs-exp">
<%= t('export_text') %>: <span> </span></a>
</li>
<li><a href="#tabs-imp">
<%= t('import_text') %>: <span> </span></a>
</li>
<li><a href="#tabs-source">
<%= t('source_text') %>: <span> </span></a>
</li>
</li>
<li><a href="#tabs-purpose">
<%= t('purpose_text') %>: <span> </span>
</a>
</li>
<li><a href="#tabs-terms">
<%= t('trade_text') %>: <span> </span>
</a>
</li>
<li><a href="#tabs-taxon"><%= t('taxon_text') %>:</a></li>
</ul>
<div id="tabs-year">
<div id="year" class="label_style">
<%= t('year_text') %> :
</div>
<p>
<%= t('year_tip') %>
</p>
<%= t('from') %>
<%= select_tag 'time_range_start', options_for_select(@years, @years.first), id: "qryFrom" %>
<%= t('to') %>
<%= select_tag 'time_range_end', options_for_select(@years, @years.first), id: "qryTo" %>
<span class="information qtipify" title="<%= t('year_text') %>"> </span>
</div>
<div id="tabs-exp">
<div class="label_style"> <%= t('export_text') %>:
<%= image_tag "cites_trade/information3.gif", class: "qtipify", title: t('export_tip') %>
</div>
<div>
<select id="expcty" class="multi_countries" multiple="multiple" name="exporters_ids[]">
<option selected value="all_exp"> <%= t('all_countries') %> </option>
</select>
</div>
<div id="eu_disclaimer_exp" class="select_notes">
<%= t('eu_disclaimer') %>
</div>
</div>
<div id="tabs-imp">
<div class="label_style"> <%= t('import_text') %>:
<%= image_tag "cites_trade/information3.gif", class: "qtipify", title: t('import_tip') %>
</div>
<div>
<select id="impcty" class="multi_countries" multiple="multiple" name="importers_ids[]">
<option selected value="all_imp"> <%= t('all_countries') %> </option>
</select>
</div>
<div id="eu_disclaimer_imp" class="select_notes">
<%= t('eu_disclaimer') %>
</div>
</div>
<div id="tabs-source">
<div class="label_style"> <%= t('source_text') %>:
<%= image_tag "cites_trade/information3.gif", class: "qtipify", title: t('source_tip') %>
</div>
<div>
<select name="sources_ids[]" id="sources" multiple="multiple" class="multisel">
<option value="all_sou" selected> <%= t('all_sources') %> </option>
</select>
</div>
</div>
<div id="tabs-purpose">
<div class="label_style"> <%= t('purpose_text') %>:
<%= image_tag "cites_trade/information3.gif", class: "qtipify", title: t('purpose_tip') %>
</div>
<div>
<select name="purposes_ids[]" id="purposes" multiple="multiple" class="multisel">
<option value="all_pur" selected> <%= t('all_purposes') %> </option>
</select>
</div>
</div>
<div id="tabs-terms">
<div class="label_style"> <%= t('trade_text') %>:
<%= image_tag "cites_trade/information3.gif", class: "qtipify", title: t('trade_tip') %>
</div>
<div>
<select name="terms_ids[]" id="terms" class="multisel" multiple="multiple">
<option value="all_ter" selected> <%= t('all_terms') %> </option>
</select>
</div>
</div>
<div id="tabs-taxon">
<div>
<%= t('taxon_tip') %>
<br>
</div>
<hr />
<hr class="space" />
<div class="taxon-search-container">
<div id="div_taxonomic_cascade" class="grid_8">
<span style="padding:10px 0px"><%= t('taxon_search') %></span><br />
<input type="text" size="30" name="taxon_concepts_ids[]" id="taxonomic_cascade_search" value=""><br>
</div>
</div>
</div>
</div>
</div>
<div class="grid_5 selection_box">
<div id="empty_box">
<div style="font-weight:600; font-size:16px"> <%= t('search_selection') %> </div><br />
<table id="table_selection" class="select_label" border="1" width="95%">
<tr><td width="30%"><%= t('year_text') %>: </td><td width="70%"><span id="year_from" class="span_label"><%= t('from') %>: <span></span></span> <span id="year_to" class="span_label"><%= t('to') %>: <span></span></span></td></tr>
<tr><td width="30%"><%= t('export_text') %>: </td><td width="70%"><span id="expcty_out" class="span_label"></span></td></tr>
<tr><td width="30%"><%= t('import_text') %>: </td><td width="70%"><span id="impcty_out" class="span_label"></span></td></tr>
<tr><td width="30%"><%= t('source_text') %>: </td><td width="70%"><span id="sources_out" class="span_label"></span></td></tr>
<tr><td width="30%"><%= t('purpose_text') %>: </td><td width="70%"> <span id="purposes_out" class="span_label"></span></td></tr>
<tr><td width="30%"><%= t('trade_text') %>: </td><td width="70%"><span id="terms_out" class="span_label"></span></td></tr>
<tr><td width="30%"><%= t('species') %>: </td><td width="70%"> <span id="species_out" class="span_label"></span></td></tr>
</table>
</div>
<hr class="space">
<div class="buttons">
<a id='submit_expert' href="#"><%= t('search') %></a>
<span id="cites-trade-loading" style="display:none"><%= image_tag('loading.gif') %></span>
<button type="reset" name="reset" style="float:right" id="reset_search">
<%= image_tag "cites_trade/refresh1.png", alt: "" %>
<%= t('reset') %>
</button>
</div>
</div>
</div>
</form>
<div class="grid_16 other_info">
<p align="center" class='no-margin'>
<strong><%= t('download') %>:</strong>
<a href=<%= cites_trade_download_db_path %> data-full-trade-db-download><%= t('full_db_download') %> (479MB)</a>
<strong class="new">*<%= t('new') %>*</strong>
</p>
<p align="center" class='no-margin'>
<strong><%= t('download') %>:</strong>
<a href="/cites_trade_guidelines/<%= I18n.locale %>-CITES_Trade_Database_Guide.pdf"><%= t('db_guide') %></a>
<% if I18n.locale == :en %>
<strong class="new">*<%= t('new') %>*</strong>
<% end %>
</p>
<% unless I18n.locale == :en %>
<p align="center">
<%= t('translation_in_progress_html') %>
</p>
<% end %>
</div>
</div>
</div>
</div>
</div>
</div>