{% extends 'base.html' %}
{% block title %}Approve Repair{% endblock %}

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

    <div class="page-header mb-3">
        <h4><i class="bi bi-check-circle"></i> Approve Repair</h4>
    </div>

    <div class="card shadow-sm p-3">

        <p><strong>Tenant:</strong> {{ repair.tenant.username }}</p>
        <p><strong>Issue:</strong> {{ repair.issue }}</p>

        {% if repair.image %}
            <img src="{{ repair.image.url }}" class="img-fluid rounded mb-3">
        {% endif %}

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

            <div class="mb-3">
                <label class="form-label">Estimated Cost (KES)</label>
                <input type="number" name="cost" class="form-control" required>
            </div>

            <button type="submit" class="btn btn-dark w-100">
                <i class="bi bi-check2-circle"></i> Approve Repair
            </button>
        </form>

    </div>

</div>
{% endblock %}