<div>
  <label ng-show="proprioInfosResult.max!=null"
    >{{'Personne '+ proprioInfosResult.numProp +'/'+ proprioInfosResult.max +
  'du compte communal '+ proprioInfosResult.compte}}</label
  >
  <label ng-show="proprioInfosResult.max==null"
    >{{ 'Compte communal '+ proprioInfosResult.compte}}</label
  >
  <button
    id="btnPrec"
    ng-click="PropPrec()"
    ng-show="proprioInfosResult.max!=null"
  >
    <span class="glyphicon glyphicon-arrow-left" aria-hidden="true"></span>
  </button>
  <button
    id="btnPrec"
    ng-click="PropSuiv()"
    ng-show="proprioInfosResult.max!=null"
  >
    <span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span>
  </button>
</div>

<div id="identificationProprietor">
  <!-- style="width: 880px;"> -->
  <div id="proprietorCode">
    <label class="majic2label2">Codes</label>
    <div class="input-container">
      <div class="input-group">
        <label class="majc2codeLabel margin-bottom">TOPAD</label>
        <label class="majc2codeLabel">MAJIC</label>
      </div>
      <div class="input-group">
        <input
            type="text"
            value="{{proprioInfosResult.topad}}"
            placeholder="TOPAD"
            title="TOPAD"
            class="majc2code homeAddress margin-bottom"
            ng-readonly="true"
        />
        <input
            type="text"
            value="{{proprioInfosResult.majic}}"
            placeholder="MAJIC"
            title="MAJIC"
            class="majc2code"
            ng-readonly="true"
        />
      </div>
    </div>
  </div>

  <div id="proprietorPerson">
    <label class="majic2label2">Personne</label>
    <div class="input-group">
      <label class="proprietor2">Personne</label>
      <input
        type="text"
        value="{{proprioInfosResult.personne}}"
        placeholder="Personne"
        title="Personne"
        class="proprietor2"
        ng-readonly="true"
      />

      <label class="proprietor2">Qualité</label>
      <input
        type="text"
        value="{{proprioInfosResult.qualite}}"
        placeholder="Qualité"
        title="Qualité"
        class="proprietor2"
        ng-readonly="true"
      />
    </div>

    <div class="input-group">
      <label class="proprietor2">Nature</label>
      <input
        type="text"
        value="{{proprioInfosResult.nature}}"
        placeholder="Nature"
        title="Nature"
        class="proprietor2"
        ng-readonly="true"
      />

      <label class="proprietor2">Groupe</label>
      <input
        type="text"
        value="{{proprioInfosResult.groupe}}"
        placeholder="Groupe"
        title="Groupe"
        class="proprietor2"
        ng-readonly="true"
      />
    </div>
  </div>

  <div id="status">
    <label class="majic2label2">Status</label>
    <div class="input-container">
      <div class="input-group">
        <label class="majc2status2 margin-bottom">Droit exercé</label>
        <label class="majc2status2">Précision</label>
      </div>
      <div class="input-group">
        <input
            type="text"
            value="{{proprioInfosResult.droit}}"
            placeholder="Droit exercé"
            title="{{proprioInfosResult.droit}}"
            class="majc2status2 margin-bottom"
            ng-readonly="true"
        />
        <input
            type="text"
            value="{{proprioInfosResult.precis}}"
            placeholder="Précision"
            title="{{proprioInfosResult.precis}}"
            class="majc2status2"
            ng-readonly="true"
        />
      </div>
    </div>
    <div>
      <input
        type="checkbox"
        ng-checked="proprioInfosResult.impots"
        title="Destinataire de l'avis d'imposition"
        disabled
        ng-readonly="true"
      />
      <span class="majicCheckbox">Destinataire de l'avis d'imposition</span>
    </div>
  </div>
