<span id="replicate-gender" ng-if="config.borne.REPLICATE_GENDER && caisse.civilite">{{caisse.civilite == 'M.' ? titles.CIV_MR : titles.CIV_MME}}</span>
<civilite-client id="civ-choice" ng-if="clientcivilite" ng-include="borne.templates['civilite-client']"></civilite-client>
<error-popins ng-include="borne.templates['error-popins']" ng-class="{'inline': borne.INLINE_ERRORS}"></error-popins>
<input type="text" ng-model="caisse.company" id="company" name="company" class="keyboard-input" placeholder="{{titles.COMPANY_PLACEHOLDER}}" ng-touchstart="caisse.setCurrentInput('company')" ng-focus="caisse.currentInput='company'" ng-if="config.clientcompany"/>
<input type="text" ng-model="caisse.lastname" id="lastname" name="lastname" class="keyboard-input" placeholder="{{titles.LASTNAME_PLACEHOLDER}}" ng-touchstart="caisse.setCurrentInput('lastname')" ng-focus="caisse.currentInput='lastname'" ng-if="config.fields.LASTNAME.ENABLED" ng-class="{'filled' : caisse.lastname.length > 0}"/>
<input type="text" ng-model="caisse.firstname" id="firstname" name="firstname" class="keyboard-input" placeholder="{{titles.FIRSTNAME_PLACEHOLDER}}" ng-touchstart="caisse.setCurrentInput('firstname')" ng-focus="caisse.currentInput='firstname'" ng-if="config.fields.FIRSTNAME.ENABLED" ng-class="{'filled' : caisse.firstname.length > 0}"/>
<input type="text" ng-model="caisse.matricule" id="matricule" name="matricule" class="keyboard-input" placeholder="{{titles.MATRICULE_PLACEHOLDER}}" ng-touchstart="caisse.setCurrentInput('matricule')" ng-focus="caisse.currentInput='matricule'" ng-if="config.fields.MATRICULE.ENABLED" ng-class="{'filled' : caisse.matricule.length > 0}"/>
<input type="text" ng-model="caisse.phone" name="phone" class="keyboard-input" id="phone" placeholder="{{titles.CLIENTPHONE_PLACEHOLDER}}" ng-touchstart="caisse.setCurrentInput('phone')" ng-focus="caisse.currentInput='phone'" ng-if="config.fields.PHONE.ENABLED" ng-class="{'filled' : caisse.phone.length > 0}"/>
<div class="cgu-container" ng-if="config.fields.CGU.ENABLED">
    <span ng-touchstart="setCgu()" name="cgu" class="cgu-input" id="cgu" ng-class="{'filled' : caisse.cgu}"/>
    <label ng-bind-html="titles.CGU_LABEL_PREFIX"></label>&nbsp;<label ng-bind-html="titles.CGU_LABEL" ng-touchstart="showCgu()"></label>
</div>
<keyboard-client ng-include="borne.templates['keyboard-client']"></keyboard-client>
<div id="keyboard-nav">
	<div id="apply" ng-touchstart="caisse.submitClient()" data-effect="true" ng-class="{'disabled':!validKeyboard()}"><span>{{titles.KEYBOARD_VALIDATE}}</span></div>
</div>
<img src="/assets/img/icons/borne/nfc_3.png" class="keyboard-other-img">