<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">
            </div>
            <div class="panel-body">
                <div class="row spbrow">
                    <div class="col-xs-4">
                        <label data-for="cdata.donnee_controle.origine_controle" ng-class="{'ctrlFormRequired':formClient}"> Origine du contrôle  </label>
                        <div form-field
                             fti="kis_anc_listes_deroulantes_controles"
                             attname="'origine_controle'"
                             data-ng-model="cdata.donnee_controle.origine_controle"
                             res="cdata.donnee_controle"
                             field-data="{disabled:ctrl_clos,restrictionKeyAsInt:true}">
                        </div>
                    </div>
                </div>

                <div class="distinctPart">

                    <div class="row">
                        <div class="col-xs-2">
                            <label> Demandeur (si différent du propriétaire) </label>
                        </div>
                        <div class="col-xs-10">
                            <anc-bac-demandeur-picker cdata="cdata"></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-6">
                                    <label data-for="cdata.info_generales.demandeur.date_naissance"> Date de naissance </label>
                                    <div javautildate                    
                                             model-date-format="'no_hours'"
                                             gcatt="{name:'date_naissance'}"
                                             result="cdata.info_generales.demandeur"
                                             ng-init="cdata.info_generales.demandeur.date_naissance = cdata.info_generales.demandeur.date_naissance ? cdata.info_generales.demandeur.date_naissance : {}"
                                             data-ng-model="cdata.info_generales.demandeur.date_naissance"
                                             data-type="date"
                                             model-date-format="'no_hours'"
                                             field-data="{disabled:ctrl_clos,restrictionKeyAsInt:true}">
                                    </div>          
                                </div>
                                <div class="col-xs-6">
                                    <label  data-for="cdata.info_generales.demandeur.lieu_naissance"> Lieu de naissance </label>
                                    <input type="text" class="form-control" ng-model="cdata.info_generales.demandeur.lieu_naissance" 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_anc_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.donnee_controle.observations"> Observations </label>
                        <textarea anc-check-commentaire ctrl-cloture="ctrl_clos" controlecommentconfig="controleCommentConfig" class="form-control"
                                  style="height: 100px;"
                                  ng-model="cdata.donnee_controle.observations"  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"> Pièce(s) fournie(s) par le propriétaire </a>
            </h6>
        </div>
        <div class="panel-body" bs-collapse-target>
            <div class="row">

                <div class="col-xs-12">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.plan_parcelle" ng-disabled="ctrl_clos">
                            <span data-for="cdata.doc_annexe_prop.plan_parcelle">Plan de la situation de la parcelle</span>
                        </label>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.plan_masse" ng-disabled="ctrl_clos">
                            <span data-for="cdata.doc_annexe_prop.plan_masse">Plan de masse du projet de l'installation d'assainissement non collectif sur base cadastrale</span>
                        </label>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.plan_coupe" ng-disabled="ctrl_clos">
                            <span data-for="cdata.doc_annexe_prop.plan_coupe">Plan en coupe de la filière et de l'habitation</span>
                        </label>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.demande_install" ng-disabled="ctrl_clos">
                            <span data-for="cdata.doc_annexe_prop.demande_install">Formulaire de demande d’installation dûment complété</span>
                        </label>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.rejet" ng-disabled="ctrl_clos">
                            <span data-for="cdata.doc_annexe_prop.rejet">Autorisation de rejet</span>
                        </label>
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.plan_interieur" ng-disabled="ctrl_clos">
                            <span data-for="cdata.doc_annexe_prop.plan_interieur">Plan intérieur de l'habitation</span>
                        </label>
                    </div>
                    <span>Etude de définition de la filière d'assainissement non collectif comprenant :</span>
                    <ul>
                        <li>
                            Une étude de sol recommandée pour caractériser l'aptitude des sols à l'épuration et/ou l'infiltration des eaux usées domestiques. Elle comporte :
                        </li>
                        <ul>
                            <li>
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.sondage" ng-disabled="ctrl_clos">
                                        <span data-for="cdata.doc_annexe_prop.sondage">Sondage(s) à la tarière</span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.permeabilite" ng-disabled="ctrl_clos">
                                        <span data-for="cdata.doc_annexe_prop.permeabilite">Test(s) de perméabilité</span>
                                    </label>
                                </div>
                            </li>
                            <li>
                                <div class="checkbox">
                                    <label>
                                        <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.tranchee" ng-disabled="ctrl_clos">
                                        <span data-for="cdata.doc_annexe_prop.tranchee">Tranchée(s) ou horizon pédologique</span>
                                    </label>
                                </div>
                            </li>
                        </ul>
                        <li>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.contraintes" ng-disabled="ctrl_clos">
                                    <span data-for="cdata.doc_annexe_prop.contraintes">Une étude des contraintes à la parcelle</span>
                                </label>
                            </div>
                        </li>
                        <li>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" ng-true-value="'1'" ng-model="cdata.doc_annexe_prop.desc_filiere" ng-disabled="ctrl_clos">
                                    <span data-for="cdata.doc_annexe_prop.desc_filiere">Description et dimensionnement de la filière (collecte, prétraitement, traitement)</span>
                                </label>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col-xs-6">
                    <label data-for="cdata.datesDossier.datelimite"> Date limite de demande de pièces </label>
                    <div   javautildate
                           model-date-format="'no_hours'"
                           gcatt="{name:'datelimite'}"
                           type="text"
                           result="cdata.datesDossier"
                           data-type="date"
                           data-ng-model="cdata.datesDossier.datelimite"
                           field-data="{disabled:ctrl_clos}">
                    </div>
                </div>
                <div class="col-xs-6">
                    <label data-for="cdata.datesDossier.daterelance"> Date de relance ou pièces supplémentaires </label>
                    <div   javautildate
                           model-date-format="'no_hours'"
                           gcatt="{name:'daterelance'}"
                           type="text"
                           result="cdata.datesDossier"
                           data-type="date"
                           data-ng-model="cdata.datesDossier.daterelance"
                           field-data="{disabled:ctrl_clos}">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>
