{% extends 'base.html' %}
{% block title %}Add Tenant{% endblock %}

{% block content %}
<div class="container">

    <div class="page-header mb-3">
        <h4><i class="bi bi-person-plus"></i> Add Tenant</h4>
    </div>

    <form method="POST" class="card p-4 shadow-sm">
        {% csrf_token %}

        <input type="text" name="first_name" placeholder="First Name" class="form-control mb-2" required>
        <input type="text" name="last_name" placeholder="Last Name" class="form-control mb-2" required>
        <input type="text" name="id_number" placeholder="ID Number" class="form-control mb-2" required>
        <input type="text" name="phone_number" placeholder="Phone Number" class="form-control mb-3" required>

        <button class="btn btn-dark w-100">Create Tenant</button>
    </form>

</div>
{% endblock %}