{% extends 'core/base.html' %}
{% block title %}Join Room – SplitChat{% endblock %}
{% block content %}
<div class="page-header"><div><h1 class="page-title">Join a Room</h1></div></div>
<div class="page-body">
  <div style="max-width:400px;">
    <div class="card">
      <p class="text-muted text-sm" style="margin-bottom:20px;">Enter an invite code to join an existing room.</p>
      <form method="post">
        {% csrf_token %}
        <div class="form-group">
          <label>Invite Code</label>
          <input type="text" name="invite_code" placeholder="e.g. AB3F9E21" style="font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;" required>
        </div>
        <div class="flex gap-2">
          <button type="submit" class="btn btn-primary">Join Room</button>
          <a href="{% url 'dashboard' %}" class="btn btn-secondary">Cancel</a>
        </div>
      </form>
    </div>
  </div>
</div>
{% endblock %}