<div class="row">
  <div class="small-12 medium-9 column margin-top">

    <h1><%= t("map.title") %></h1>

    <div class="row">
      <div class="small-12 medium-3 column">
        <ul id="geozones" class="no-bullet">
          <% @geozones.each do |geozone| %>
            <li><%= link_to geozone.name, proposals_path(search: geozone.name) %></li>
          <% end %>
        </ul>
      </div>

      <div class="show-for-medium medium-9 column text-center">
        <%= image_tag("map.jpg", usemap: "#map") %>
      </div>

      <map name="map" id="html_map">
        <% @geozones.each do |geozone| %>
          <area shape="poly"
                coords="<%= geozone.html_map_coordinates %>"
                href="<%= polymorphic_url(@resource, search: geozone.name) %>"
                title="<%= geozone.name %>"
                alt="<%= geozone.name %>">
        <% end %>
      </map>
    </div>

    <h2><%= t("map.proposal_for_district") %></h2>

    <%= form_for(@resource, url: new_url_path, method: :get ) do |f| %>
      <div class="small-12 medium-4">
        <%= f.label :geozone_id,  t("map.select_district") %>
        <%= f.select :geozone_id, geozone_select_options,
                     {include_blank: t("geozones.none"), label: false} %>
      </div>

      <div class="actions small-12">
        <%= f.submit(class: "button radius", value: t("map.start_proposal")) %>
      </div>
    <% end %>
  </div>

  <div class="small-12 medium-3 column">
    <aside class="sidebar">
      <%= link_to t("map.start_proposal"),
                  new_proposal_path, class: 'button radius expand' %>
      <%= render "shared/tag_cloud", taggable: 'proposal' %>
    </aside>
  </div>
</div>
