<div class="row">
  <div class="col-xs-12">
    <div class="subitem">
      <div class="title">Caractéristiques du site</div>
      <div class="content">
        <div class="row spbrow">
          <div class="col-xs-4">
            <label data-for="currentReport.properties.type_habitation">
              Type habitation </label>
            <div form-field fti="kis_anc_listes_deroulantes_controles"
              attname="'type_habitation'"
              res="currentReport.properties"
              field-data="{disabled:ctrl_clos}"></div>
            </div>
            <div class="col-xs-4">
              <label data-for="currentReport.properties.date_filiere_anc">
                Date de réalisation de la filière ANC </label> 
                <div form-field fti="dossierFti"
                  attname="'date_filiere_anc'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}"></div>
          </div>
          <div class="col-xs-4">
            <label class="control-label"
              data-for="currentReport.properties.annee_logement">
              Année de construction du logement </label> 
              <div form-field fti="dossierFti"
                  attname="'annee_logement'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}"></div>
          </div>
        </div>
        <div class="row spbrow">
          <div class="col-xs-3">
            <span class="control-label"
              data-for="currentReport.properties.consomeau">
              Consommation d'eau annuelle </span>
          </div>
          <div class="col-xs-3">
            <div class="input-group text-left form-field-addon-container">
              <div form-field fti="dossierFti"
                  attname="'consomeau'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}">
              </div>
              <span class="input-group-addon"> m<sup>3</sup></span>
            </div>
          </div>
        </div>
        <div class="row spbrow">
          <div class="col-xs-3">
            <span data-for="currentReport.properties.neh"> Nombre
              équivalent habitant </span>
          </div>
          <div class="col-xs-3">
            <div class="input-group text-left form-field-addon-container">
              <div form-field fti="dossierFti"
                  attname="'neh'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}">
              </div>
              <span class="input-group-addon"> EH </span>
            </div>
          </div>
        </div>
        <div class="row spbrow">
          <div class="col-xs-3">
            <span data-for="currentReport.properties.nbchambre">
              Nombre de chambre(s) </span>
          </div>
          <div class="col-xs-1">
            <div form-field fti="dossierFti"
                  attname="'nbchambre'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}">
              </div>
          </div>
          <div class="col-xs-3">
            <span data-for="currentReport.properties.nombre_logement">
              Nombre de logement(s) </span>
          </div>
          <div class="col-xs-1">
            <div form-field fti="dossierFti"
                  attname="'nombre_logement'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}">
              </div>
          </div>
          <div class="col-xs-3">
            <span data-for="currentReport.properties.nboccupant">
              Nombre d'occupant(s) </span>
          </div>
          <div class="col-xs-1">
            <div form-field fti="dossierFti"
                  attname="'nboccupant'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}">
              </div>
          </div>
        </div>
        <div class="row spbrow">
          <div class="col-xs-3">
            <span data-for="currentReport.properties.nbpiece">
              Nombre de pièce(s) principale(s) </span>
          </div>
          <div class="col-xs-1">
            <div form-field fti="dossierFti"
                  attname="'nbpiece'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}">
              </div>
          </div>
          <div class="col-xs-3">
            <span class="control-label"
              data-for="currentReport.properties.occupannu">
              Temps d'occupation annuelle </span>
          </div>
          <div class="col-xs-1">
            <div form-field fti="dossierFti"
                  attname="'occupannu'"
                  res="currentReport.properties"
                  field-data="{disabled:ctrl_clos}">
              </div>
          </div>
          <div class="col-xs-3">
            <span class="control-label"
              data-for="currentReport.properties.vacant">
              Logement vacant </span>
          </div>
          <div class="col-xs-1">
            <input type="checkbox"
              ng-model="currentReport.properties.vacant"/>
          </div>
        </div>
        <div class="row spbrow">
          <div class="col-xs-12">
            <label data-for="currentReport.properties.caracteristiques_site_comment">
              Commentaires </label>
            <textarea ctrl-cloture="ctrl_clos" class="form-control"
              ng-model="currentReport.properties.caracteristiques_site_comment" ng-disabled="ctrl_clos">
            </textarea>
          </div>
        </div>
      </div>
    </div>
  </div>
