{% extends 'base.html.twig' %}
{% block title %}{% endblock %}
{% block body %}
{% include ("pages/job/header.html.twig") %}
<div id="registration" >
<section class="container register mt4">
<div v-if="!viewform">
<p style="color: white" v-html="messages"></p>
</div>
<div class="row" v-if="viewform">
<div class="col-md-3 register-left" >
{#<img src="{{ asset('build/images/med_site.png') }}" alt=""/>#}
<h3>Bienvenue</h3>
<p>Vous n'avez pas encore de compte ?<br>Inscrivez-vous dès maintenant !!</p>
<button><a href="{{ url('app_login') }}"> Se Connecter </a></button>
</div>
<div class="col-md-9 register-right">
<h3 class="register-heading">Créer votre compte RMS</h3>
<div class="row register-form">
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" v-model="form.nom" placeholder="Nom * " required />
<span class="text-danger"> ${errors.nom}</span>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Prenom *" v-model="form.prenom" required />
<span class="text-danger"> ${errors.prenom}</span>
</div>
<div class="form-group">
<input type="password" @blur="passwordValide()" class="form-control" placeholder="Mot de passe *" v-model="form.password" required />
<span class="text-danger "> <p v-html="errors.password"></p></span>
</div>
<div class="form-group">
<input type="password" @blur="repeatPassword()" class="form-control" v-model="form.repeatPassword" placeholder="Confirmer votre mot de passe *" required />
<span class="text-danger"> ${errors.repeatPassword}</span>
</div>
<div class="form-group">
<div class="maxl">
<h4>Genre</h4>
<label class="radio inline">
<input type="radio" name="gender" value="1" checked v-model="form.civilite">
<span> Masculin </span>
</label>
<label class="radio inline">
<input type="radio" name="gender" value="0" v-model="form.civilite">
<span> Feminin </span>
</label>
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<input type="text" class="form-control" placeholder="E-mail *" required v-model="form.email" />
<span class="text-danger"> ${errors.email}</span>
</div>
<div class="form-group">
<input type="text" minlength="10" maxlength="10" required v-model="form.telephone" name="txtEmpPhone" class="form-control" placeholder="Telephone *" value="" />
<span class="text-danger"> ${errors.telephone}</span>
</div>
<div class="form-group">
<select class="form-control" v-model="form.type" required>
<option class="hidden" value="" selected disabled>Vous êtes ?</option>
<option value="1">Professionnel de santé</option>
<option value="2">Structure de santé</option>
</select>
<span class="text-danger"> ${errors.type}</span>
</div>
<div class="form-group">
<input type="text" class="form-control" placeholder="Adresse " v-model="form.adresse" value="" />
</div>
<button type="button" class="btnlogin" @click="onSubmit()" value=""> Soumettre </button>
</div>
</div>
</div>
</div>
</section>
</div>
{% endblock %}