<tal:block tal:define="layer python:request.get('layer',None);">
  <tal:block metal:use-macro="here/template/macros/module">


    <tal:block metal:fill-slot="icon"> M </tal:block>
    <tal:block metal:fill-slot="title"> Multi-layer Map </tal:block>


    <tal:block metal:fill-slot="menu">
       <ul id="account_menu">
        <li onclick="">Save</li>
        <li onclick="">Open</li>
    </tal:block>

    <tal:block metal:fill-slot="content">
      <!-- Subscreens:  mapping setup, map  -->
      <div class="subscreen main">
      
	  
      <div class="map_box">[loading...]</div>

      <div class="mapping_info">
      <table>
        <tr>
          <th>Map name</th>
          <td><input type="text" class="map_name" tal:attributes="value string:${layer}_map1" /></td>
        </tr>
      </table>
      <p><input type="button" class="map_save_button" value="Save map" /></p>
      <br>
      
      <h4>Layers</h4>
      <table width="100%" class="map_layer_table">
        <tr class="map_layer_header">
          <th>show</th>
          <th>layer name</th>
        </tr>
      </table>
      <br/>
     <table width="100%" class="map_layer_table">
        <tr >
          <td><input type="button" class="layer_add_button" value="Add layer" /></td>
          <td><input type="button" class="map_newwindow_button" value="New Window" /></td>
        </tr>
        <tr >
          <td><input type="button" class="map_update_button" value="Update map" /></td>
          <td><input type="button" class="map_e4D_button" value="Europeana4D" /></td>
        </tr>
      </table>        
      </div>

      </div>

      <!-- template for info table -->
      <table style="display:none">
        <tbody class="layer_info_tmpl">
          <tr class="layer_info">
            <td><input type="checkbox" class="layer_display_${idx}" checked="${display}" /></td>
            <td>${layer.name}</td>
            <td><input type="button" class="layer_edit_${idx}" value="edit" /></td>
            <td><input type="button" class="layer_delete_${idx}" value="del" /></td>
          </tr>
        </tbody>
      </table>
    <!--  Dialog for create table -->
    <div class="dialog add_layer_select" title="Select Layer" style="display:none">
      <form action="javascript:false;">
        <p>Select layer to add to map:<br/>
        <select size="5" name="add_layer_select" class="add_layer_select">
          <option>[loading...]</option>
        </select>
        </p>
      </form>
    </div>

    </tal:block>
  </tal:block>
</tal:block>