!!! 5
%html
  %head
    %title scrimp
    %script{:type => 'text/javascript', :src => '/jquery-2.0.3.min.js'}
    %script{:type => 'text/coffeescript', :src => '/main.coffee'}
    %script{:type => 'text/javascript', :src => '/coffee-script-1.6.3.min.js'}
    %link{:rel => 'stylesheet/css', :type => 'text/css', :href => '/reset.css'}
    %link{:rel => 'stylesheet/less', :type => 'text/css', :href => '/main.less'}
    %script{:type => 'text/javascript', :src => '/less-1.5.0.min.js'}
  %body
    .content.split-vertical
      .request
        %form.request-form{:action => "/invoke", :method => "post"}
          %input.invoke{:type => 'submit', :value => 'Invoke'}
          .structured-request
            %a.show-raw-request{:href => '#'} edit request as json
            .field
              %label.service-field{:name => 'service'} Service
              %select.service-field{:name => 'service'}
            .field
              %label.function-field{:name => 'function'} Function
              %select.function-field{:name => 'function'}
            .field
              %label.protocol-field{:name => 'protocol'} Protocol
              %select.protocol-field{:name => 'protocol'}
            .field
              %label.host-field{:name => 'host'} Host
              %input.host-field{:name => 'host', :type => 'text'}
            .field
              %label.port-field{:name => 'port'} Port
              %input.port-field{:name => 'port', :type => 'text'}
            %ul.args-field.struct-field
          .raw-request
            %a.show-structured-request{:href => '#'} use structured editor
            %textarea.request-json{:name => 'request-json'}
      .response
        .structured-response
          %a.show-raw-response{:href => '#'} view json
          %p.response-success Success!
          %p.response-error
          .response-details
        .raw-response
          %a.show-structured-response{:href => '#'} view formatted
          .response-json