<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">
            Etablissement
          </a>
        </h6>
      </div>
      <div class="panel-collapse" bs-collapse-target>
        <div class="panel-body">
          <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-click="fillEtablissementData()" ng-if="!ctrl_clos&&!formClient">
                Utiliser les informations du dossier
              </div>
              <div class="form-intermediate-title" data-ng-model="kis_separator">
                Etablissement
              </div>
            </div>
          </div>
          <div class="row spbrow">
            <div class="col-xs-6">
              <label data-for="cdata.info_generales.nom_etablissement">
                Nom de l'établissement
              </label>
              <input type="text" class="form-control" ng-model="cdata.info_generales.nom_etablissement"
                ng-disabled="ctrl_clos" />
            </div>
            <div class="col-xs-6">
              <label data-for="cdata.info_generales.siret_etablissement">
                Siret
              </label>
              <input type="text" class="form-control" ng-model="cdata.info_generales.siret_etablissement"
                ng-disabled="ctrl_clos" />
            </div>
          </div>

          <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-click="fillAdresseDossier('etablissement')" ng-if="!ctrl_clos&&!formClient">
                Utiliser les informations du dossier
              </div>
              <div class="form-intermediate-title" style="margin-left: 0px" data-ng-model="kis_separator">
                Situation de l'établissement
              </div>
            </div>
            <div class="col-xs-12">
              <anc-adresse res="cdata.info_generales.etablissement" editable="!ctrl_clos" show-title="false"
                show-contact="false" force-ville="true" label-key="'cdata.info_generales.etablissement'"
                show_coordonnes="apptype == 'bac'" coordinates="dossier.geometry.coordinates" complement-ville="true">
              </anc-adresse>
            </div>
          </div>

          <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 class="form-intermediate-title" style="margin-left: 0px" data-ng-model="kis_separator">
                Référence cadastrale
              </div>
            </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 class="panel panel-info">
      <div class="panel-heading">
        <h6 class="panel-title">
          <a bs-collapse-toggle data-ng-model="kis_separator">
            Référent technique
          </a>
        </h6>
      </div>

      <div class="panel-collapse" bs-collapse-target>
        <div class="panel-body">
          <div class="row spbrow">
            <div class="form-intermediate-title">Général</div>
            <div class="btn btn-xs btn-default pull-right" style="margin: 15px 15px 0 0;"
              ng-disabled="!currentReport.properties.proprietaires.length" ng-click="preFillReferent()"
              ng-if="!ctrl_clos">
              Utiliser les informations du dossier
            </div>
          </div>
          <div class="row spbrow">
            <div class="col-xs-4">
              <label data-for="cdata.info_generales.referent.contact_civilite">Civilité</label>
              <anc-civilite editable="!ctrl_clos" res="cdata.info_generales.referent.contact_civilite"></anc-civilite>
            </div>
            <div class="col-xs-3">
              <label data-for="cdata.info_generales.referent.contact_nom">Nom</label>
              <input type="text" class="form-control" ng-model="cdata.info_generales.referent.contact_nom"
                ng-disabled="ctrl_clos" maxlength="38" />
            </div>
            <div class="col-xs-2">
              <label data-for="cdata.info_generales.referent.contact_prenom">Prénom</label>
              <input type="text" class="form-control" ng-model="cdata.info_generales.referent.contact_prenom"
                ng-disabled="ctrl_clos" maxlength="38" />
            </div>
          </div>
          <div class="row">
            <div class="form-intermediate-title">Contact</div>
            <div class="col-xs-6">
              <label data-for="cdata.info_generales.referent.contact_num_tel">Téléphone Fixe</label>
              <input type="text" class="form-control" ng-model="cdata.info_generales.referent.contact_num_tel"
                ng-disabled="ctrl_clos" />
            </div>

            <div class="col-xs-6">
              <label data-for="cdata.info_generales.referent.contact_num_port">Téléphone Portable</label>
              <input type="text" class="form-control" ng-model="cdata.info_generales.referent.contact_num_port"
                ng-disabled="ctrl_clos" />
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12">
              <label data-for="cdata.info_generales.referent.contact_email">Adresse email</label>
              <input type="text" class="form-control" ng-model="cdata.info_generales.referent.contact_email"
                ng-disabled="ctrl_clos" />
            </div>
          </div>
          <div class="row">
            <div class="col-xs-12">
              <label data-for="cdata.info_generales.referent.commentaires">
                Commentaires :
              </label>
              <textarea anc-check-commentaire ctrl-cloture="ctrl_clos" controlecommentconfig="controleCommentConfig"
                class="form-control" style="height: 100px;" ng-model="cdata.info_generales.referent.commentaires"
                ng-disabled="ctrl_clos">
              </textarea>
            </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">
            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="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-4">
              <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>

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