<div class="row">
  <div class="col-xs-10 col-sm-7 col-md-6 col-lg-4">
    <div class="alert alert-info">
      {{'Notice! This is an undelegated test'|translate}}
      <br>
      <a href="" ng-click="showFAQ()">{{'What is an undelegated domain test?'|translate}}</a>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-xs-10 col-sm-7 col-md-6 col-lg-6">
    <h1>{{'Domain name'|translate}}</h1>
    <input type="text" class="form-control" id="domain_check_name" ng-model="$parent.form.domain" ng-keypress="($event.which === 13)?domainCheck():0">
    <br>
    <div class="progress" ng-show="progress>=0 && progress<100">
      <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="{{progress}}" aria-valuemin="0" aria-valuemax="100" style="width: {{progress}}%;">
          {{progress}}%
      </div>
    </div>
    <br>
    <legend> {{'Nameservers'|translate}} <button class="pull-right btn btn-link btn-sm" ng-click="addNS()"><span class="fa fa-plus"></span></button></legend>
    <div ng-repeat="(idx,ns) in ns_list" class="row">
      <div class="col-xs-6">
        <input type="text" ng-model="ns.ns" placeholder="NS" class="form-control" ng-blur="resolveNS($event,idx)">  
      </div>
      <div class="col-xs-5">
        <input type="text" ng-model="ns.ip" placeholder="IP" class="form-control">  
      </div>
      <div class="col-xs-1">
        <button class="pull-right btn btn-link btn-sm" ng-click="removeNS(idx)"><span class="fa fa-minus"></span></button>
      </div>
    </div>
    <br>
    <legend> {{'Digests'|translate}} <button class="pull-right btn btn-link btn-sm" ng-click="addDigest()"><span class="fa fa-plus"></span></button></legend>
    <div ng-repeat="(idx,ds) in ds_list" class="row">
      <div class="col-xs-2">
		<label>{{'Key Tag'|translate}}</label>
        <input type="text" ng-model="ds.keytag" placeholder="Key tag" class="form-control">  
      </div>
      <div class="col-xs-4">
		<label>{{'Algorithm'|translate}}</label>
        <select ng-model="ds.algorithm" class="form-control">
          <option value="3">DSA/SHA1</option>
          <option value="5">RSA/SHA1</option>
          <option value="6">DSA-NSEC3-SHA1</option>
          <option value="7">RSASHA1-NSEC3-SHA1</option>
          <option value="8">RSA/SHA-256</option>
          <option value="10">RSA/SHA-512</option>
	  <option value="12">ECC-GOST</option>
	  <option value="13">ECDSAP256SHA256</option>
	  <option value="14">ECDSAP384SHA384</option>
        </select>  
      </div>
      <div class="col-xs-2">
		<label>{{'Digest type'|translate}}</label>
        <select ng-model="ds.digtype" class="form-control">
          <option value="1">SHA-1</option>
          <option value="2">SHA-256</option>
	  <option value="3">GOST R 34.11-94</option>
	  <option value="4">SHA-384</option>
        </select>  
      </div>
      <div class="col-xs-3">
		<label >{{'Digest'|translate}}</label>
        <input type="text" ng-model="ds.digest" placeholder="Digest" class="form-control">  
      </div>
      <div class="col-xs-1">
        <button class="pull-right btn btn-link btn-sm" ng-click="removeDigest(idx)"><span class="fa fa-minus"></span></button>
      </div>
      <div class="col-xs-12" style="height:10px;"></div>
    </div>
    <br>
      <button class="btn btn-default" ng-click="fetchFromParent()">{{'Fetch data from parent zone'|translate}}</button>
    <br>
    <div class="advanced col-xs-6">
      <label class="checkbox"><input type="checkbox" ng-model="$parent.form.advanced"> {{'Advanced options'|translate}}</label>
      <div ng-show="$parent.form.advanced" class="advanced">
        <label class="checkbox"><input type="checkbox" ng-model="$parent.form.ipv4" ng-disabled="!$parent.form.ipv6"> IPv4</label>
        <label class="checkbox"><input type="checkbox" ng-model="$parent.form.ipv6" ng-disabled="!$parent.form.ipv4"> IPv6</label>
        <select ng-model="$parent.form.profile" class="form-control">
          <option value="default_profile">Default</option>
          <option value="test_profile_1">IANA profile</option>
          <option value="test_profile_2">Test profile 2</option>
        </select>
      </div>
    </div>
  </div>
  <div class="col-xs-2">
    <a title="{{'Run test'|translate}}" href="#" onClick="return false;" ng-click="domainCheck();" class="bigbutton"><span class="fa fa-play-circle-o run-btn-icon"></span></a>
  </div>
  <div class="col-xs-12 col-sm-12 col-md-4 col-lg-6">
    <div class="result" ng-show="result">
      <div>
      <h2> {{'Test #'|translate}} {{ test.id }}</h2>
      <i>{{'Executed at'|translate}} {{ test.creation_time | asDate | date:"yyyy-MM-ddTHH:mmZ" }}</i>
      <br>
      {{'Link'|translate}}
      <input type="text" class="form-control disabled" value="{{location}}">
      </div>
      <navigation nav-id="search_result" inverse="yes">
        <tab tab-title="{{'Basic'|translate}}" tab-id="basic">
          <br>
          <div ng-repeat="module in getModules(result)" class="module">
            <div class="text-{{modules[module]}}">
            <a href="#" class="expand"><span class="fa fa-plus-square-o"></span></a> &nbsp; <span class="fa fa-{{modules[module]}}"></span>
            {{module|translate}}</div>
            <div>
              <div ng-repeat="item in getItems(result,module)" class="alert alert-{{item.level}} more" style="display:none">
                {{item.message|translate}}
              </div>
            </div>
          </div>
        </tab>
        <tab tab-title="{{'Advanced'|translate}}" tab-id="advanced">
          <div id="adv_result">
          <div ng-repeat="module in getModules(result)">
            <b>{{module|translate}}</b>
              <div ng-repeat="item in getItems(result,module)" class="alert alert-{{item.level}}">
                {{item.message|translate}}
              </div>
          </div>
          </div>
        </tab>
        <tab tab-title="{{'Export'|translate}}" tab-id="export">
          <br>
          <a download="report.txt" class="btn btn-primary" ng-click="exportFile($event)">{{'Download'|translate}}</a>
          <a target="_self" class="btn btn-primary" ng-click="exportHTML($event)">{{'Download HTML'|translate}}</a>
        </tab>
        <tab tab-title="{{'History'|translate}}" tab-id="history">
        <br>
          <div class="" ng-repeat="item in history">
            <span class="history-{{item.overall_result}}">&#x25C9;</span>&nbsp;<a target="_self" href="/test/{{item.id}}">{{item.creation_time | asDate | date:"yyyy-MM-ddTHH:mmZ"}}</a>
          </div>
        </tab>
      </navigation>
    </div>
  </div>
</div>
