{% extends 'layouts/base.html.twig' %}

{% block title %}New Property
{% endblock %}

{% block body %}

	<div class="subscription-container">
		<h1>Souscription à l'abonnement annuel</h1>
		<form action="{{ path('app_subscribe_submit') }}" method="post" class="subscribe-form">
			<div class="form-group">
				<label for="name">Nom complet :</label>
				<input type="text" id="name" name="name" required>
			</div>
			<div class="form-group">
				<label for="email">Email :</label>
				<input type="email" id="email" name="email" required>
			</div>
			<div class="form-group">
				<label for="plan">Plan d'abonnement :</label>
				<select id="plan" name="plan" required>
					<option value="premium">Premium - 10.000 XAF/an</option>
					<option value="enterprise">Enterprise - 20.000 XAF/an</option>
				</select>
			</div>
			<div class="form-group">
				<label for="payment-method">Méthode de paiement :</label>
				<select id="payment-method" name="payment_method" required>
					<option value="mobile-money">Mobile money</option>
					<option value="airtel-money">Airtel money</option>
					<option value="credit-card">Carte de crédit</option>
					<option value="paypal">PayPal</option>
				</select>
			</div>
			<div class="form-group">
				<label for="terms">
					<input type="checkbox" id="terms" name="terms" required>
					J'accepte les
					<a href="{{ path('terms_and_conditions') }}">termes et conditions</a>.
				</label>
			</div>
			<button type="submit" class="btn btn-primary">Souscrire</button>
		</form>
	</div>
{% endblock %}