<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="http://prodbelgium.beta.gsitechnology.co.uk/cassette.axd/stylesheet/45f0df8126f25fcbaedb1e5f6a3b4bf364f48063/styles" type="text/css" rel="stylesheet">
<div id="header">
<div class="navbar navbar-absolute-top">
<div class="container">
<div class="navbar-header">
<div class="row">
<div class="col-md-9 navbar-brand">
<a href="/default.aspx" title="Philantropie.be">
<div id="logo">
<img alt=" " id="Index" src="http://prodbelgium.beta.gsitechnology.co.uk/Content/images/logoFR.png">
<span class="logoDesc"><span>Agir en connaissance de cause</span></span>
</div>
</a>
</div>
<div class="col-md-3 header-right align-right">
<ul id="LoginPartial" class="nav navbar-nav navbar-top navbar-right">
<li>
<div id="newsletter-button">
<a href="#" id="NewsletterHeader">Newsletter</a>
</div>
<div id="newsletter-content" class="box-content" style="display: none;">
<div class="white-background newsletter">
<div class="newsletter-form">
<form id="newslettersignup" class="form-inline" action="/new/Account/SubscribeNewsletter" autocomplete="off" data-bind="parsleyValidation{onFormValidate:Newsletter},enterKeyPress:Newsletter" novalidate="">
<div class="form-group">
<label class="control-label" for="NewsletterEmail">E-mail</label>
<input class="form-control" data-bind="value: NewsletterEmail" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-type="email" data-parsley-type-email-message="Merci de introduire une adresse e-mail valide" data-parsley-validation-threshold="3" id="NewsletterEmail" name="NewsletterEmail" placeholder="Obligatoire" value="" data-parsley-id="4656" style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==); background-attachment: scroll; background-position: 100% 50%; background-repeat: no-repeat;">
<ul class="parsley-errors-list" id="parsley-id-4656"></ul>
</div>
<button class="btn search-button newsletter-button-submit" id="ContinueButton" type="submit">Continuez</button>
</form>
</div>
</div>
</div>
</li>
<li>
<a href="/new/Account/Register" id="InscriptionButton">Inscription</a>
</li>
<li><a href="/Login.aspx" id="LoginButton">Login</a>
</li>
</ul>
<script style="color: rgb(84, 84, 84);">
var jsonLoginPartialModel = '{"NewsletterHeader":"","InscriptionButton":"","LogoutButton":"","LoginButton":"","NewsletterEmail":"","ContinueButton":""}';
</script>
<a href="http://www.kbs-frb.be/index.aspx?LangType=2060" id="Index" target="_blank" title="">
<img alt="" class="align-center" src="http://prodbelgium.beta.gsitechnology.co.uk/images/Logo_FRB_FR.png">
</a>
</div>
</div>
</div>
<div class="row align-center">
<ul class="nav navbar-nav main-nav">
<li><a href="/Default.aspx">Accueil</a>
</li>
<li><a href="#">A Propos</a>
<ul>
<li><a href="/about_us.aspx">Philanthropie.be</a>
</li>
<li><a href="/Useful_links.aspx">Liens utiles</a>
</li>
<li><a href="/Partners.aspx">Partenaires</a>
</li>
<li><a href="/FAQs.aspx">Questions Fréquentes</a>
</li>
<li><a href="/Terms.aspx">Conditions Générales</a>
</li>
</ul>
</li>
<li><a href="#">Espace association</a>
<ul>
<li><a href="/Registration.aspx">Inscription</a>
</li>
<li><a href="/Login.aspx">Login - Mise à jour</a>
</li>
<li><a href="/Login/CPBChangePassword.aspx">Modifier Mot de Passe</a>
</li>
<li><a href="/UserGuide.aspx">Guide de l'utilisateur</a>
</li>
</ul>
</li>
<li><a href="/Nieuws.aspx">Espace Infos</a>
<ul>
<li><a href="/News.aspx">Nouvelles</a>
</li>
<li><a href="/Dossiers.aspx">Dossiers</a>
</li>
<li><a href="/Projects.aspx">Appels à projets</a>
</li>
<li><a href="/Training.aspx">Formations</a>
</li>
<li><a href="/What_can_I_do.aspx">Que puis-je faire ?</a>
</li>
</ul>
</li>
<li><a href="#">Contact</a>
<ul>
<li><a href="/Contact.aspx">Contact</a>
</li>
<li><a href="/Feedback.aspx">Formulaire de contact</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<a href="/new" title="Philantropie.be" class="sygnat">
<img alt="logo" id="Index" src="/Content/images/sygnat-philanthropie.png">
</a>
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar">
</span>
</button>
</div>
<div class="navbar-full">
<ul class="nav navbar-nav main-nav">
<li><a href="/Default.aspx">Accueil</a>
</li>
<li><a href="#">A Propos</a>
<ul>
<li><a href="/about_us.aspx">Philanthropie.be</a>
</li>
<li><a href="/Useful_links.aspx">Liens utiles</a>
</li>
<li><a href="/Partners.aspx">Partenaires</a>
</li>
<li><a href="/FAQs.aspx">Questions Fréquentes</a>
</li>
<li><a href="/Terms.aspx">Conditions Générales</a>
</li>
</ul>
</li>
<li><a href="#">Espace association</a>
<ul>
<li><a href="/Registration.aspx">Inscription</a>
</li>
<li><a href="/Login.aspx">Login - Mise à jour</a>
</li>
<li><a href="/Login/CPBChangePassword.aspx">Modifier Mot de Passe</a>
</li>
<li><a href="/UserGuide.aspx">Guide de l'utilisateur</a>
</li>
</ul>
</li>
<li><a href="/Nieuws.aspx">Espace Infos</a>
<ul>
<li><a href="/News.aspx">Nouvelles</a>
</li>
<li><a href="/Dossiers.aspx">Dossiers</a>
</li>
<li><a href="/Projects.aspx">Appels à projets</a>
</li>
<li><a href="/Training.aspx">Formations</a>
</li>
<li><a href="/What_can_I_do.aspx">Que puis-je faire ?</a>
</li>
</ul>
</li>
<li><a href="#">Contact</a>
<ul>
<li><a href="/Contact.aspx">Contact</a>
</li>
<li><a href="/Feedback.aspx">Formulaire de contact</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="navbar-collapse collapse navbar-mobile" style="height: 1px;">
<ul class="nav navbar-nav">
<li><a href="/Default.aspx">Accueil</a>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">A Propos<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/about_us.aspx">Philanthropie.be</a>
</li>
<li><a href="/Useful_links.aspx">Liens utiles</a>
</li>
<li><a href="/Partners.aspx">Partenaires</a>
</li>
<li><a href="/FAQs.aspx">Questions Fréquentes</a>
</li>
<li><a href="/Terms.aspx">Conditions Générales</a>
</li>
</ul>
</li>
<li></li>
<li></li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Espace association<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/Registration.aspx">Inscription</a>
</li>
<li><a href="/Login.aspx">Login - Mise à jour</a>
</li>
<li><a href="/Login/CPBChangePassword.aspx">Modifier Mot de Passe</a>
</li>
<li><a href="/UserGuide.aspx">Guide de l'utilisateur</a>
</li>
</ul>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Espace Infos<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/Nieuws.aspx">Espace Infos</a>
</li>
<li class="divider"></li>
<li><a href="/News.aspx">Nouvelles</a>
</li>
<li><a href="/Dossiers.aspx">Dossiers</a>
</li>
<li><a href="/Projects.aspx">Appels à projets</a>
</li>
<li><a href="/Training.aspx">Formations</a>
</li>
<li><a href="/What_can_I_do.aspx">Que puis-je faire ?</a>
</li>
</ul>
</li>
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="/Contact.aspx">Contact</a>
</li>
<li><a href="/Feedback.aspx">Formulaire de contact</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="navbar-lang">
<a class="active" href="/new/Start/ChangeUiLanguage?selectedLanguage=2" onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, httpMethod: 'GET' });">FR</a><a class="" href="/new/Start/ChangeUiLanguage?selectedLanguage=3" onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, httpMethod: 'GET' });">NL</a><a class="" href="/new/Start/ChangeUiLanguage?selectedLanguage=4" onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, httpMethod: 'GET' });">DE</a>
</div>
</div>
<br/>
<br/>
<br/>
<br/>
<div class="container">
<h2>
Update your charity</h2>
<div class="row">
<div class="col-lg-12 col-sm-12">
<div class="panel panel-primary">
<div class="panel-heading clickable">
<h3 class="panel-title">
Basic information</h3>
<span class="pull-right "><i class="glyphicon glyphicon-minus"></i></span>
</div>
<div class="panel-body">
<div class="form-group">
<label id="CharityNameLabel"><b>Charity name:</b>
</label>
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityNameLabel"><b>Charity logo:</b>
</label>
<div data-bind="uploadButton: CharityLogo"><span class="btn fileinput-button"><input class="fileupload" data-additionalparameters="" data-allowedextensions="Jpg|Jpeg|Png|Tif|Tiff" data-delete-url="/new/Account/RemoveUploadedFile" data-fileextensionerrormessage="{file} has invalid extension. Only {extensions} are allowed." data-filesizeerrormessage="{file} is too large. Maximum file size is {sizeLimit}." data-filetype="Logo" data-maxsizelimit="2000000" data-url="/new/Account/FileUpload" name="CharityLogo" type="file" data-parsley-id="6744"><ul class="parsley-errors-list" id="parsley-id-6744"></ul><i class="glyphicon glyphicon-plus"></i></span>
<div class="fade well dropzone">Drop files here</div>
<div class="progress progress-striped active file-progress" style="display: none;">
<div aria-valuemax="100" aria-valuemin="0" class="progress-bar" role="progressbar" style="width: 100%;"></div>
</div>
<div class="fileUploadContainer pull-right" style="display: block;">
<img class="img-thumbnail" src="http://lorempixel.com/250/140/cats">
<div class="thunbButtons" style="left: 84.5px; bottom: 17px;">
<div class="glyphicon glyphicon-remove" data-remove-element-id="CharityLogo"></div>
<div>
<a class="preview" target="_blank" href="http://prodin.dev.vm-ts-guidestar.fp.lan/Uploads/Temp/3b1a2f2b-20c2-42fc-a88b-6dff11f00932.jpg"> <i class="glyphicon glyphicon-eye-open"></i>
</a>
</div>
</div>
</div><span class="fileName">a.jpg</span><span id="UploadErrorContainer_CharityLogo" style="display: none;"></span>
<input class="urlHidden" style="display:none" data-parsley-id="4779">
<ul class="parsley-errors-list" id="parsley-id-4779"></ul>
</div>
</div>
<div class="form-group">
<label class="control-label"><b>Other Charity Names:</b>
</label>
<div class="controls-list">
<div class="entry input-group">
<input class="form-control" name="fields[]" type="text" />
<span class="input-group-btn">
<button class="btn btn-success btn-add" type="button">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<br>
<small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small>
</div>
<div class="form-group">
<label id="CharityStrapLabel"><b>Charity Strap Line:</b>
</label>
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityStrapLabel"><b>Year Founded:</b>
</label>
<input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="YearFounded" name="CharityName" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityStrapLabel"><b>Charity website:</b>
</label>
<input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" placeholder="http://" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityRegistrationTypeLabel"><b>Charity legal Entity:</b>
</label>
<div class="form-group">
<label class="control-label" for="CharityRegistrationType"></label>
<select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167">
<option value="00000000-0000-0000-0000-000000000000">Not Selected</option>
<option value="d2a6c94a-d7ee-4ce0-ae1e-5cb98a05426e">ASBL</option>
<option value="2d5a0676-b7b2-4e76-b9e6-9969e60862d3">AISBL</option>
<option value="1422e782-2b15-4eeb-a27b-3c6231e73f28">fondation d'utilité publique</option>
<option value="1422e782-2b15-4eeb-a27b-3c6231e33f28">fondation privée</option>
<option value="1422e782-2b15-4eeb-a27b-3c623123f28">entreprise d'économie sociale</option>
<option value="1422e782-2b15-4eeb-a27b-3c623133f28">autre</option>
</select>
<ul class="parsley-errors-list" id="parsley-id-0167"></ul>
</div>
</div>
<div class="form-group">
<label id="CharityRegistrationTypeLabel"><b>Default Language:</b>
</label>
<div class="form-group">
<label class="control-label" for="CharityRegistrationType"></label>
<select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167">
<option value="00000000-0000-0000-0000-000000000000">Not Selected</option>
<option value="d2a6c94a-d7ee-4ce0-ae1e-5cb98a05426e">Francais</option>
<option value="2d5a0676-b7b2-4e76-b9e6-9969e60862d3">Nederlands</option>
<option value="1422e782-2b15-4eeb-a27b-3c6231e73f28">Deutsch</option>
</select>
<ul class="parsley-errors-list" id="parsley-id-0167"></ul>
</div>
</div>
<div class="form-group">
<label id="CharityRegistrationTypeLabel"><b>Mission:</b>
</label>
<textarea class="form-control" placeholder="Obligatoire" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType"></textarea>
</div>
<button class="btn search-button button-submit pull-right" id="ContinueButton" type="submit">Save</button>
</div>
</div>
</div>
<div class="col-lg-12 col-sm-12">
<div class="panel panel-primary">
<div class="panel-heading clickable">
<h3 class="panel-title">
Media</h3>
<span class="pull-right "><i class="glyphicon glyphicon-minus"></i></span>
</div>
<div class="panel-body">
<div class="form-group">
<label class="control-label"><b>Charity documents:</b>
</label>
<div class="controls-list">
<div class="entry input-group">
<div data-bind="uploadButton: CharityLogo"><span class="btn fileinput-button"><input class="fileupload" data-additionalparameters="" data-allowedextensions="Jpg|Jpeg|Png|Tif|Tiff" data-delete-url="/new/Account/RemoveUploadedFile" data-fileextensionerrormessage="{file} has invalid extension. Only {extensions} are allowed." data-filesizeerrormessage="{file} is too large. Maximum file size is {sizeLimit}." data-filetype="Logo" data-maxsizelimit="2000000" data-url="/new/Account/FileUpload" name="CharityLogo" type="file" data-parsley-id="6744"><ul class="parsley-errors-list" id="parsley-id-6744"></ul><i class="glyphicon glyphicon-plus"></i></span>
<div class="fade well dropzone">Drop files here</div>
<div class="progress progress-striped active file-progress" style="display: none;">
<div aria-valuemax="100" aria-valuemin="0" class="progress-bar" role="progressbar" style="width: 100%;"></div>
</div>
<div class="fileUploadContainer pull-right" style="display: block;">
<img class="img-thumbnail" src="http://lorempixel.com/250/140/cats">
<div class="thunbButtons" style="left: 84.5px; bottom: 17px;">
<div class="glyphicon glyphicon-remove" data-remove-element-id="CharityLogo"></div>
<div>
<a class="preview" target="_blank" href="http://prodin.dev.vm-ts-guidestar.fp.lan/Uploads/Temp/3b1a2f2b-20c2-42fc-a88b-6dff11f00932.jpg"> <i class="glyphicon glyphicon-eye-open"></i>
</a>
</div>
</div>
</div><span class="fileName">a.jpg</span><span id="UploadErrorContainer_CharityLogo" style="display: none;"></span>
<input class="urlHidden" style="display:none" data-parsley-id="4779">
<ul class="parsley-errors-list" id="parsley-id-4779"></ul>
</div>
<span class="input-group-btn">
<button class="btn btn-success btn-add" type="button">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<br>
<small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small>
</div>
<div class="form-group">
<label class="control-label"><b>Youtube Videos:</b>
</label>
<div class="controls-list">
<div class="entry input-group form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Title:</label>
<div class="col-sm-10">
<input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Url:</label>
<div class="col-sm-10">
<input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" placeholder="youtube.com/" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">CopyRight:</label>
<div class="col-sm-10">
<input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<span class="input-group-btn">
<button class="btn btn-success btn-add" type="button">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<br>
<small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small>
</div>
<div class="form-group">
<label class="control-label"><b>Social Media:</b>
</label>
<div class="controls-list">
<div class="entry input-group">
<div class="input-group-btn input-group-select">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
<span class="concept">Facebook</span> <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#phone">Facebook</a>
</li>
<li><a href="#fax">Linkedin</a>
</li>
<li><a href="#skype">Twitter</a>
</li>
<li><a href="#www">Web</a>
</li>
</ul>
<input type="hidden" class="input-group-select-val" name="contacts['type'][]" value="phone">
</div>
<input type="text" name="contacts['value'][]" class="form-control">
<span class="input-group-btn">
<button class="btn btn-success btn-add" type="button">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<br>
<small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small>
</div>
<button class="btn search-button button-submit pull-right" id="ContinueButton" type="submit">Save</button>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-12 col-sm-12">
<div class="panel panel-primary">
<div class="panel-heading clickable">
<h3 class="panel-title">
Contact</h3>
<span class="pull-right "><i class="glyphicon glyphicon-minus"></i></span>
</div>
<div class="panel-body">
<div class="form-group">
<label id="CharityNameLabel"><b>Street and number:</b>
</label>
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityNameLabel"><b>Other Address Lines:</b>
</label>
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityNameLabel"><b>Code postal:</b>
</label>
<select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167">
<option value="09549af7-74d9-485e-b2a4-986ccf072cdf" title="1000 Brussel">1000 Brussel</option>
<option value="01bad172-6e5d-4325-a093-5494a9034dd8" title="1000 Bruxelles">1000 Bruxelles</option>
<option value="c65dacf8-e094-4ee9-9413-f55c2c20d30a" title="1005 Ass. Réun. Com. Communau. Commune">1005 Ass. Réun. Com. Communau. Commune</option>
</select> <ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityNameLabel"><b>Telephone</b>
</label>
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityNameLabel"><b>Fax:</b>
</label>
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label id="CharityNameLabel"><b>Charity Primary Email Address:</b>
</label>
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
<div class="form-group">
<label class="control-label"><b>Charity Contact:</b>
</label>
<div class="controls-list">
<div class="entry input-group form-horizontal">
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Contact Name:</label>
<div class="col-sm-10">
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Last name:</label>
<div class="col-sm-10">
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Position:</label>
<div class="col-sm-10">
<div class="form-group">
<label class="control-label" for="CharityRegistrationType"></label>
<select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167">
<option value="00000000-0000-0000-0000-000000000000">Not Selected</option>
<option value="d2a6c94a-d7ee-4ce0-ae1e-5cb98a05426e">Direction</option>
<option value="2d5a0676-b7b2-4e76-b9e6-9969e60862d3">Employé(e)</option>
<option value="1422e782-2b15-4eeb-a27b-3c6231e73f28">Autre</option>
</select>
<ul class="parsley-errors-list" id="parsley-id-0167"></ul>
</div>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Email:</label>
<div class="col-sm-10">
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Contact Phone:</label>
<div class="col-sm-10">
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Contact Fax:</label>
<div class="col-sm-10">
<input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Contact Gender:</label>
<div class="col-sm-10">
<div class="form-group">
<label class="control-label" for="CharityRegistrationType"></label>
<select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167">
<option value="00000000-0000-0000-0000-000000000000">Male</option>
<option value="d2a6c94a-d7ee-4ce0-ae1e-5cb98a05426e">Female</option>
<option value="2d5a0676-b7b2-4e76-b9e6-9969e60862d3">Unisex</option>
</select>
<ul class="parsley-errors-list" id="parsley-id-0167"></ul>
</div>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Display:</label>
<div class="col-sm-10">
<input type="checkbox" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<div class="form-group">
<label for="inputEmail3" class="col-sm-2 control-label">Charity Administrator:</label>
<div class="col-sm-10">
<input type="checkbox" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591">
<ul class="parsley-errors-list" id="parsley-id-9591"></ul>
</div>
</div>
<span class="input-group-btn">
<button class="btn btn-success btn-add" type="button">
<span class="glyphicon glyphicon-plus"></span>
</button>
</span>
</div>
</div>
<br>
<small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small>
</div>
<button class="btn search-button button-submit pull-right" id="ContinueButton" type="submit">Save</button>
</div>
</div>
</div>
</div>
</div>
</div>
.clickable
{
cursor: pointer;
}
.clickable .glyphicon
{
background: rgba(0, 0, 0, 0.15);
display: inline-block;
padding: 6px 12px;
border-radius: 4px
}
.panel-heading span
{
margin-top: -23px;
font-size: 15px;
margin-right: -9px;
}
a.clickable { color: inherit; }
a.clickable:hover { text-decoration:none; }
.panel-heading{
background: #4f950f!important;
}
.entry{
border: solid 3px #F6F6F6;
}
.panel-primary {
border-color: #4f950f!important;
}
$(document).on('click', '.panel-heading span.clickable', function (e) {
var $this = $(this);
if (!$this.hasClass('panel-collapsed')) {
$this.parents('.panel').find('.panel-body').slideUp();
$this.addClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus');
} else {
$this.parents('.panel').find('.panel-body').slideDown();
$this.removeClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus');
}
});
$(document).on('click', '.panel div.clickable', function (e) {
var $this = $(this);
if (!$this.hasClass('panel-collapsed')) {
$this.parents('.panel').find('.panel-body').slideUp();
$this.addClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus');
} else {
$this.parents('.panel').find('.panel-body').slideDown();
$this.removeClass('panel-collapsed');
$this.find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus');
}
});
$(function()
{
$(document).on('click', '.btn-add', function(e)
{
e.preventDefault();
var controlForm = $(this).parents('.controls-list'),
currentEntry = $(this).parents('.entry:first'),
newEntry = $(currentEntry.clone()).appendTo(controlForm);
newEntry.find('input').val('');
controlForm.find('.entry:not(:last) .btn-add')
.removeClass('btn-add').addClass('btn-remove')
.removeClass('btn-success').addClass('btn-danger')
.html('<span class="glyphicon glyphicon-minus"></span>');
}).on('click', '.btn-remove', function(e)
{
$(this).parents('.entry:first').remove();
e.preventDefault();
return false;
});
$(document).on('click', '.dropdown-menu a', function (event) {
event.preventDefault();
var $selectGroup = $(this).closest('.input-group-select');
var param = $(this).attr("href").replace("#","");
var concept = $(this).text();
$selectGroup.find('.concept').text(concept);
$selectGroup.find('.input-group-select-val').val(param);
});
$("#YearFounded").datepicker( {
format: "mm-yyyy",
viewMode: "months",
minViewMode: "months"
});
});