</div><div class="row">
  <div class="col-xs-12">
    <div class="subitem">
      <div class="title">Compléments d'information sur le site</div>
      <div class="content">
        <div class="row">
          <div class="col-xs-6">
            <label> Affectation construction </label>
            <div
              form-field
              fti="dossierFti"
              attname="'affectation_construction'"
              res="currentReport.properties"
            ></div>
          </div>
          <div class="col-xs-6">
            <label>Nature de la distribution </label>
            <div
              form-field
              fti="dossierFti"
              attname="'nature_distribution'"
              res="currentReport.properties"
            ></div>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-6">
            <label> Etat du raccordement </label>
            <div
              form-field
              fti="dossierFti"
              attname="'etat_raccordement'"
              res="currentReport.properties"
            ></div>
          </div>
          <div class="col-xs-6">
            <label> Date de mise en service du raccordement </label>
            <div
              form-field
              fti="dossierFti"
              attname="'date_etat_raccordement'"
              res="currentReport.properties"
            ></div>
          </div>
        </div>
        <anc-derogation fti="dossierFti" model="currentReport.properties"></anc-derogation>
        <div class="row">
          <div class="col-xs-12">
            <label> Commentaires </label>
            <div
              form-field
              fti="dossierFti"
              field-data="{inputcfg:'textarea'}"
              attname="'commentaires'"
              res="currentReport.properties"
            ></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-xs-12">
    <div class="subitem">
      <div class="title">Informations de zonage</div>
      <div class="content">
        <div class="row">

          <div class="col-xs-3">
            <label> Type de zonage </label>
            <div
              form-field
              fti="dossierFti"
              attname="'type_zonage'"
              res="currentReport.properties"
            ></div>
          </div>
          <div class="col-xs-6">
            <label> Date de délibération du zonage </label>
            <div
              form-field
              fti="dossierFti"
              attname="'date_deliberation_zonage'"
              res="currentReport.properties"
            ></div>
          </div>
        </div>

        <div class="row spbrow">
          <div class="col-xs-6 ">
            <label data-for="currentReport.properties.enjeusan">
              Zone à enjeu sanitaire ?
            </label>
          </div>
          <div class="col-xs-6 text-left">
            <label class="radio-inline">
              <input
                type="radio"
                uncheckable-radio
                ng-model="currentReport.properties.enjeusan"
                ng-false-value="'0'"
                ng-true-value="'1'"
                value="1"
                ng-disabled="ctrl_clos"
              />
              <span data-forvalue="currentReport.properties.enjeusan">Oui</span>
            </label>
            <label class="radio-inline">
              <input
                type="radio"
                uncheckable-radio
                ng-model="currentReport.properties.enjeusan"
                ng-false-value="'0'"
                ng-true-value="'1'"
                value="0"
                ng-disabled="ctrl_clos"
              />
              <span data-forvalue="currentReport.properties.enjeusan">Non</span>
            </label>
          </div>
        </div>
        <div class="row spbrow">
          <div class="col-xs-6 ">
            <label data-for="currentReport.properties.enjeuenv">
              Zone à enjeu environnemental ?
            </label>
          </div>
          <div class="col-xs-6 text-left">
            <label class="radio-inline">
              <input
                type="radio"
                uncheckable-radio
                ng-model="currentReport.properties.enjeuenv"
                ng-false-value="'0'"
                ng-true-value="'1'"
                value="1"
                ng-disabled="ctrl_clos"
              />
              <span data-forvalue="currentReport.properties.enjeuenv">Oui</span>
            </label>
            <label class="radio-inline">
              <input
                type="radio"
                uncheckable-radio
                ng-model="currentReport.properties.enjeuenv"
                ng-false-value="'0'"
                ng-true-value="'1'"
                value="0"
                ng-disabled="ctrl_clos"
              />
              <span data-forvalue="currentReport.properties.enjeuenv">Non</span>
            </label>
          </div>
        </div>
        <div class="row">
          <div class="col-xs-12">
            <label> Zone de prévention des risques </label>
            <div
              form-field
              fti="dossierFti"
              attname="'zone_pr'"
              res="currentReport.properties"
            ></div>
          </div>
        </div>
        <div class="row spbrow">
          <div class="col-xs-12">
            <label data-for="currentReport.properties.zonage_information_comment">
              Commentaires </label>
            <textarea ctrl-cloture="ctrl_clos" class="form-control"
              ng-model="currentReport.properties.zonage_information_comment" ng-disabled="ctrl_clos">
            </textarea>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
