<div class="container-fluid common-main-container">
  <div class="top-site-banner">
    <div class="container">
      <p class="p1">Complete this application then start your CVP journey</p>
    </div>
  </div>

  <div class="row" style="margin-top: 20px;">
    <div class="col-lg-12 container">
      <p class="message" style="display: none;"></p>
      <fieldset>
          <div class="field text col-md-4">
            <label class="left" >Organization name</label>
            <i uib-tooltip="Organization name" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.organization_name"
                     ng-init="ctrl.organization_name=auth.currentUser.companyName" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Company Logo</label>
            <i uib-tooltip="Required dimensions (Max Values): {width: 165pixels, height: 40pixels}" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input class="form-control btn btn-success-cust cvp-btn medium accent-color regular-button"
                     modal-file-model="logoFile" type="file" style="padding: 0;" required>
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Organization website</label>
            <i uib-tooltip="Organization website if it is public"
               class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="url" class="text form-control" ng-model="ctrl.organization_web"
                     ng-init="ctrl.organization_web=auth.currentUser.companyWebsite" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Product name and/or identifier</label>
            <i uib-tooltip="Product name and/or identifier" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="email text form-control" ng-model="ctrl.product_name" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Product specifications</label>
            <i uib-tooltip="A link of product specifications"
               class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.product_spec" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Product public documentation</label>
            <i uib-tooltip="A link of product public documentation"
               class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.product_documentation" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Product categories</label>
            <i uib-tooltip="Product categories" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <select class="form-control" ng-model="ctrl.product_categories" ng-init="ctrl.product_categories='soft&hard'">
                <option value="soft&hard">software and hardware</option>
                <option value="soft&3rd">software and third party hardware</option>
              </select>
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Primary contact name</label>
            <i uib-tooltip="Primary contact name" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.prim_name"
                     ng-init="ctrl.prim_name=auth.currentUser.primaryContactName" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Primary business email</label>
            <i uib-tooltip="Only the Business email address should be used for official communication with OPNFV CVP"
               class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="email" class="text form-control" ng-model="ctrl.prim_email"
                     ng-init="ctrl.prim_email=auth.currentUser.primaryBusinessEmail" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Primary postal address</label>
            <i uib-tooltip="Primary postal address" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.prim_address"
                     ng-init="ctrl.prim_address=auth.currentUser.primaryPostalAddress" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Primary phone number</label>
            <i uib-tooltip="Primary phone number" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.prim_phone"
                     ng-init="ctrl.prim_phone=auth.currentUser.primaryPhoneNumber" required
                     aria-required="true">
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Description</label>
            <i uib-tooltip="Product Description" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.description" required>
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">SUT Version</label>
            <i uib-tooltip="SUT Version" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.sut_version" required>
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">SUT Label</label>
            <i uib-tooltip="SUT Label" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.sut_label" required>
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">SUT HW Version</label>
            <i uib-tooltip="SUT HW Version - leave blank if not applicable"
               class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.sut_hw_version" required>
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">OVP Category</label>
            <i uib-tooltip="OVP Category" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <input type="text" class="text form-control" ng-model="ctrl.ovp_category" required>
            </div>
          </div>
          <div class="field text col-md-4">
            <label class="left">Location</label>
            <i uib-tooltip="Location" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
            <div class="middleColumn">
              <select class="form-control" ng-model="ctrl.lab_location" ng-init="ctrl.lab_location='internal'">
                <option value="internal">internal vendor lab</option>
                <option value="third">third-party lab</option>
              </select>
            </div>
          </div>
          <div ng-if="ctrl.lab_location=='third'" class="field text">
            <div class="field text col-md-4">
              <label class="left">Lab Name</label>
              <i uib-tooltip="Lab Name" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
              <input type="text" class="text form-control" ng-model="ctrl.lab_name" required>
            </div>
            <div class="field text col-md-4">
              <label class="left">Lab Email</label>
              <i uib-tooltip="Lab Email" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
              <input type="text" class="text form-control" ng-model="ctrl.lab_email" required>
            </div>
            <div class="field text col-md-4">
              <label class="left">Lab Address</label>
              <i uib-tooltip="Lab Address" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
              <input type="text" class="text form-control" ng-model="ctrl.lab_address" required>
            </div>
            <div class="field text col-md-4">
              <label class="left">Lab Phone Number</label>
              <i uib-tooltip="Lab Phone Number" class="glyphicon glyphicon-question-sign opnfv-blue"></i>
              <input type="text" class="text form-control" ng-model="ctrl.lab_phone" required>
            </div>
          </div>
      </fieldset>
    </div>
  </div>
  <button class="btn btn-default"
          ng-click="ctrl.openConfirmModal(ctrl.tempResult)">Submit</button>
</div>

<style type="text/css">
  .ngdialog.custom-background .ngdialog-content {
    background: #ffffff;
  }
</style>