{# Reset Confirmation Modal #}
{# PRD F8: Confirmation dialog before reset: "This will mark all categories as fully replenished. Continue?" #}

{# Reset All Confirmation #}
<div class="modal fade" id="reset-all-modal" tabindex="-1" aria-labelledby="reset-all-modal-label" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header border-warning">
                <h5 class="modal-title" id="reset-all-modal-label">
                    <i class="fa fa-sync-alt text-warning me-2"></i>Reset All Replenishment Tracking
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">
                    <i class="fa fa-exclamation-triangle me-2"></i>
                    <strong>Are you sure?</strong>
                </div>
                <p>
                    This will mark <strong>all categories</strong> as fully replenished and reset their tracking start time to now.
                </p>
                <ul class="text-muted small">
                    <li>All replenishment scores will start fresh</li>
                    <li>Historical data is preserved for reporting</li>
                    <li>This action is logged for audit purposes</li>
                    <li>Cannot be undone</li>
                </ul>
                <p class="mb-0">
                    <strong>Use this when:</strong> Staff completed replenishment outside the tracked workflow
                    (e.g., during a major restocking event).
                </p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-warning" id="btn-confirm-reset-all">
                    <i class="fa fa-sync-alt me-1"></i>Reset All Tracking
                </button>
            </div>
        </div>
    </div>
</div>

{# Reset Single Category Confirmation #}
<div class="modal fade" id="reset-category-modal" tabindex="-1" aria-labelledby="reset-category-modal-label" aria-hidden="true">
    <div class="modal-dialog modal-sm">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="reset-category-modal-label">
                    <i class="fa fa-check-circle text-success me-2"></i>Mark Replenished
                </h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p>
                    Mark <strong id="reset-category-name">--</strong> as replenished?
                </p>
                <p class="text-muted small mb-0">
                    This resets the tracking window for this category without creating a task.
                </p>
                <input type="hidden" id="reset-category-code">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-outline-secondary btn-sm" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-success btn-sm" id="btn-confirm-reset-category">
                    <i class="fa fa-check me-1"></i>Confirm
                </button>
            </div>
        </div>
    </div>
</div>