<div class="subAncPanel">
  <div
    class="panel-group"
    bs-collapse
    data-allow-multiple="true"
    data-start-collapsed="true"
  >
    <div class="panel panel-info">
      <div class="panel-heading">
        <h6 class="panel-title">
          <a bs-collapse-toggle data-ng-model="kis_separator"> Demandeur </a>
        </h6>
      </div>

      <div class="panel-collapse" bs-collapse-target>
        <div class="panel-body">
          <div class="row">
            <div class="col-xs-6">
              <label data-for="cdata.info_generales.origine_enquete">
                Origine de l'enquête
              </label>
              <div
                form-field
                fti="kis_bac_listes_deroulantes_controles"
                attname="'origine_enquete'"
                data-ng-model="cdata.info_generales.origine_enquete"
                res="cdata.info_generales"
                field-data="{disabled:ctrl_clos}"
              ></div>
            </div>
          </div>
          <div class="distinctPart">
            <div class="row spbrow">
              <div class="col-xs-2">
                <label> Demandeur </label>
              </div>
              <div class="col-xs-10">
                <anc-bac-demandeur-picker
                  cdata="cdata"
                  apptype="'bac'"
                ></anc-bac-demandeur-picker>
              </div>
            </div>

            <div class="{{display.demandeur}}">
              <div class="row spbrow">
                <div class="col-xs-2">
                  <label
                    data-for="cdata.info_generales.demandeur.civilite"
                    ng-class="{'ctrlFormRequired':formClient}"
                  >
                    Civilité
                  </label>
                  <anc-civilite
                    editable="!ctrl_clos"
                    res="cdata.info_generales.demandeur.civilite"
                  ></anc-civilite>
                </div>
                <div class="col-xs-5">
                  <label data-for="cdata.info_generales.demandeur.nom">
                    Nom
                  </label>
                  <input
                    type="text"
                    class="form-control"
                    ng-model="cdata.info_generales.demandeur.nom"
                    ng-disabled="ctrl_clos"
                  />
                </div>
                <div class="col-xs-5">
                  <label data-for="cdata.info_generales.demandeur.prenom">
                    Prénom
                  </label>
                  <input
                    type="text"
                    class="form-control"
                    ng-model="cdata.info_generales.demandeur.prenom"
                    ng-disabled="ctrl_clos"
                  />
                </div>
              </div>
              <div class="row spbrow">
                <div class="col-xs-4">
                  <label data-for="cdata.info_generales.demandeur.siret">
                    Siret
                  </label>
                  <input
                    type="text"
                    class="form-control"
                    ng-model="cdata.info_generales.demandeur.siret"
                    ng-disabled="ctrl_clos"
                  />
                </div>
                <div class="col-xs-4">
                  <label
                    data-for="cdata.info_generales.demandeur.raison_sociale"
                  >
                    Raison sociale
                  </label>
                  <input
                    type="text"
                    class="form-control"
                    ng-model="cdata.info_generales.demandeur.raison_sociale"
                    ng-disabled="ctrl_clos"
                  />
                </div>
                <div class="col-xs-4">
                  <label
                    data-for="cdata.info_generales.demandeur.type_demandeur"
                  >
                    Type
                  </label>
                  <div
                    form-field
                    fti="kis_bac_listes_deroulantes_controles"
                    attname="'type_demandeur'"
                    data-ng-model="cdata.info_generales.demandeur.type_demandeur"
                    res="cdata.info_generales.demandeur"
                    field-data="{disabled:ctrl_clos}"
                  ></div>
                </div>
              </div>

              <anc-adresse
                res="cdata.info_generales.demandeur"
                editable="!ctrl_clos"
                show-title="true"
                show-contact="true"
                label-key="'cdata.info_generales.demandeur'"
                complement-ville="true"
              ></anc-adresse>
            </div>
          </div>

          <div class="row spbrow">
            <div class="col-xs-12">
              <label data-for="cdata.info_generales.demandeur.qualite">
                Qualité
              </label>
              <input
                type="text"
                class="form-control"
                ng-model="cdata.info_generales.demandeur.qualite"
                ng-disabled="ctrl_clos"
              />
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="panel panel-info">
      <div class="panel-heading">
        <h6 class="panel-title">
          <a bs-collapse-toggle data-ng-model="kis_separator">
            Coordonnées du propriétaire
          </a>
        </h6>
      </div>
      <div class="panel-collapse" bs-collapse-target>
        <div class="panel-body">
          <div class="row">
            <div
              class="btn btn-xs btn-default pull-right"
              style="margin: 15px 15px 0 0;"
              ng-disabled="!currentReport.properties.proprietaires.length"
              ng-click="preFillPersonne('proprietaires')"
              ng-if="!ctrl_clos"
            >
              Utiliser les informations du dossier
            </div>
          </div>
          <div class="col-xs-12">
            <div class="row">
              <div class="col-xs-6">
                <label
                  data-for="cdata.info_generales.proprietaire.type_proprietaire"
                >
                  Type
                </label>
                <div
                  form-field
                  fti="proprietaireFti"
                  attname="'type_proprietaire'"
                  data-ng-model="cdata.info_generales.proprietaire.type_proprietaire"
                  res="cdata.info_generales.proprietaire"
                  field-data="{disabled:ctrl_clos}"
                ></div>
              </div>
              <div class="col-xs-6">
                <label data-for="cdata.info_generales.proprietaire.nom_societe"
                  >Nom de la société représentée
                </label>
                <input
                  type="text"
                  class="form-control"
                  ng-model="cdata.info_generales.proprietaire.nom_societe"
                  ng-disabled="ctrl_clos"
                />
              </div>
            </div>
            <div class="row">
              <div class="col-xs-2">
                <label
                  data-for="cdata.info_generales.proprietaire.civilite"
                  ng-class="{'ctrlFormRequired':formClient}"
                >
                  Civilité
                </label>
                <anc-civilite
                  editable="!ctrl_clos"
                  res="cdata.info_generales.proprietaire.civilite"
                ></anc-civilite>
              </div>
              <div class="col-xs-4">
                <label data-for="cdata.info_generales.proprietaire.nom">
                  Nom
                </label>
                <input
                  type="text"
                  class="form-control"
                  ng-model="cdata.info_generales.proprietaire.nom"
                  ng-disabled="ctrl_clos"
                />
              </div>
              <div class="col-xs-3">
                <label data-for="cdata.info_generales.proprietaire.prenom">
                  Prénom
                </label>
                <input
                  type="text"
                  class="form-control"
                  ng-model="cdata.info_generales.proprietaire.prenom"
                  ng-disabled="ctrl_clos"
                />
              </div>
              <div class="col-xs-3">
                <label
                  data-for="cdata.info_generales.proprietaire.nom_conjoint"
                >
                  Complément nom ou conjoint
                </label>
                <input
                  type="text"
                  class="form-control"
                  ng-model="cdata.info_generales.proprietaire.nom_conjoint"
                  ng-disabled="ctrl_clos"
                />
              </div>
            </div>

            <div class="col-xs-12">
              <div class="row spbrow">
                <anc-adresse
                  res="cdata.info_generales.proprietaire"
                  editable="!ctrl_clos"
                  show-title="true"
                  show-contact="true"
                  force-ville="false"
                  show-adresse="true"
                  label-key="'cdata.info_generales.proprietaire'"
                  complement-ville="false"
                ></anc-adresse>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="panel panel-info">
      <div class="panel-heading">
        <h6 class="panel-title">
          <a bs-collapse-toggle data-ng-model="kis_separator">
            Situation de l'habitation
          </a>
        </h6>
      </div>
      <div class="panel-collapse" bs-collapse-target>
        <div class="panel-body">
          <div class="row">
            <div class="col-xs-12 removeColMargin" ng-if="!formClient">
              <div
                class="btn btn-xs btn-default pull-right"
                style="margin: 15px 15px 0 0;"
                ng-click="fillAdresseDossier()"
                ng-if="!ctrl_clos&&!formClient"
              >
                Utiliser les informations du dossier
              </div>
            </div>
          </div>

          <div class="col-xs-12">
            <div class="col-xs-12">
              <div class="row spbrow">
                <anc-adresse
                  res="cdata.info_generales.dossier"
                  editable="!ctrl_clos"
                  show-title="false"
                  show-contact="false"
                  force-ville="true"
                  label-key="'cdata.info_generales.dossier'"
                  complement-ville="true"
                ></anc-adresse>
              </div>
            </div>
          </div>

          <div class="col-xs-12">
            <div class="row spbrow">
              <div class="col-xs-12 removeColMargin" ng-if="!formClient">
                <div
                  class="btn btn-xs btn-default pull-right"
                  style="margin: 15px 15px 0 0;"
                  ng-disabled="!currentReport.properties.parcelleHabitation"
                  ng-click="fillParcelle('parcelleHabitation')"
                  ng-if="!ctrl_clos&&!formClient"
                >
                  Utiliser l'information du dossier
                </div>
              </div>
              <div
                class="form-intermediate-title"
                data-ng-model="kis_separator"
              >
                Référence cadastrale de l’habitation assainie
              </div>
              <div class="col-xs-6">
                <label
                  data-for="cdata.info_generales.parcelleHabitation.section"
                  >Section</label
                >
                <input
                  type="text"
                  class="form-control"
                  ng-model="cdata.info_generales.parcelleHabitation.section"
                  ng-disabled="ctrl_clos"
                />
              </div>
              <div class="col-xs-6">
                <label data-for="cdata.info_generales.parcelleHabitation.numero"
                  >Numéro
                </label>
                <input
                  type="text"
                  class="form-control"
                  ng-model="cdata.info_generales.parcelleHabitation.numero"
                  ng-disabled="ctrl_clos"
                />
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
