@extends('layouts.app')

@section('content')
<div class="max-w-4xl mx-auto px-6 lg:px-8 py-12">
    <div class="bg-card rounded-2xl border border-subtle p-8 md:p-12">
        <h1 class="text-4xl font-bold text-main mb-4">Terms of Service</h1>
        <p class="text-sm text-muted mb-8">Last Updated: {{ date('F d, Y') }}</p>

        <div class="prose prose-invert max-w-none space-y-8">
            <!-- Agreement to Terms -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">1. Agreement to Terms</h2>
                <p class="text-secondary leading-relaxed">
                    By accessing and using PHXBot ("Service," "we," "us," or "our"), you agree to be bound by these Terms of Service and all applicable laws and regulations. If you do not agree with any of these terms, you are prohibited from using this service.
                </p>
                <div class="bg-warning/10 border border-warning/30 rounded-lg p-4 mt-4">
                    <p class="text-warning text-sm font-medium flex items-start">
                        <svg class="w-5 h-5 mr-2 flex-shrink-0 mt-0.5" fill="currentColor" viewBox="0 0 20 20">
                            <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
                        </svg>
                        <span><strong>Important:</strong> By using PHXBot, you are also agreeing to be bound by the <a href="https://www.youtube.com/t/terms" target="_blank" class="underline hover:text-warning/80">YouTube Terms of Service</a>.</span>
                    </p>
                </div>
            </section>

            <!-- YouTube API Services -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">2. YouTube API Services</h2>
                <p class="text-secondary leading-relaxed mb-4">
                    PHXBot uses YouTube API Services to provide chatbot functionality for YouTube live streams. Your use of PHXBot is subject to:
                </p>
                <ul class="list-disc list-inside text-secondary space-y-2 ml-4">
                    <li>The <a href="https://www.youtube.com/t/terms" target="_blank" class="text-accent-primary hover:underline">YouTube Terms of Service</a></li>
                    <li>The <a href="https://policies.google.com/privacy" target="_blank" class="text-accent-primary hover:underline">Google Privacy Policy</a></li>
                    <li>The <a href="https://developers.google.com/youtube/terms/developer-policies" target="_blank" class="text-accent-primary hover:underline">YouTube API Services Terms of Service</a></li>
                </ul>
                <p class="text-secondary leading-relaxed mt-4">
                    You acknowledge that by connecting your YouTube account to PHXBot, you grant us permission to access your YouTube channel data as described in our <a href="{{ route('privacy-policy') }}" class="text-accent-primary hover:underline">Privacy Policy</a>.
                </p>
            </section>

            <!-- Service Description -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">3. Service Description</h2>
                <p class="text-secondary leading-relaxed mb-3">PHXBot provides the following features:</p>
                <ul class="list-disc list-inside text-secondary space-y-2 ml-4">
                    <li>Automated responses to YouTube live stream chat messages</li>
                    <li>Custom command creation and management</li>
                    <li>Timed messages for chat engagement</li>
                    <li>AI-powered chat responses (optional)</li>
                    <li>Chat moderation and user management</li>
                </ul>
            </section>

            <!-- User Accounts and Registration -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">4. User Accounts and Registration</h2>

                <h3 class="text-xl font-semibold text-main mb-3 mt-6">4.1 Account Creation</h3>
                <p class="text-secondary leading-relaxed">
                    To use PHXBot, you must create an account and connect your YouTube channel through Google OAuth. You must provide accurate and complete information during registration.
                </p>

                <h3 class="text-xl font-semibold text-main mb-3 mt-6">4.2 Account Security</h3>
                <p class="text-secondary leading-relaxed">
                    You are responsible for maintaining the confidentiality of your account credentials. You agree to notify us immediately of any unauthorized use of your account.
                </p>

                <h3 class="text-xl font-semibold text-main mb-3 mt-6">4.3 Age Requirement</h3>
                <p class="text-secondary leading-relaxed">
                    You must be at least 13 years old to use PHXBot. By using this service, you represent that you meet this age requirement.
                </p>
            </section>

            <!-- Acceptable Use Policy -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">5. Acceptable Use Policy</h2>
                <p class="text-secondary leading-relaxed mb-3">You agree NOT to use PHXBot to:</p>
                <ul class="list-disc list-inside text-secondary space-y-2 ml-4">
                    <li>Violate any laws, regulations, or third-party rights</li>
                    <li>Post spam, harassment, or abusive content through the bot</li>
                    <li>Impersonate others or provide false information</li>
                    <li>Interfere with or disrupt the service or servers</li>
                    <li>Attempt to gain unauthorized access to our systems</li>
                    <li>Use the bot for any commercial purpose without permission</li>
                    <li>Violate YouTube Terms of Service or Community Guidelines</li>
                </ul>
            </section>

            <!-- Data and Privacy -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">6. Data and Privacy</h2>
                <p class="text-secondary leading-relaxed">
                    Your use of PHXBot is subject to our <a href="{{ route('privacy-policy') }}" class="text-accent-primary hover:underline">Privacy Policy</a>, which explains how we collect, use, and protect your data. By using this service, you consent to our data practices as described in the Privacy Policy.
                </p>
            </section>

            <!-- Intellectual Property -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">7. Intellectual Property</h2>
                <p class="text-secondary leading-relaxed">
                    The Service and its original content, features, and functionality are owned by PHXBot and are protected by international copyright, trademark, and other intellectual property laws.
                </p>
            </section>

            <!-- Service Modifications and Termination -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">8. Service Modifications and Termination</h2>

                <h3 class="text-xl font-semibold text-main mb-3 mt-6">8.1 Service Changes</h3>
                <p class="text-secondary leading-relaxed">
                    We reserve the right to modify, suspend, or discontinue any part of the Service at any time without notice.
                </p>

                <h3 class="text-xl font-semibold text-main mb-3 mt-6">8.2 Account Termination</h3>
                <p class="text-secondary leading-relaxed">
                    We may terminate or suspend your account immediately, without prior notice, for any breach of these Terms of Service or for any other reason we deem appropriate.
                </p>

                <h3 class="text-xl font-semibold text-main mb-3 mt-6">8.3 User Termination</h3>
                <p class="text-secondary leading-relaxed">
                    You may terminate your account at any time by contacting us at <a href="mailto:support@phxbot.com" class="text-accent-primary hover:underline">support@phxbot.com</a> or by revoking access through your <a href="https://myaccount.google.com/connections?filters=3,4&hl=en" target="_blank" class="text-accent-primary hover:underline">Google security settings</a>.
                </p>
            </section>

            <!-- Disclaimer of Warranties -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">9. Disclaimer of Warranties</h2>
                <p class="text-secondary leading-relaxed">
                    THE SERVICE IS PROVIDED "AS IS" AND "AS AVAILABLE" WITHOUT WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED. WE DO NOT GUARANTEE THAT THE SERVICE WILL BE UNINTERRUPTED, SECURE, OR ERROR-FREE.
                </p>
            </section>

            <!-- Limitation of Liability -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">10. Limitation of Liability</h2>
                <p class="text-secondary leading-relaxed">
                    IN NO EVENT SHALL PXEBOT, ITS DIRECTORS, EMPLOYEES, OR AGENTS BE LIABLE FOR ANY INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES ARISING OUT OF YOUR USE OF THE SERVICE.
                </p>
            </section>

            <!-- Changes to Terms -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">11. Changes to These Terms</h2>
                <p class="text-secondary leading-relaxed">
                    We reserve the right to modify these Terms of Service at any time. We will notify users of any material changes by updating the "Last Updated" date at the top of this page. Your continued use of the Service after changes constitutes acceptance of the modified terms.
                </p>
            </section>

            <!-- Governing Law -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">12. Governing Law</h2>
                <p class="text-secondary leading-relaxed">
                    These Terms shall be governed by and construed in accordance with applicable laws, without regard to conflict of law provisions.
                </p>
            </section>

            <!-- Contact Information -->
            <section>
                <h2 class="text-2xl font-semibold text-main mb-4">13. Contact Us</h2>
                <p class="text-secondary leading-relaxed">
                    If you have any questions about these Terms of Service, please contact us:
                </p>
                <div class="bg-surface rounded-lg p-6 mt-4">
                    <p class="text-secondary"><strong class="text-main">Email:</strong> <a href="mailto:support@phxbot.com" class="text-accent-primary hover:underline">support@phxbot.com</a></p>
                    <p class="text-secondary mt-2"><strong class="text-main">Website:</strong> <a href="https://phxbot.com" target="_blank" class="text-accent-primary hover:underline">https://phxbot.com</a></p>
                    <p class="text-secondary mt-2"><strong class="text-main">Contact Page:</strong> <a href="{{ route('contact') }}" class="text-accent-primary hover:underline">{{ route('contact') }}</a></p>
                </div>
            </section>

            <!-- Back to Dashboard -->
            <div class="pt-8 border-t border-subtle mt-12">
                <a href="{{ route('dashboard') }}" class="inline-flex items-center text-accent-primary hover:text-accent-secondary">
                    <svg class="w-5 h-5 mr-2" fill="none" stroke="currentColor" viewBox="0 0 24 24">
                        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
                    </svg>
                    Back to Dashboard
                </a>
            </div>
        </div>
    </div>
</div>
@endsection