<!doctype html>
<html lang="en">
<body>
<section class="hero is-fullheight">
<div class="hero-body">
<div class="container">
<div class="columns is-centered">
<div class="column is-5">
<div class="box">
<h1 class="title is-1 has-text-centered">Inscription</h1>
<?php if (isset($error)): ?>
<div class="notification is-danger">
<?= $error ?>
</div>
<?php endif; ?>
<?=validation_errors(); ?>
<?=form_open('connect/create')?>
<div class="field">
<label class="label" for="prenom">Prénom</label>
<div class="control">
<input class="input is-dark" type="text" id="prenom" name="prenom" placeholder="Prénom" value="<?=set_value('prenom')?>" required>
</div>
</div>
<div class="field">
<label class="label" for="nom">Nom</label>
<div class="control">
<input class="input is-dark" type="text" id="nom" name="nom" placeholder="Nom" value="<?=set_value('nom')?>" required>
</div>
</div>
<div class="field">
<label class="label" for="email">Adresse mail</label>
<div class="control">
<input class="input is-dark" type="email" id="email" name="email" placeholder="Email" value="<?=set_value('email')?>" required>
</div>
<?php if (isset($error)): ?>
<p class="help is-danger"><?= $error ?></p>
<?php endif; ?>
</div>
<div class="field">
<label class="label" for="password">Mot de passe</label>
<div class="control">
<input class="input is-dark" type="password" id="password" name="password" placeholder="Mot de passe" value="<?=set_value('password')?>" required>
</div>
</div>
<div class="field">
<label class="label" for="cpassword">Confirmation mot de passe</label>
<div class="control">
<input class="input is-dark" type="password" id="cpassword" name="cpassword" placeholder="Confirmation mot de passe" value="<?=set_value('cpassword')?>" required>
</div>
</div>
<div class="field">
<div class="control">
<button class="button is-primary is-fullwidth is-large" type="submit">S'inscrire</button>
</div>
</div>
<div class="has-text-centered">
<p>Vous avez déjà un compte ? <a href="<?= site_url('connect/login') ?>" class="has-text-primary">Connexion</a></p>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>