{% extends 'base.html' %}
{% load static %}

{% block title %}Confirm Absences | FoxFitt{% endblock %}

{% block content %}
{% comment %}
Conflict-confirmation page. Shown when at least one (worker, date)
pair on the absence-log form already has a WorkLog. The admin can
tick "Also remove from WorkLog" per conflict before committing —
useful when correcting an earlier mistake (worker was clocked in
but in fact was absent that day). Untouched rows keep their
WorkLog intact, so partial-day cases work too.
{% endcomment %}

<div class="container py-4">
    <h1 class="page-title mb-3">
        <i class="fas fa-exclamation-triangle me-2" style="color: var(--accent);"></i>
        Confirm Absences
    </h1>

    <div class="alert alert-warning">
        <strong>{{ conflicts|length }} worker(s) already have work logs on these dates.</strong><br>
        Tick the boxes below to also remove them from those work logs (recommended if you're correcting a mistake).
    </div>

    <form method="post" class="card">
        {% csrf_token %}
        <div class="card-body">
            <h6 class="text-uppercase mb-3" style="font-size: 0.75rem; color: var(--text-secondary);">
                Conflicts
            </h6>
            <table class="table table-sm">
                <thead>
                    <tr>
                        <th>Worker</th>
                        <th>Date</th>
                        <th>WorkLog</th>
                        <th>Action</th>
                    </tr>
                </thead>
                <tbody>
                {% for c in conflicts %}
                    <tr>
                        <td>{{ c.worker_name }}</td>
                        <td>{{ c.date }}</td>
                        <td>{{ c.project_name }} (WorkLog #{{ c.work_log_id }})</td>
                        <td>
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox"
                                       name="remove_from_worklog_{{ c.work_log_id }}_{{ c.worker_id }}"
                                       id="remove_{{ forloop.counter }}">
                                <label class="form-check-label" for="remove_{{ forloop.counter }}">
                                    Also remove from WorkLog
                                </label>
                            </div>
                        </td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>

            <hr>
            <p class="mb-2"><strong>{{ absence_count }} absence(s) will be created:</strong></p>
            <p>
                Reason: <strong>{{ reason }}</strong>.
                Paid: <strong>{% if is_paid %}Yes{% else %}No{% endif %}</strong>.
                {# Project line is conditional — older flows / non-project absences leave it blank. #}
                {% if project_name %}Project: <strong>{{ project_name }}</strong>.{% endif %}
            </p>

            <div class="d-flex justify-content-end gap-2 mt-3">
                <a href="{% url 'absence_log' %}" class="btn btn-outline-secondary">&larr; Back to form</a>
                <button type="submit" class="btn btn-accent">
                    <i class="fas fa-check me-1"></i> Confirm &amp; Create Absences
                </button>
            </div>
        </div>
    </form>
</div>
{% endblock %}