#cartography-page(data-behavior='AostaCartography')
  .page-header
    %h2
      %i.icon-globe
      = t('Maps')
      %small
        %span#cartography-update-time

  .row
    .span3
      .sidebar
        %h3= t('Gates groups')
        - foreach($gateGroups as $gateGroup)
          - $gateGroup = new GateGroupPresenter($gateGroup)
          .gate-group-list(data-behavior="NavigateToCoords"
            data-navigate-to-target="#big-map"
            data-navigate-to-latitude="#{$gateGroup->latitude}"
            data-navigate-to-longitude="#{$gateGroup->longitude}")
            %span.gate-group-name
              %span.status-icon.icon-circle(class="#{$gateGroup->statusClass}")
              = $gateGroup->name

            %ul.unstyled
              - foreach($gateGroup->gates as $gate)
                - $gate = new GatePresenter($gate)
                %li
                  %span.gate-name= $gate->Descrizione


        .small-map-section
          %h3= t('Generic map')
          .small-map-image-container
            %img#small-map(src="#{Yii::app()->baseUrl}/images/MapVDA.png")

    .span9
      .big-map-container
        %iframe#big-map(src="#{Yii::app()->baseUrl}/iframes/cartography/valledaosta.htm")
