{% extends "base.html" %}
{% block content %}

<div class="container mt-4">

    <h3 class="mb-3">Evict Tenant</h3>

    <div class="card p-3 mb-3">
        <h5>Tenant: {{ tenant.get_full_name }}</h5>
        <p>Unit: {{ unit.unit_number }}</p>
    </div>

    <form method="POST">
        {% csrf_token %}

        <div class="mb-3">
            <label>Reason for Eviction</label>
            <select name="reason" class="form-control" required>
                <option value="">Select reason</option>
                <option value="Non-payment">Non-payment of rent</option>
                <option value="Disturbance">Disturbance / Noise complaints</option>
                <option value="Damage">Property damage</option>
                <option value="Illegal activity">Illegal activity</option>
                <option value="Other">Other</option>
            </select>
        </div>

        <div class="mb-3">
            <label>Additional Notes</label>
            <textarea name="notes" class="form-control"></textarea>
        </div>

        <hr>

        <h5>Exit Inspection</h5>

        <div class="mb-3">
            <label>Inspection Notes</label>
            <textarea name="inspection_notes" class="form-control"></textarea>
        </div>

        <div class="mb-3">
            <label>Inspection Image</label>
            <input type="file" name="inspection_image" class="form-control">
        </div>

        <button type="submit" class="btn btn-danger">
            Confirm Eviction
        </button>
    </form>

</div>

{% endblock %}