<!-- Follow-up Research Modal -->
<div class="modal fade" id="followUpModal" tabindex="-1" aria-labelledby="followUpModalLabel" aria-hidden="true" style="z-index: 10000;">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="followUpModalLabel">Follow-up Research</h5>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p class="mb-3">Ask a follow-up question based on your previous research. This will use the context and sources from your last research to provide more focused results.</p>

                <div class="mb-3">
                    <strong>Examples of good follow-up questions:</strong>
                    <ul class="mt-2">
                        <li>"Can you provide more details about the implementation challenges?"</li>
                        <li>"What are the specific costs mentioned in the findings?"</li>
                        <li>"How does this compare to alternative approaches?"</li>
                        <li>"What are the long-term implications of these results?"</li>
                    </ul>
                </div>

                <form id="followUpForm">
                    <div class="mb-3">
                        <label for="followUpQuestion" class="form-label">Your follow-up question:</label>
                        <textarea class="ldr-form-control" id="followUpQuestion" rows="3" placeholder="Enter your follow-up question..." required></textarea>
                    </div>

                    <div class="form-check mb-3">
                        <input class="form-check-input" type="checkbox" id="reuseSourcesCheckbox" checked>
                        <label class="form-check-label" for="reuseSourcesCheckbox">
                            Use sources from previous research
                        </label>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                <button type="button" class="btn btn-primary" id="startFollowUpBtn">Start Follow-up Research</button>
            </div>
        </div>
    </div>
</div>
