<!DOCTYPE html>
<html>

<head>
  {% include "common/common-head.html" %}
</head>

<body class="hold-transition skin-blue sidebar-mini">
  <div class="wrapper">

    {% include "common/page-header.html" %}
    {% with pageselected="ups" %}
    {% include "common/sidebar-menu.html" %}
    {% endwith %}

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">

      <!-- Main content -->
      <section class="content">

        <div class="row">
          <div class="col-xs-12">

            <div class="box box-info">
              <div class="box-header with-border">
                <h3 class="box-title">UPS configuration</h3>
              </div>
              <!-- /.box-header -->
              <!-- form start -->
              <form class="form-horizontal" method="post">
                <div class="box-body">

                  <div class="form-group">
                    <label for="serverstatus" class="col-sm-2 control-label">Server Status</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="serverstatus" disabled="" value="{{ serverstatus }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="upsstatus" class="col-sm-2 control-label">UPS Status</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="upsstatus" disabled="" value="{{ upsstatus }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="upsmfr" class="col-sm-2 control-label">UPS Brand</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="upsmfr" disabled="" value="{{ upsmfr }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="upsmodel" class="col-sm-2 control-label">UPS Model</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="upsmodel" disabled="" value="{{ upsmodel }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="upsserial" class="col-sm-2 control-label">UPS Serial</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="upsserial" disabled="" value="{{ upsserial }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="upsload" class="col-sm-2 control-label">UPS Load</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="upsload" disabled="" value="{{ upsload }} %">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="upscharge" class="col-sm-2 control-label">UPS Charge</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="upscharge" disabled="" value="{{ upscharge }} %">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="host" class="col-sm-2 control-label">Host</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="host" name="host" placeholder="Hostname or IP address"
                        value="{{ host }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="port" class="col-sm-2 control-label">Port</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="port" name="port" placeholder="NUT port, default 3493"
                        value="{{ port }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="upsname" class="col-sm-2 control-label">UPS Name</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="upsname" name="upsname" placeholder="UPS name"
                        value="{{ upsname }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="username" class="col-sm-2 control-label">Username</label>
                    <div class="col-sm-10">
                      <input type="text" class="form-control" id="username" name="username"
                        placeholder="username (if required)" value="{{ username }}">
                    </div>
                  </div>

                  <div class="form-group">
                    <label for="password" class="col-sm-2 control-label">Password</label>
                    <div class="col-sm-10">
                      <input type="password" class="form-control" id="password" name="password"
                        placeholder="password (if required)" value="{{ password }}">
                    </div>
                  </div>


                </div>

                <!-- /.box-body -->
                <div class="box-footer">
                  <button type="submit" class="btn btn-info pull-right">Save</button>
                </div>
                <!-- /.box-footer -->
              </form>
            </div>

          </div>
          <!-- /.col -->
        </div>
        <!-- /.row -->

      </section>
      <!-- /.content -->
    </div>
    <!-- /.content-wrapper -->

    {% include "common/footer.html" %}

  </div>
  <!-- ./wrapper -->

  {% include "common/common-js.html" %}

</body>

</html>