<link rel="import" href="chrome://resources/html/polymer.html">
<link rel="import" href="chrome://resources/polymer/v1_0/iron-input/iron-input.html">
<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input-container.html">
<link rel="import" href="internet_shared_css.html">

<dom-module id="network-proxy-input">
  <template>
    <style include="internet-shared">
      paper-input-container {
        -webkit-margin-start: 10px;
        margin-bottom: -12px;
        margin-top: -8px;
      }

      #port {
        width: 50px;
      }
    </style>
    <div class="layout horizontal center">
      <div class="flex">[[label]]</div>
      <paper-input-container no-label-float>
        <input is="iron-input" bind-value="{{value.Host}}" disabled="[[!editable]]"
            on-blur="onValueChange_">
      </paper-input-container>
      <div>$i18n{networkProxyPort}</div>
      <paper-input-container no-label-float id="port">
        <input is="iron-input" bind-value="{{value.Port}}" disabled="[[!editable]]"
            on-blur="onValueChange_">
      </paper-input-container>
    </div>
  </template>
  <script src="network_proxy_input.js"></script>
</dom-module>
