745 lines
30 KiB
XML
745 lines
30 KiB
XML
<metal:block use-macro="main_template">
|
||
<div metal:fill-slot="content">
|
||
|
||
<div tal:condition="message" tal:content="message" class="alert alert-danger" />
|
||
<ul class="nav nav-tabs">
|
||
<li class="active"><a data-toggle="tab" href="#contact">CONTACT</a></li>
|
||
<li><a data-toggle="tab" href="#formation">FORMATION</a></li>
|
||
<li><a data-toggle="tab" href="#relances">RELANCES</a></li>
|
||
<li tal:condition="individu.cd_prospect != 0"><a data-toggle="tab" href="#suivi">SUIVI ADM.</a></li>
|
||
<li tal:condition="individu.cd_prospect != 0"><a data-toggle="tab" href="#cpf">CPF</a></li>
|
||
<li tal:condition="individu.cd_prospect != 0"><a data-toggle="tab" href="#devis">DEVIS</a></li>
|
||
<li tal:condition="individu.cd_prospect != 0"><a data-toggle="tab" href="#vente">VENTE EN LIGNE</a></li>
|
||
</ul>
|
||
|
||
<form id="contact_edit-form" class="form-horizontal" action="${url}" method="post" tal:condition="individu"
|
||
data-fv-framework="bootstrap"
|
||
data-fv-icon-valid="glyphicon glyphicon-ok"
|
||
data-fv-icon-invalid="glyphicon glyphicon-remove"
|
||
data-fv-icon-validating="glyphicon glyphicon-refresh">
|
||
|
||
<div class="tab-content">
|
||
<!-- ONGLET CONTACT -->
|
||
<div id="contact" class="tab-pane fade in active">
|
||
<h3>CONTACT</h3>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="access">Type de contact ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="type_contact" name="type_contact">
|
||
<div tal:repeat="item types_contact">
|
||
<option value="${item.LIBELLE}" tal:attributes="selected individu.type_contact==item.LIBELLE and 'selected' or None">${item.LIBELLE}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="access">C'est pour qui ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="pour_qui" name="pour_qui">
|
||
<div tal:repeat="item pour_quis">
|
||
<option value="${item}" tal:attributes="selected individu.pour_qui==item and 'selected' or None">${item}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="access">Pour quel type de permis ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="permis_demande" name="permis_demande">
|
||
<div tal:repeat="item permis">
|
||
<option value="${item.CAT}" tal:attributes="selected individu.permis_demande==item.CAT and 'selected' or None">${item.CAT}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="age">Votre âge ?</label>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" id="age" name="age" value="${individu.age}"
|
||
placeholder="45 caractères maximum"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="permis_obtenu">Avez-vous déjà un permis ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" name="permis_obtenu">
|
||
<option value="Non" tal:attributes="selected individu.permis_obtenu == 'Non' and 'selected' or None">Non</option>
|
||
<option value="Oui" tal:attributes="selected individu.permis_obtenu == 'Oui' and 'selected' or None">Oui</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="client_marietton">Connaissiez-vous déjà Marietton ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" name="client_marietton">
|
||
<option value="Non" tal:attributes="selected individu.client_marietton == 'Non' and 'selected' or None">Non</option>
|
||
<option value="Oui" tal:attributes="selected individu.client_marietton == 'Oui' and 'selected' or None">Oui</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="origine">Comment vous nous avez connu ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="origine" name="origine">
|
||
<div tal:repeat="item origines">
|
||
<option value="${item.LIBELLE}" tal:attributes="selected individu.origine==item.LIBELLE and 'selected' or None">${item.LIBELLE}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="origine_compl">Complément sur l'origine</label>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" id="origine_compl" name="origine_compl" value="${individu.origine_compl}"
|
||
placeholder="45 caractères maximum"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="qui_choisit">Qui a choisi l'auto-école ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="qui_choisit" name="qui_choisit">
|
||
<div tal:repeat="item decideurs">
|
||
<option value="${item.LIBELLE}" tal:attributes="selected individu.qui_choisit==item.LIBELLE and 'selected' or None">${item.LIBELLE}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="qui_paye">Qui finance le permis ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="qui_paye" name="qui_paye">
|
||
<div tal:repeat="item financeurs">
|
||
<option value="${item.LIBELLE}" tal:attributes="selected individu.qui_paye==item.LIBELLE and 'selected' or None">${item.LIBELLE}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="profession_payeur">Profession du financeur ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="profession_payeur" name="profession_payeur">
|
||
<div tal:repeat="item prof_financeurs">
|
||
<option value="${item.LIBELLE}" tal:attributes="selected individu.profession_payeur==item.LIBELLE and 'selected' or None">${item.LIBELLE}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4">Commentaires</label>
|
||
<div class="col-xs-6">
|
||
<textarea class="form-control" rows="5" cols="40" id="observation" name="observation">${individu.observation}</textarea>
|
||
</div>
|
||
</div>
|
||
|
||
<h4 class="text-primary"><b>COORDONNEES</b></h4>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="civilite">Civilité</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" name="civilite">
|
||
<option value="M." tal:attributes="selected individu.civilite == 'M.' and 'selected' or None">M.</option>
|
||
<option value="Mme" tal:attributes="selected individu.civilite == 'Mme' and 'selected' or None">Mme</option>
|
||
<option value="Mlle" tal:attributes="selected individu.civilite == 'Mlle' and 'selected' or None">Mlle</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="nom">Nom</label>
|
||
<div class="col-xs-5">
|
||
<input class="form-control" type="text" id="nom" name="nom" value="${individu.nom}"
|
||
placeholder="45 caractères maximum"
|
||
data-fv-notempty="true"
|
||
data-fv-notempty-message="Le nom est obligatoire"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="prenom">Prénom</label>
|
||
<div class="col-xs-5">
|
||
<input class="form-control" type="text" id="prenom" name="prenom" value="${individu.prenom}"
|
||
placeholder="45 caractères maximum"
|
||
data-fv-notempty="true"
|
||
data-fv-notempty-message="Le prénom est obligatoire"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="adresse">Adresse</label>
|
||
<div class="col-xs-8">
|
||
<input class="form-control" type="text" id="adresse" name="adresse" value="${individu.adresse}"
|
||
placeholder="40 caractères maximum"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="40"
|
||
data-fv-stringlength-message="40 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="adresse2">Adresse 2</label>
|
||
<div class="col-xs-8">
|
||
<input class="form-control" type="text" id="adresse2" name="adresse2" value="${individu.adresse2}"
|
||
placeholder="40 caractères maximum"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="40"
|
||
data-fv-stringlength-message="40 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="code_postal">Code postal</label>
|
||
<div class="col-xs-8">
|
||
<input class="form-control" type="text" id="code_postal" name="code_postal" value="${code_postal}"
|
||
placeholder="5 caractères maximum"
|
||
data-fv-notempty="true"
|
||
data-fv-notempty-message="Le code postal est obligatoire" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="tel_fixe">Téléphone fixe</label>
|
||
<div class="col-xs-3">
|
||
<div class="input-group">
|
||
<input class="form-control" type="text" id="tel_fixe" name="tel_fixe" value="${individu.tel_fixe}"
|
||
data-fv-phone="true"
|
||
data-fv-phone-country="FR"
|
||
data-fv-phone-message="Numéro de téléphone non valide" />
|
||
<span class="input-group-addon" tal:condition="individu.tel_fixe">
|
||
<a href="tel:${individu.tel_fixe}"><span class="glyphicon glyphicon-earphone"></span></a></span>
|
||
</div>
|
||
</div>
|
||
<label class="control-label col-xs-2" for="tel_portable">mobile</label>
|
||
<div class="col-xs-3">
|
||
<div class="input-group">
|
||
<input class="form-control" type="text" id="tel_portable" name="tel_portable" value="${individu.tel_portable}"
|
||
data-fv-phone="true"
|
||
data-fv-phone-country="FR"
|
||
data-fv-phone-message="Numéro de téléphone non valide" />
|
||
<span class="input-group-addon" tal:condition="individu.tel_portable">
|
||
<a href="tel:${individu.tel_portable}"><span class="glyphicon glyphicon-earphone"></span></a></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="tel_pere">Téléphone père</label>
|
||
<div class="col-xs-3">
|
||
<div class="input-group">
|
||
<input class="form-control" type="text" id="tel_pere" name="tel_pere" value="${individu.tel_pere}"
|
||
data-fv-phone="true"
|
||
data-fv-phone-country="FR"
|
||
data-fv-phone-message="Numéro de téléphone non valide" />
|
||
<span class="input-group-addon" tal:condition="individu.tel_pere">
|
||
<a href="tel:${individu.tel_pere}"><span class="glyphicon glyphicon-earphone"></span></a></span>
|
||
</div>
|
||
</div>
|
||
<label class="control-label col-xs-2" for="tel_mere">mère</label>
|
||
<div class="col-xs-3">
|
||
<div class="input-group">
|
||
<input class="form-control" type="text" id="tel_mere" name="tel_mere" value="${individu.tel_mere}"
|
||
data-fv-phone="true"
|
||
data-fv-phone-country="FR"
|
||
data-fv-phone-message="Numéro de téléphone non valide" />
|
||
<span class="input-group-addon" tal:condition="individu.tel_mere">
|
||
<a href="tel:${individu.tel_mere}"><span class="glyphicon glyphicon-earphone"></span></a></span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="col-xs-4 control-label">Email</label>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" name="email" value="${individu.email}" placeholder="50 caractères maximum"
|
||
data-fv-emailaddress="true"
|
||
data-fv-emailaddress-message="L'adresse email n'est pas valide" />
|
||
</div>
|
||
</div>
|
||
<br />
|
||
</div> <!-- onglet contact -->
|
||
|
||
<!-- ONGLET FORMATION -->
|
||
<div id="formation" class="tab-pane fade">
|
||
<h3>FORMATION</h3>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="inscrit_autre_AE">Déjà inscrit dans une autre AE ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" name="inscrit_autre_AE">
|
||
<option value="Non" tal:attributes="selected individu.inscrit_autre_AE == 'Non' and 'selected' or None">Non</option>
|
||
<option value="Oui" tal:attributes="selected individu.inscrit_autre_AE == 'Oui' and 'selected' or None">Oui</option>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4">Qu’avez-vous fait dans cette AE ?</label>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" id="effectue_autre_AE" name="effectue_autre_AE" value="${individu.effectue_autre_AE}"
|
||
placeholder="45 caractères maximum"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="raison_formation">Pour quelle raison passer le permis ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="raison_formation" name="raison_formation">
|
||
<div tal:repeat="item types_raison">
|
||
<option value="${item.LIBELLE}" tal:attributes="selected individu.raison_formation==item.LIBELLE and 'selected' or None">${item.LIBELLE}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4">Avez-vous un budget pour la formation ?</label>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" id="budget_formation" name="budget_formation" value="${individu.budget_formation}"
|
||
data-fv-digits="true"
|
||
data-fv-digits-message="Veuillez saisir un montant" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="echeance_formation">Avez-vous une échéance pour l’obtenir ?</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="echeance_formation" name="echeance_formation">
|
||
<div tal:repeat="item echeances">
|
||
<option value="${item}" tal:attributes="selected individu.echeance_formation==item and 'selected' or None">${item}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="type_formation">Comment voulez-vous passer votre permis ? </label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="type_formation" name="type_formation">
|
||
<div tal:repeat="item types_formation">
|
||
<option value="${item.LIBELLE}" tal:attributes="selected individu.type_formation==item.LIBELLE and 'selected' or None">${item.LIBELLE}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4">Vos disponibilités ?</label>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" id="disponibilites" name="disponibilites" value="${individu.disponibilites}"
|
||
placeholder="45 caractères maximum"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4">Attentes vis à vis AE</label>
|
||
<div class="col-xs-6">
|
||
<textarea class="form-control" rows="5" cols="40" id="attentes" name="attentes">${individu.attentes}</textarea>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4">Sources de stress / frustrations :</label>
|
||
<div class="col-xs-6">
|
||
<textarea class="form-control" rows="5" cols="40" id="stress" name="stress">${individu.stress}</textarea>
|
||
</div>
|
||
</div>
|
||
|
||
</div> <!-- onglet contact -->
|
||
|
||
<!-- ONGLET RELANCES -->
|
||
<div id="relances" class="tab-pane fade">
|
||
<h3>RELANCES et RDV</h3>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="date_relance1">1ère relance le</label>
|
||
<div class="col-xs-2">
|
||
<input class="form-control" type="text" id="date_relance1" name="date_relance1" value="${individu.date_relance1}"
|
||
placeholder="jj/mm/aaaa"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="10"
|
||
data-fv-stringlength-message="format date jj/mm/aaaa" />
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" id="resultat1" name="resultat1" value="${individu.resultat1}"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="date_relance2">2ème relance le</label>
|
||
<div class="col-xs-2">
|
||
<input class="form-control" type="text" id="date_relance2" name="date_relance2" value="${individu.date_relance2}"
|
||
placeholder="jj/mm/aaaa"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="10"
|
||
data-fv-date="true"
|
||
data-fv-date-format="DD/MM/YYYY"
|
||
data-fv-date-message="La date n'est pas valide (JJ/MM/AAAA)"
|
||
data-fv-stringlength-message="format date jj/mm/aaaa" />
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" id="resultat2" name="resultat2" value="${individu.resultat2}"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="date_relance3">3ème relance le</label>
|
||
<div class="col-xs-2">
|
||
<input class="form-control" type="text" id="date_relance3" name="date_relance3" value="${individu.date_relance3}"
|
||
placeholder="jj/mm/aaaa"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="10"
|
||
data-fv-date="true"
|
||
data-fv-date-format="DD/MM/YYYY"
|
||
data-fv-date-message="La date n'est pas valide (JJ/MM/AAAA)"
|
||
data-fv-stringlength-message="format date jj/mm/aaaa" />
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<input class="form-control" type="text" id="resultat3" name="resultat3" value="${individu.resultat3}"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="45"
|
||
data-fv-stringlength-message="45 caractères maximum" />
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="a_relancer_le">A relancer le</label>
|
||
<div class="col-xs-2">
|
||
<input class="form-control" type="type" id="a_relancer_le" name="a_relancer_le" value="${individu.a_relancer_le}"
|
||
placeholder="jj/mm/aaaa"
|
||
data-fv-stringlength="true"
|
||
data-fv-stringlength-max="10"
|
||
data-fv-date="true"
|
||
data-fv-date-format="DD/MM/YYYY"
|
||
data-fv-date-message="La date n'est pas valide (JJ/MM/AAAA)"
|
||
data-fv-stringlength-message="format date jj/mm/aaaa" />
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<button class="btn btn-primary" type="submit" name="form.a_relancer" tal:condition="not individu.cloture_le and individu.cd_prospect > 0">
|
||
<span class="glyphicon glyphicon-earphone"></span> A relancer à J+7</button>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="prochain_rdv_le">Prochain rdv le</label>
|
||
<div class="col-xs-2">
|
||
<p class="form-control-static" tal:condition="individu.prochain_rdv_le">
|
||
${individu.prochain_rdv_le.strftime('%d/%m/%Y - %H:%M')}</p>
|
||
</div>
|
||
<div class="col-xs-6">
|
||
<button class="btn btn-primary" type="submit" name="form.rdv_relance" tal:condition="not individu.cloture_le and individu.cd_prospect > 0">
|
||
<span class="glyphicon glyphicon-calendar"></span> Planifier un RDV</button>
|
||
</div>
|
||
</div>
|
||
<!-- agence -->
|
||
<h4 class="text-primary"><b>STATUT</b></h4>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="agence">Agence</label>
|
||
<div class="col-xs-8">
|
||
<select class="form-control" id="agence" name="agence">
|
||
<div tal:repeat="item agences">
|
||
<option value="${item.CODE}" tal:attributes="selected individu.agence==item.CODE and 'selected' or None">${item.CODE} | ${item.LIBELLE}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="cd_prospect">Code prospect</label>
|
||
<div class="col-xs-8">
|
||
<p class="form-control-static"><b>${individu.cd_prospect}</b> - Code élève : ${individu.cd_cli}</p>
|
||
</div>
|
||
<label class="control-label col-xs-4" for="statut">Statut</label>
|
||
<div class="col-xs-8">
|
||
<p class="form-control-static">
|
||
${individu.statut}
|
||
<span tal:condition="individu.cloture_le">- ${individu.cloture_le.strftime('%d/%m/%Y')} -
|
||
${individu.motif_abandon}
|
||
</span>
|
||
</p>
|
||
</div>
|
||
<label class="control-label col-xs-4" for="access">Dernière modif.</label>
|
||
<div class="col-xs-8">
|
||
<p class="form-control-static">${individu.modif_le.strftime('%d/%m/%Y - %H:%M')} par ${individu.cd_uti}</p>
|
||
</div>
|
||
</div>
|
||
</div> <!-- relances -->
|
||
|
||
<!-- SUIVI -->
|
||
<div id="suivi" class="tab-pane fade">
|
||
<h3>SUIVI ADMINISTRATIF
|
||
<a href="${request.application_url}/contact_suivi/${individu.cd_prospect}/0" class="btn btn-success" role="button">
|
||
<span class="glyphicon glyphicon-plus"></span> Nouveau</a>
|
||
</h3>
|
||
<table class="table table-striped table-bordered" cellspacing="0" width="100%">
|
||
<thead>
|
||
<tr>
|
||
<th width="20%">Date</th>
|
||
<th>Type</th>
|
||
<th>Moyen</th>
|
||
<th>Résultat</th>
|
||
<th>Uti.</th>
|
||
<th>No</th>
|
||
</tr>
|
||
</thead>
|
||
<tr tal:repeat="item suivis">
|
||
<td>${item.cree_le.strftime('%d/%m/%Y - %H:%M')}</td>
|
||
<td>${item.type_rel}</td>
|
||
<td>${item.moyen_rel}</td>
|
||
<td><a href="/contact_suivi/${item.cd_prospect}/${item.no_ligne}">${item.infos}</a></td>
|
||
<td>${item.cd_uti}</td>
|
||
<td>${item.no_ligne}</td>
|
||
</tr>
|
||
</table>
|
||
<h3 class="text-primary">RENDEZ-VOUS DU PROSPECT</h3>
|
||
<table class="table table-striped table-bordered" cellspacing="0" width="100%">
|
||
<thead>
|
||
<tr>
|
||
<th width="20%">Date</th>
|
||
<th>Statut</th>
|
||
<th>Résultat</th>
|
||
<th>Notes</th>
|
||
<th>Uti.</th>
|
||
<th width="20%">Créé le</th>
|
||
</tr>
|
||
</thead>
|
||
<tr tal:repeat="item rdvs">
|
||
<td><a href="/agenda_edit/${item.no_ligne}">${item.debut_rdv.strftime('%d/%m/%Y - %H:%M')}</a></td>
|
||
<td>${item.statut}</td>
|
||
<td>${item.resultat}</td>
|
||
<td>${item.notes}</td>
|
||
<td>${item.cd_uti}</td>
|
||
<td>${item.cree_le.strftime('%d/%m/%Y - %H:%M')}</td>
|
||
</tr>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- ONGLET CPF -->
|
||
<div id="cpf" class="tab-pane fade">
|
||
<h3><a href="${request.application_url}/devis_cpf_frm/0/P${individu.cd_prospect}" class="btn btn-success" role="button">
|
||
<span class="glyphicon glyphicon-plus"></span> Nouveau CPF</a></h3>
|
||
|
||
<table class="table table-condensed table-bordered" cellspacing="0" width="100%">
|
||
<thead>
|
||
<tr>
|
||
<th>No devis</th>
|
||
<th>Créé le</th>
|
||
<th>Type devis</th>
|
||
<th>Montant - Heures</th>
|
||
<th>No dossier</th>
|
||
<th>Demandé le</th>
|
||
<th class="text-center">Début le</th>
|
||
<th class="text-center">Fin le</th>
|
||
<th class="text-center">Clôturé le</th>
|
||
<th class="text-center">Util.</th>
|
||
</tr>
|
||
</thead>
|
||
<tr tal:repeat="item devis_cpf">
|
||
<td>
|
||
<a href="${request.application_url}/devis_cpf_frm/${item.no_devis}/P${individu.cd_prospect}">${item.no_devis}</a>
|
||
</td>
|
||
<td>${item.cree_le.strftime('%d-%m-%Y')}</td>
|
||
<td>${item.type_devis}</td>
|
||
<td>${layout.to_euro(item.montant_pec)} - ${item.nb_heures_pec} h</td>
|
||
<td>${item.no_dossier}</td>
|
||
<td tal:condition="item.demande_le">${item.demande_le.strftime('%d-%m-%Y')}</td>
|
||
<td tal:condition="not item.demande_le"> </td>
|
||
<td tal:condition="item.formation_debut_le">${item.formation_debut_le.strftime('%d-%m-%Y')}</td>
|
||
<td tal:condition="not item.formation_debut_le"> </td>
|
||
<td tal:condition="item.formation_fin_le">${item.formation_fin_le.strftime('%d-%m-%Y')}</td>
|
||
<td tal:condition="not item.formation_fin_le"> </td>
|
||
<td tal:condition="item.cloture_le" class="text-success text-center"><b>${item.cloture_le.strftime('%d-%m-%Y')} (${item.statut})</b></td>
|
||
<td tal:condition="not item.cloture_le"> </td>
|
||
<td class="text-center">${item.cd_uti}</td>
|
||
</tr>
|
||
</table>
|
||
<br />
|
||
<br />
|
||
</div> <!-- onglet CPF -->
|
||
|
||
<!-- ONGLET DEVIS -->
|
||
<div id="devis" class="tab-pane fade">
|
||
<h3><a href="${request.application_url}/devis_frm/0/P${individu.cd_prospect}" class="btn btn-success" role="button">
|
||
<span class="glyphicon glyphicon-plus"></span> Nouveau devis</a></h3>
|
||
|
||
<table class="table table-condensed table-bordered" cellspacing="0" width="100%">
|
||
<thead>
|
||
<tr>
|
||
<th>No devis</th>
|
||
<th>Créé le</th>
|
||
<th>Organisme</th>
|
||
<th>Type devis</th>
|
||
<th class="text-center">Clôturé le</th>
|
||
<th class="text-center">Util.</th>
|
||
</tr>
|
||
</thead>
|
||
<tr tal:repeat="item devis">
|
||
<td>
|
||
<a href="${request.application_url}/devis_frm/${item.no_devis}/P${individu.cd_prospect}">${item.no_devis}</a>
|
||
</td>
|
||
<td>${item.cree_le.strftime('%d-%m-%Y')}</td>
|
||
<td>${item.organisme}</td>
|
||
<td>${item.type_devis}</td>
|
||
<td class="text-success text-center" tal:condition="item.cloture_le"><b>${item.cloture_le.strftime('%d-%m-%Y')} (${item.statut})</b></td>
|
||
<td tal:condition="not item.cloture_le"> </td>
|
||
<td class="text-center">${item.cd_uti}</td>
|
||
</tr>
|
||
</table>
|
||
<br />
|
||
<br />
|
||
</div> <!-- onglet devis -->
|
||
|
||
<!-- ONGLET VENTE -->
|
||
<div id="vente" class="tab-pane fade">
|
||
<h3>VENTE EN LIGNE</h3>
|
||
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="cd_prospect">Code prospect</label>
|
||
<div class="col-xs-8">
|
||
<p class="form-control-static">${individu.cd_prospect}</p>
|
||
</div>
|
||
<label class="control-label col-xs-4" for="cd_prospect">Nom et prénom</label>
|
||
<div class="col-xs-8">
|
||
<p class="form-control-static">${individu.civilite} ${individu.nom} ${individu.prenom}</p>
|
||
</div>
|
||
<label class="control-label col-xs-4" for="cd_prospect">Email</label>
|
||
<div class="col-xs-8">
|
||
<p class="form-control-static">${individu.email}</p>
|
||
</div>
|
||
<label class="control-label col-xs-4" for="cd_prospect">Tél. portable</label>
|
||
<div class="col-xs-8">
|
||
<p class="form-control-static">${individu.tel_portable}</p>
|
||
</div>
|
||
<label class="control-label col-xs-4" for="cd_prospect">Permis demandé</label>
|
||
<div class="col-xs-8">
|
||
<p class="form-control-static">${individu.permis_demande}</p>
|
||
</div>
|
||
</div>
|
||
<div class="form-group">
|
||
<label class="control-label col-xs-4" for="access">Formation</label>
|
||
<div class="col-xs-3">
|
||
<select class="form-control" id="formation" name="formation">
|
||
<div tal:repeat="item formations">
|
||
<option value="${item}" tal:attributes="selected formation==item and 'selected' or None">${item}</option>
|
||
</div>
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="form-group" tal:condition="not individu.cloture_le">
|
||
<div class="col-xs-offset-4 col-xs-8">
|
||
<button class="btn btn-primary" type="submit" name="form.email">
|
||
<span class="glyphicon glyphicon-envelope"></span> Envoi mail INSCRIPTION</button>
|
||
<button class="btn btn-primary" type="submit" name="form.sms">
|
||
<span class="glyphicon glyphicon-phone"></span> Envoi SMS INSCRIPTION</button>
|
||
</div>
|
||
</div>
|
||
</div> <!-- onglet VENTE -->
|
||
|
||
|
||
<br />
|
||
<div class="form-group">
|
||
<div class="col-xs-offset-2 col-xs-10">
|
||
<div class="form-group">
|
||
<a class="btn btn-default" href="${request.application_url}/contacts_list">
|
||
<span class="glyphicon glyphicon-chevron-left"></span> Annuler</a>
|
||
<button class="btn btn-primary" type="submit" name="form.submitted" tal:condition="not individu.cloture_le">
|
||
<span class="glyphicon glyphicon-ok"></span> Enregistrer</button>
|
||
<a class="btn btn-success" href="${request.application_url}/confirm/${individu.cd_prospect}/won"
|
||
tal:condition="not individu.cloture_le and individu.cd_prospect > 0">
|
||
<span class="glyphicon glyphicon-thumbs-up"></span> Gagné</a>
|
||
<a class="btn btn-danger" href="${request.application_url}/confirm/${individu.cd_prospect}/lost"
|
||
tal:condition="not individu.cloture_le and individu.cd_prospect > 0">
|
||
<span class="glyphicon glyphicon-thumbs-down"></span> Perdu</a>
|
||
</div>
|
||
</div>
|
||
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
<br />
|
||
</div> <!-- tab content -->
|
||
</form>
|
||
|
||
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
||
<script type="text/javascript">
|
||
$('#contact_edit-form').formValidation({
|
||
framework: 'bootstrap',
|
||
message: 'This value is not valid',
|
||
icon: {
|
||
valid: 'glyphicon glyphicon-ok',
|
||
invalid: 'glyphicon glyphicon-remove',
|
||
validating: 'glyphicon glyphicon-refresh'
|
||
},
|
||
fields: {
|
||
observation: {
|
||
validators: {
|
||
stringLength: {
|
||
max: 450,
|
||
message: '450 caractères maximum'
|
||
},
|
||
}
|
||
},
|
||
attentes: {
|
||
validators: {
|
||
stringLength: {
|
||
max: 450,
|
||
message: '450 caractères maximum'
|
||
},
|
||
}
|
||
},
|
||
stress: {
|
||
validators: {
|
||
stringLength: {
|
||
max: 450,
|
||
message: '450 caractères maximum'
|
||
},
|
||
}
|
||
},
|
||
},
|
||
});
|
||
$(document).ready(function() {
|
||
$('#code_postal').autocomplete({
|
||
source: function (request, response) {
|
||
$.ajax({
|
||
url:'/ajax_codepostal',
|
||
dataType: 'json',
|
||
data: {
|
||
recherche: request.term,
|
||
},
|
||
success: function (data) {
|
||
response( data );
|
||
},
|
||
});
|
||
},
|
||
minLength: 1,
|
||
});
|
||
|
||
});
|
||
$('form input').on('keypress', function(e) {
|
||
return e.which !== 13;
|
||
});
|
||
</script>
|
||
|
||
<script type="text/javascript">
|
||
$(function() {
|
||
// Javascript to enable link to tab
|
||
var hash = document.location.hash;
|
||
if (hash) {
|
||
console.log(hash);
|
||
$('.nav-tabs a[href="'+hash+'"]').tab('show');
|
||
}
|
||
|
||
// Change hash for page-reload
|
||
$('a[data-toggle="tab"]').on('show.bs.tab', function (e) {
|
||
window.location.hash = e.target.hash;
|
||
});
|
||
});
|
||
</script>
|
||
|
||
</div> <!-- slot contant -->
|
||
</metal:block>
|