70 lines
3.1 KiB
HTML
70 lines
3.1 KiB
HTML
{% extends "base.html" %}
|
|
{% block title %}Ajouter un Bénéficiaire{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="main-content">
|
|
<div class="page-header">
|
|
<h1><i class="bi bi-person-plus"></i> Ajouter un Bénéficiaire</h1>
|
|
<p>Enregistrez un nouveau contact pour vos virements</p>
|
|
</div>
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-md-6">
|
|
<div class="section-card fade-in">
|
|
<form method="POST" action="{{ url_for('add_beneficiary') }}">
|
|
<div class="form-group">
|
|
<label class="form-label">
|
|
<i class="bi bi-person"></i> Nom du bénéficiaire *
|
|
</label>
|
|
<input type="text" name="beneficiary_name" class="form-control"
|
|
placeholder="Ex: Marie Martin" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">
|
|
<i class="bi bi-bank"></i> Banque
|
|
</label>
|
|
<input type="text" name="bank_name" class="form-control"
|
|
value="DragonBank" placeholder="DragonBank">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">
|
|
<i class="bi bi-hash"></i> Numéro de compte *
|
|
</label>
|
|
<input type="text" name="account_number" class="form-control"
|
|
placeholder="Ex: DRG0000000005678" required>
|
|
<small class="text-muted">
|
|
Pour DragonBank, le numéro commence par DRG
|
|
</small>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">
|
|
<i class="bi bi-upc"></i> IBAN (optionnel)
|
|
</label>
|
|
<input type="text" name="iban" class="form-control"
|
|
placeholder="FR76 XXXX XXXX XXXX">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="form-label">
|
|
<i class="bi bi-building"></i> BIC (optionnel)
|
|
</label>
|
|
<input type="text" name="bic" class="form-control"
|
|
placeholder="DRGBFRPP">
|
|
</div>
|
|
|
|
<button type="submit" class="btn btn-dragon w-100 mt-3">
|
|
<i class="bi bi-check-circle"></i> Ajouter le bénéficiaire
|
|
</button>
|
|
|
|
<a href="{{ url_for('beneficiaries') }}" class="btn btn-dragon-outline w-100 mt-2">
|
|
<i class="bi bi-arrow-left"></i> Retour
|
|
</a>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |