extends layout

mixin btn(tag, cla, col, title)
    button.btn.btn-default.btn-lg.eicon(data-tag="#{tag}", data-dismiss="modal")
        i(class="#{cla}",style="color:#{col}") 
          
        = title

block content

  #wrapper

    #entongue_ok.alert.alert-success.alert-dismissable.hide  
        a.close(data-dismiss="alert",href="#",aria-hidden="true")×
        strong Bien!  
        | Entongue grabado.
           
    div#themap

  footer    
    .text-center

        if secs_left_to_entongue == 0
            a#entongar.btn.btn-primary.btn-lg.disabled(data-toggle="modal", data-target="#myModal", style="width:90%; margin:10px auto; font-size:90%") 
                span.fa.fa-th-large 
                |   ENTONGAR

            button#cant_entongue.btn.btn-primary.btn-lg.disabled.hide(style="width:90%; margin:10px auto; font-size:80%") No puedes entongar 
                span#countdown #{SECS_BETWEEN_ENTONGUES}
                |   segundos
        else
            button#cant_entongue.btn.btn-primary.btn-lg.disabled(style="width:90%; margin:10px auto; font-size:80%") No puedes entongar 
                | por 
                span#countdown #{secs_left_to_entongue} 
                |   segundos

  #myModal.modal.fade(tabindex="-1", role="dialog", aria-labelledby="myModalLabel", aria-hidden="true")
        .modal-dialog
            .modal-content
                .modal-body
                    +btn( "jam", "fa fa-truck", "#BF003D", "Embotellamiento")
                    +btn( "riot", "fa fa-bullhorn", "#BF003D", "Protesta")
                    +btn( "party", "fa fa-gift", "#BF003D", "Fiesta")
                    +btn( "music", "fa fa-music", "#BF003D", "Recital")
                    +btn( "crawd", "fa fa-group", "#EE7339", "Tumulto")

    script.
        if (navigator.geolocation) 
            navigator.geolocation.getCurrentPosition(success);
        else
            alert('Geo Location is not supported');