{% extends 'base.html' %}

{% block body %}

<div id="wrapper">
    {% include 'navbar.html' %}

    <div id="page-wrapper" class="gray-bg">
        {% include 'header.html' %}
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-12">
                <h2>Possible Duplicate Beneficiary</h2>
            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                    <div class="ibox">
                        <div class="ibox-content">
                            <p>A beneficiary with the same <strong>name, mobile number, age and location</strong> is already registered:</p>
                            <div style="overflow-x: auto;">
                            <table class="table table-bordered">
                                <thead>
                                    <tr>
                                        <th>Beneficiary Name</th>
                                        <th>Mobile</th>
                                        <th>Age</th>
                                        <th>Project</th>
                                        <th>From Date</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    {% for d in duplicates %}
                                    <tr>
                                        <td>{{ d.beneficiary_name }}</td>
                                        <td>{{ d.mobile }}</td>
                                        <td>{{ d.age }}</td>
                                        <td>{{ d.project }}</td>
                                        <td>{{ d.from_date }}</td>
                                    </tr>
                                    {% endfor %}
                                </tbody>
                            </table>
                            </div>
                            <p>If this is a different person (e.g. a family member sharing a phone number), you can save it anyway. Otherwise go back and check the existing record.</p>

                            <form method="POST" action="{{ action_url }}">
                                {% csrf_token %}
                                {% for key, value in form_data.items %}
                                    <input type="hidden" name="{{ key }}" value="{{ value }}">
                                {% endfor %}
                                <input type="hidden" name="confirm_duplicate" value="1">
                                <button type="submit" class="btn btn-w-s btn-warning">Save Anyway</button>
                                <a href="/admin/program-department/programs" class="btn btn-w-s btn-default">Cancel</a>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{% endblock %}