{% extends 'layout.twig' %}
{% block body %}
    <div class="contenu clearfix"  id="campaign">
        <h1>
            {{ title }}
        </h1>

        {{ ariane() }}

        <h2 id="divMenu" style="position:relative;">
            {{ campaign.LIBELLE }} {{ 'créée le' | trad }} {{ campaign.DTECREAT | dateTrad }}  {{ 'par' | trad }} {{ campaign.CREATOR }} 
            {{ menuContextuel('campaign', false, campaign.menuContextuel, 7) }}
        </h2>
        <div class="tab-content">
            <div class="padding15">
                {% include '@Evaluation/Campaign/_heading.twig' %}
                {{ arianeSub() }}
			<div id="refresh_raters" style="margin-top:15px;">
				<h3>
					{{ tabTitle }}
				</h3>
				<form method="post" name="external_rater" id="external_rater" class="box-form clearfix">
					<div class="clearfix">
						<div class="colonne2">
							<div class="row">
								{{ inputAdvance('TEXT',{
									'titre'             : 'Nom' | trad,
									'name'              : 'NAME',
									'value'             : rater.NAME,
									'pathValidator'     : path('Ajax.validator.isStringAvecEspace'),
									'paramsValidator'   : "{'sizeMin' : '1', 'sizeMax' : '30'}",
									'obligatoire'       : true,
								}) }}
							</div>                
						</div>
						<div class="colonne2 last">
							<div class="row">
								{{ inputAdvance('TEXT',{
									'titre'             : 'Prénom' | trad,
									'name'              : 'SURNAME',
									'value'             : rater.SURNAME,
									'pathValidator'     : path('Ajax.validator.isStringAvecEspace'),
									'paramsValidator'   : "{'sizeMin' : '1', 'sizeMax' : '30'}",
									'obligatoire'       : true,
								}) }}
							</div>                    
						</div>
					</div>
					<div class="clearfix">
						<div class="single row">
							{{ inputAdvance('TEXT',{
								'titre'             : 'Email' | trad,
								'name'              : 'EMAIL',
								'value'             : rater.EMAIL,
								'pathValidator'     : path('Ajax.validator.adresseMail'),
								'paramsValidator'   : "{'sizeMin' : '1', 'sizeMax' : '100'}",
								'obligatoire'       : true,
							}) }}
						</div>
					</div>
					<div class="clearfix">
						<div class="colonne2">
							<div class="row">
								{{ inputAdvance('TEXT',{
									'titre'             : 'Société' | trad,
									'name'              : 'COMPANY',
									'value'             : rater.COMPANY,
									'pathValidator'     : path('Ajax.validator.isStringAvecEspace'),
									'paramsValidator'   : "{'sizeMin' : '1', 'sizeMax' : '30'}",
									'obligatoire'       : true,
								}) }}
							</div>
						</div>
						<div class="colonne2 last">
							<div class="row">
								{{ inputAdvance('TEXT',{
									'titre'             : 'Fonction' | trad,
									'name'              : 'OFFICE',
									'value'             : rater.OFFICE,
									'pathValidator'     : path('Ajax.validator.isStringAvecEspace'),
									'paramsValidator'   : "{'sizeMin' : '1', 'sizeMax' : '50'}",
								}) }}
							</div>
						</div>
					</div>
					<a type="button" class="button principal" style="float:right; margin-top: 15px;" onClick="ajaxPopupV2('{{ path('Evaluation.Rater.validateNewRaters',{mode: mode, id: id, origin: 'new_external'}) }}', 'external_rater');">{{ 'Enregistrer' | trad }}</a>
					<a type="button" class="button secondaire" style="float:right; margin-top: 15px;" href="{{ path('Evaluation.Rater.index', { mode: mode, id: id }) }}">{{ 'Annuler' | trad }}</a>
				</form>
			</div>
		</div>
	</div>
{% endblock %}
