<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">
            Dernier rapport de visite
          </a>
        </h6>
      </div>
      <div class="panel-collapse" bs-collapse-target>
        <div class="panel-body">
          <div class="row spbrow">
            <div class="col-xs-8">
              <b data-for="cdata.installation_controlee">
                Installation ayant déjà été contrôlée par le SPANC
              </b>
            </div>
            <div class="col-xs-4">
              <div class="fright_cb">
                <label class="radio-inline">
                  <input
                    type="radio"
                    uncheckable-radio
                    name="installation_controlee"
                    value="1"
                    ng-model="cdata.installation_controlee"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-forvalue="cdata.installation_controlee">Oui</span>
                </label>
                <label class="radio-inline">
                  <input
                    type="radio"
                    uncheckable-radio
                    name="installation_controlee"
                    value="0"
                    ng-model="cdata.installation_controlee"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-forvalue="cdata.installation_controlee">Non</span>
                </label>
              </div>
            </div>
          </div>

          <div class="row spbrow">
            <div class="col-xs-12">
              <label d>Nature du contrôle précédent</label>
              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.controle_precedent.ctrlbc"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-for="cdata.controle_precedent.ctrlbc"
                    >Examen préalable de la conception du projet</span
                  >
                </label>
              </div>
              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.controle_precedent.ctrlbe"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-for="cdata.controle_precedent.ctrlbe"
                    >Vérification de la bonne exécution des travaux</span
                  >
                </label>
              </div>
              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.controle_precedent.premier"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-for="cdata.controle_precedent.premier"
                    >1er contrôle de vérification de l’installation
                    existante</span
                  >
                </label>
              </div>
              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.controle_precedent.periodique"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-for="cdata.controle_precedent.periodique"
                    >Contrôle périodique de l’installation existante</span
                  >
                </label>
              </div>
              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.controle_precedent.vente"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-for="cdata.controle_precedent.vente  "
                    >Contrôle effectué dans le cadre d’une vente</span
                  >
                </label>
              </div>
            </div>
          </div>

          <div class="row spbrow">
            <div class="col-xs-8">
              <b data-for="cdata.date_dernier_controle">
                Date du dernier contrôle
              </b>
            </div>
            <div class="col-xs-4 text-right">
              <div
                javautildate
                model-date-format="'no_hours'"
                gcatt="{name:'date_dernier_controle'}"
                result="cdata"
                data-ng-model="cdata.date_dernier_controle"
                data-type="date"
                field-data="{disabled:ctrl_clos}"
              ></div>
              <!--<input type="text" class="form-control"  ng-model="cdata.date_dernier_controle" ng-disabled="ctrl_clos"/>-->
            </div>
          </div>
          <div class="row spbrow">
            <div class="col-xs-8">
              <b data-for="cdata.date_rapport"> Date du rapport </b>
            </div>
            <div class="col-xs-4 text-right">
              <div
                javautildate
                model-date-format="'no_hours'"
                gcatt="{name:'date_rapport'}"
                result="cdata"
                data-ng-model="cdata.date_rapport"
                data-type="date"
                field-data="{disabled:ctrl_clos}"
              ></div>
              <!--<input type="text" class="form-control" ng-model="cdata.date_rapport" ng-disabled="ctrl_clos"/>-->
            </div>
          </div>

          <div class="row spbrow">
            <div class="col-xs-12">
              <label>Conclusion donnée lors du contrôle précédent</label>
              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.conclusion_precedent.absence"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-for="cdata.conclusion_precedent.absence"
                    >Absence d'installation</span
                  >
                </label>
              </div>
              <span> Installation non conforme : </span>
              <div style="padding-left: 15px;">
                <div class="checkbox">
                  <label>
                    <input
                      type="checkbox"
                      ng-true-value="'1'"
                      ng-model="cdata.conclusion_precedent.non_conforme_quatre_ans"
                      ng-disabled="ctrl_clos"
                    />
                    <span
                      data-for="cdata.conclusion_precedent.non_conforme_quatre_ans"
                      >Installation non conforme avec travaux sous 4 ans ou en
                      cas de vente</span
                    >
                  </label>
                </div>
                <div class="checkbox">
                  <label>
                    <input
                      type="checkbox"
                      ng-true-value="'1'"
                      ng-model="cdata.conclusion_precedent.non_conforme_vente"
                      ng-disabled="ctrl_clos"
                    />
                    <span
                      data-for="cdata.conclusion_precedent.non_conforme_vente"
                      >Installation non conforme avec travaux en cas de
                      vente</span
                    >
                  </label>
                </div>
              </div>

              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.conclusion_precedent.defaut_entretien"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-for="cdata.conclusion_precedent.defaut_entretien"
                    >Installation présentant des défauts d’entretien</span
                  >
                </label>
              </div>
              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.conclusion_precedent.pas_defaut"
                    ng-disabled="ctrl_clos"
                  />
                  <span data-for="cdata.conclusion_precedent.pas_defaut"
                    >Installation ne présentant pas de défaut</span
                  >
                </label>
              </div>
            </div>
          </div>
          <div class="row spbrow">
            <div class="col-xs-8">
              <div class="checkbox">
                <label>
                  <input
                    type="checkbox"
                    ng-true-value="'1'"
                    ng-model="cdata.conclusion_precedent.autre"
                    ng-disabled="ctrl_clos"
                  />
                  <span
                    ><span data-for="cdata.conclusion_precedent.autre"
                      >Autre conclusion</span
                    >
                    (à préciser)</span
                  >
                </label>
              </div>
            </div>
            <div class="col-xs-4 text-right">
              <span
                class="hiddenforextract"
                data-for="cdata.conclusion_precedent.autre_precision"
                >Précision</span
              >
              <input
                type="text"
                class="form-control"
                ng-model="cdata.conclusion_precedent.autre_precision"
                ng-disabled="ctrl_clos"
              />
            </div>
          </div>

          <div class="row">
            <div class="col-xs-12">
              <label data-for="cdata.rappels_travaux">
                Rappel des travaux nécessaires, le cas échéant :</label
              >
              <textarea
                anc-check-commentaire
                controlecommentconfig="controleCommentConfig"
                class="form-control"
                data-descriptio="Rappel des travaux nécessaires, le cas échéant"
                ng-model="cdata.rappels_travaux"
                ng-disabled="ctrl_clos"
              ></textarea>
            </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">
              Caractéristiques de l'immeuble et de son terrain
            </a>
          </h6>
        </div>
        <div class="panel-collapse" bs-collapse-target>
          <div class="panel-body">
            <div class="row spbrow">
              <div class="col-xs-12">
                <label>Assainissment collectif</label>
                <div class="checkbox">
                  <label>
                    <input
                      type="checkbox"
                      ng-true-value="'1'"
                      ng-model="cdata.ass_coll.projete"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-for="cdata.ass_coll.projete">Projeté</span>
                  </label>
                </div>
                <div class="checkbox">
                  <label>
                    <input
                      type="checkbox"
                      ng-true-value="'1'"
                      ng-model="cdata.ass_coll.non_prevu"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-for="cdata.ass_coll.non_prevu"
                      >Non prévu sur le zonage</span
                    >
                  </label>
                </div>
                <div class="checkbox">
                  <label>
                    <input
                      type="checkbox"
                      ng-true-value="'1'"
                      ng-model="cdata.ass_coll.exonere"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-for="cdata.ass_coll.exonere"
                      >Immeuble exonéré de l'obligation de raccordement</span
                    >
                  </label>
                </div>
                <div class="checkbox">
                  <label>
                    <input
                      type="checkbox"
                      ng-true-value="'1'"
                      ng-model="cdata.ass_coll.derogation"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-for="cdata.ass_coll.derogation"
                      >Immeuble bénéficiaire de la dérogation de l’obligation de
                      raccordement</span
                    >
                  </label>
                </div>
              </div>
            </div>

            <div class="row spbrow">
              <div class="col-xs-8">
                <span data-for="cdata.ass_coll.date_expiration">
                  Date d'expiration de la dérogation d’obligation de
                  raccordement
                </span>
              </div>
              <div class="col-xs-4 text-right">
                <div
                  javautildate
                  model-date-format="'no_hours'"
                  gcatt="{name:'date_expiration'}"
                  result="cdata.ass_coll"
                  data-ng-model="cdata.ass_coll.date_expiration"
                  data-type="date"
                  field-data="{disabled:ctrl_clos}"
                ></div>
              </div>
            </div>

            <div class="row spbrow">
              <div class="col-xs-12">
                <label
                  >Contraintes particulières liées à l'implantation de la
                  filière</label
                >
              </div>

              <div class="col-xs-8">
                <span data-for="cdata.arbres_genants"
                  >Présence d'arbres gênants</span
                >
              </div>
              <div class="col-xs-4">
                <div class="fright_cb">
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="arbres_genants"
                      value="1"
                      ng-model="cdata.arbres_genants"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.arbres_genants">Oui</span>
                  </label>
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="arbres_genants"
                      value="0"
                      ng-model="cdata.arbres_genants"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.arbres_genants">Non</span>
                  </label>
                </div>
              </div>
              <div class="col-xs-8">
                <span data-for="cdata.jardin_potager"
                  >Jardin potager sur l'installation</span
                >
              </div>
              <div class="col-xs-4">
                <div class="fright_cb">
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="jardin_potager"
                      value="1"
                      ng-model="cdata.jardin_potager"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.jardin_potager">Oui</span>
                  </label>
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="jardin_potager"
                      value="0"
                      ng-model="cdata.jardin_potager"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.jardin_potager">Non</span>
                  </label>
                </div>
              </div>
              <div class="col-xs-8">
                <span data-for="cdata.circulation_vehicules"
                  >Circulation de véhicules sur l'installation</span
                >
              </div>
              <div class="col-xs-4">
                <div class="fright_cb">
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="circulation_vehicules"
                      value="1"
                      ng-model="cdata.circulation_vehicules"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.circulation_vehicules">Oui</span>
                  </label>
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="circulation_vehicules"
                      value="0"
                      ng-model="cdata.circulation_vehicules"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.circulation_vehicules">Non</span>
                  </label>
                </div>
              </div>
              <div class="col-xs-8">
                <span data-for="cdata.constructions"
                  >Construction existante sur l’installation</span
                >
              </div>
              <div class="col-xs-4">
                <div class="fright_cb">
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="constructions"
                      value="1"
                      ng-model="cdata.constructions"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.constructions">Oui</span>
                  </label>
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="constructions"
                      value="0"
                      ng-model="cdata.constructions"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.constructions">Non</span>
                  </label>
                </div>
              </div>
              <div class="col-xs-8">
                <span data-for="cdata.autres_murets"
                  >Autres (murets, piscine, système de géothermie, haie,
                  etc.)</span
                >
              </div>
              <div class="col-xs-4">
                <div class="fright_cb">
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="autres_murets"
                      value="1"
                      ng-model="cdata.autres_murets"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.autres_murets">Oui</span>
                  </label>
                  <label class="radio-inline">
                    <input
                      type="radio"
                      uncheckable-radio
                      name="autres_murets"
                      value="0"
                      ng-model="cdata.autres_murets"
                      ng-disabled="ctrl_clos"
                    />
                    <span data-forvalue="cdata.autres_murets">Non</span>
                  </label>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
