{% extends 'base.html' %}

{% block title %}Register - AgriLink{% endblock %}

{% block content %}
<section class="auth-section">
  <div class="auth-card">
    <h2>Create Account</h2>
    <form method="POST" action="{{ url_for('register') }}">
      <div class="form-group">
        <label for="name">Full Name</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="password">Password</label>
        <input type="password" id="password" name="password" required />
      </div>

      <div class="form-group">
        <label for="role">Role</label>
        <select id="role" name="role" required>
          <option value="">-- Select Role --</option>
          <option value="farmer">Farmer</option>
          <option value="buyer">Buyer</option>
        </select>
      </div>

      <button type="submit" class="btn-primary">Register</button>
      <p class="switch-link">
        Already have an account?
        <a href="{{ url_for('login') }}">Login here</a>
      </p>
    </form>
  </div>
</section>
{% endblock %}