</div>
<div id="homeProprietor">
  <div id="homeAddress">
    <label class="majic2label2">Adresse postale</label>
    <div class="input-group">
      <textarea
        rows="2"
        placeholder="Adresse"
        title="Adresse"
        class="majc2homeAddress1"
        ng-readonly="true"
      >
                         {{proprioInfosResult.nom}}</textarea
      >
    </div>
    <div class="input-group">
      <input
        type="text"
        value="{{proprioInfosResult.compRue}}"
        placeholder=""
        title=""
        class="majc2homeAddress2"
        ng-readonly="true"
      />
      <input
        type="text"
        value="{{proprioInfosResult.nomRue}}"
        placeholder=""
        title=""
        class="majc2homeAddress2"
        ng-readonly="true"
      />
    </div>
    <div class="input-group margin-bottom">
      <input
        type="text"
        value="{{proprioInfosResult.compVille}}"
        placeholder=""
        title=""
        class="majc2homeAddress2"
        ng-readonly="true"
      />
      <input
        type="text"
        value="{{proprioInfosResult.nomVille}}"
        placeholder=""
        title=""
        class="majc2homeAddress2"
        ng-readonly="true"
      />
    </div>
  </div>

  <div id="homeCode1">
    <label class="majic2label2">Codes</label>
    <div class="input-group">
      <label class="majc2countryLabel">Pays</label>
      <input
        type="text"
        value="{{proprioInfosResult.pays}}"
        placeholder="Pays"
        title="Pays"
        class="majc2country"
        ng-readonly="true"
      />
    </div>
    <div class="input-group">
      <label class="majc2countryLabel">Dép.</label>
      <input
        type="text"
        value="{{proprioInfosResult.dep}}"
        placeholder="Dép."
        title="Département"
        class="majc2country"
        ng-readonly="true"
      />
    </div>
    <div class="input-group">
      <label class="majc2countryLabel">Dir.</label>
      <input
        type="text"
        value="{{proprioInfosResult.dir}}"
        placeholder="Dir."
        title="Dir."
        class="majc2country"
        ng-readonly="true"
      />
    </div>
    <div class="input-group">
      <label class="majc2countryLabel">Com.</label>
      <input
        type="text"
        value="{{proprioInfosResult.com}}"
        placeholder="Com."
        title="Commune"
        class="majc2country"
        ng-readonly="true"
      />
    </div>
  </div>

  <div id="homeCode2">
    <label class="majic2label2">Codes</label>
    <div class="input-group">
      <label class="majc2codeLabel">MAJIC</label>
      <input
        type="text"
        value="{{proprioInfosResult.codMajic}}"
        placeholder="MAJIC"
        title="MAJIC"
        class="majc2code"
        ng-readonly="true"
      />
    </div>
    <div class="input-group">
      <label class="majc2codeLabel">RIVOLI</label>
      <input
        type="text"
        value="{{proprioInfosResult.rivoli}}"
        placeholder="RIVOLI"
        title="RIVOLI"
        class="majc2code"
        ng-readonly="true"
      />
    </div>
  </div>
</div>

<div id="situationProprietor">
  <div id="proprietorBirth">
    <label class="majic2label2">Naissance</label>
    <div class="input-group">
      <label class="majc2personLabel">Mme/Mr.</label>
      <input
        value="{{proprioInfosResult.civProp}}"
        type="text"
        placeholder="Mme/Mr"
        title="Mme/Mr"
        class="majc2codePerson"
        ng-readonly="true"
      />
      <label class="majc2personLabel proprio-name">Nom</label>
      <input
        value="{{proprioInfosResult.nomProp}}"
        type="text"
        placeholder="Nom"
        title="Nom"
        class="majc2namePerson"
        ng-readonly="true"
      />
    </div>
    <div class="input-group majc2maritalNamePerson">
      <label class="majc2personMaritalNomLabel proprio-usagename">Nom d'usage</label>
      <input
        type="text"
        value="{{proprioInfosResult.usageNomProp}}"
        placeholder="Nom d'usage"
        title="Nom d'usage"
        class="majc2namePerson"
        ng-readonly="true"
      />
    </div>
    <div class="input-group">
      <label class="majc2personLabel">Prénom</label>
      <input
          type="text"
          value="{{proprioInfosResult.preProp}}"
          placeholder="Prénom"
          title="Prénom"
          class="nameFirstPerson"
          ng-readonly="true"
      />
    </div>
    <div class="input-group birthperson-group">
      <label class="majc2personLabel">Date</label>
      <input
        type="text"
        value="{{proprioInfosResult.dateProp}}"
        class="majc2code"
        placeholder="Date de naissance"
        title="Date de naissance"
      />
      <label class="majc2personLabel">Lieu</label>
      <input
        type="text"
        value="{{proprioInfosResult.villeProp}}"
        placeholder="Lieu naissance"
        title="Lieu naissance"
        class="majc2placeBirthPerson"
        ng-readonly="true"
      />
    </div>
  </div>
  <div id="proprietorComplement">
    <label class="majic2label2">Complément</label>
    <div class="input-group margin-bottom">
      <input
        type="text"
        value="{{proprioInfosResult.comp1}}"
        placeholder=""
        title="Mme/Mr"
        class="majc2codePerson"
        ng-readonly="true"
      />
      <input
        type="text"
        value="{{proprioInfosResult.comp2}}"
        placeholder=""
        title="Nom"
        class="majc2namePerson"
        ng-readonly="true"
      />
    </div>
    <div class="input-group">
      <input
        type="text"
        value="{{proprioInfosResult.comp3}}"
        placeholder=""
        title="Prénom"
        class="namePersonCompl"
        ng-readonly="true"
      />
    </div>
  </div>
</div>
