{% extends "framework_modern.html" %}
{% load static %}

{% block main_content %}
<div class="max-w-4xl mx-auto px-4 py-8">
    <!-- Breadcrumbs -->
    <div class="text-sm breadcrumbs mb-4">
        <ul>
            <li><a href="/">Home</a></li>
            <li>Legal</li>
        </ul>
    </div>

    <!-- Main Content -->
    <div class="bg-base-100 shadow-xl rounded-lg p-8">
        <h1 class="text-4xl font-bold mb-6">Legal Information</h1>

        <div class="prose max-w-none">
            <p class="text-lg mb-6">
                Welcome to enviPath's legal information center. Here you can find all our legal documents,
                policies, and terms that govern the use of our platform.
            </p>

            <!-- Legal Documents Grid -->
            <div class="grid md:grid-cols-2 gap-6 mb-8">
                <!-- Terms of Use -->
                <div class="card bg-base-200 shadow-md">
                    <div class="card-body">
                        <h3 class="card-title text-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                            </svg>
                            Terms of Use
                        </h3>
                        <p class="text-sm mb-4">
                            Our terms and conditions that govern the use of enviPath services, including
                            licensing, user responsibilities, and platform usage guidelines.
                        </p>
                        <div class="card-actions justify-end">
                            <a href="/terms" class="btn btn-primary btn-sm">Read Terms</a>
                        </div>
                    </div>
                </div>

                <!-- Privacy Policy -->
                <div class="card bg-base-200 shadow-md">
                    <div class="card-body">
                        <h3 class="card-title text-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z" />
                            </svg>
                            Privacy Policy
                        </h3>
                        <p class="text-sm mb-4">
                            How we collect, use, and protect your personal information when you use
                            enviPath, including data handling practices and your privacy rights.
                        </p>
                        <div class="card-actions justify-end">
                            <a href="/privacy" class="btn btn-primary btn-sm">Read Policy</a>
                        </div>
                    </div>
                </div>

                <!-- Cookie Policy -->
                <div class="card bg-base-200 shadow-md">
                    <div class="card-body">
                        <h3 class="card-title text-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z" />
                            </svg>
                            Cookie Policy
                        </h3>
                        <p class="text-sm mb-4">
                            Information about the cookies and tracking technologies we use on enviPath,
                            including analytics and essential functionality cookies.
                        </p>
                        <div class="card-actions justify-end">
                            <a href="/cookie-policy" class="btn btn-primary btn-sm">Read Policy</a>
                        </div>
                    </div>
                </div>

                <!-- Citation Guidelines -->
                <div class="card bg-base-200 shadow-md">
                    <div class="card-body">
                        <h3 class="card-title text-primary">
                            <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z" />
                            </svg>
                            Citation Guidelines
                        </h3>
                        <p class="text-sm mb-4">
                            How to properly cite enviPath in your research publications and academic work,
                            including recommended citation formats and acknowledgments.
                        </p>
                        <div class="card-actions justify-end">
                            <a href="/cite" class="btn btn-primary btn-sm">View Guidelines</a>
                        </div>
                    </div>
                </div>
            </div>

            <!-- Quick Access Section -->
            <h2 class="text-2xl font-semibold mt-8 mb-4">Quick Access</h2>
            <div class="grid md:grid-cols-3 gap-4 mb-6">
                <a href="/terms" class="btn btn-outline btn-sm w-full">Terms of Use</a>
                <a href="/privacy" class="btn btn-outline btn-sm w-full">Privacy Policy</a>
                <a href="/cookie-policy" class="btn btn-outline btn-sm w-full">Cookie Policy</a>
            </div>

            <!-- Important Information -->
            <div class="alert alert-info mt-8">
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
                </svg>
                <div>
                    <h3 class="font-bold">Important Notice</h3>
                    <p class="text-sm">
                        By using enviPath, you agree to be bound by our Terms of Use and Privacy Policy.
                        We recommend reviewing these documents regularly as they may be updated from time to time.
                        For questions about our legal policies, please <a href="/contact" class="link link-primary">contact us</a>.
                    </p>
                </div>
            </div>

            <!-- Contact Information -->
            <div class="card bg-primary text-primary-content mt-8">
                <div class="card-body">
                    <h3 class="card-title">Questions About Our Legal Policies?</h3>
                    <p>If you have any questions or concerns about our legal documents, please don't hesitate to reach out to us.</p>
                    <div class="card-actions justify-end mt-4">
                        <a href="/contact" class="btn btn-secondary">Contact Us</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock main_content %}