import type { Metadata } from "next";
import { BasePage } from "@/app/base-page";
import {
	Accordion,
	AccordionContent,
	AccordionItem,
	AccordionTrigger,
} from "@/components/ui/accordion";
import { Separator } from "@/components/ui/separator";
import { SOCIAL_LINKS } from "@/constants/site-constants";

export const metadata: Metadata = {
	title: "Terms of Service - OpenCut",
	description:
		"OpenCut's Terms of Service. Fair, transparent terms for our free and open-source video editor.",
	openGraph: {
		title: "Terms of Service - OpenCut",
		description:
			"OpenCut's Terms of Service. Fair, transparent terms for our free and open-source video editor.",
		type: "website",
	},
};

export default function TermsPage() {
	return (
		<BasePage
			title="Terms of service"
			description="Fair and transparent terms for our free, open-source video editor. Contact us if you have any questions."
		>
			<Accordion type="single" collapsible className="w-full">
				<AccordionItem
					value="quick-summary"
					className="rounded-2xl border px-5"
				>
					<AccordionTrigger className="no-underline!">
						Quick summary
					</AccordionTrigger>
					<AccordionContent>
						<h3 className="mb-3 text-lg font-medium">
							You own your content, we own nothing.
						</h3>
						<ol className="list-decimal space-y-2 pl-6">
							<li>
								Your content stays private - basic editing is local, AI features
								use encrypted uploads
							</li>
							<li>
								We never claim ownership of your content, even when processing
								AI features
							</li>
							<li>
								Free for personal and commercial use with no watermarks or
								restrictions
							</li>
							<li>Don't use OpenCut for illegal activities or harassment</li>
							<li>
								Service provided "as is" - we can't guarantee perfect uptime
							</li>
							<li>
								Open source means you can review our code and self-host if
								needed
							</li>
							<li>
								You can delete your account anytime and keep using your exported
								videos
							</li>
						</ol>
						<p className="mt-4">
							Questions? Email us at{" "}
							<a
								href="mailto:oss@opencut.app"
								className="text-primary hover:underline"
							>
								oss@opencut.app
							</a>
						</p>
					</AccordionContent>
				</AccordionItem>
			</Accordion>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">Your Content, Your Rights</h2>
				<p>
					<strong>You own everything you create.</strong> OpenCut processes
					basic editing locally on your device. For AI features, content is
					encrypted before upload and we cannot access your original files. We
					make no claims to ownership, licensing, or rights over your videos,
					projects, or any content you create using OpenCut.
				</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>
						Your content remains private and under your control at all times
					</li>
					<li>You retain all intellectual property rights to your content</li>
					<li>
						Even when using AI features, we cannot access your unencrypted
						content
					</li>
					<li>You can export and use your content however you choose</li>
					<li>No watermarks, no licensing restrictions from OpenCut</li>
				</ul>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">How You Can Use OpenCut</h2>
				<p>OpenCut is free for personal and commercial use. You can:</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>
						Create videos for personal, educational, or commercial purposes
					</li>
					<li>Use OpenCut for client work and paid projects</li>
					<li>Share and distribute videos created with OpenCut</li>
					<li>
						Modify and distribute the OpenCut software (under MIT license)
					</li>
				</ul>
				<p>
					<strong>What we ask:</strong> Don't use OpenCut for illegal
					activities, harassment, or creating harmful content. Be respectful of
					others and follow applicable laws.
				</p>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">
					AI Features and Data Processing
				</h2>
				<p>
					OpenCut offers optional AI-powered features that require server
					processing:
				</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>
						AI features (auto captions, content analysis, etc.) are completely
						optional
					</li>
					<li>Your content is encrypted on your device before any upload</li>
					<li>
						We use zero-knowledge encryption - we cannot decrypt your content
					</li>
					<li>Encrypted content is deleted immediately after processing</li>
					<li>
						You maintain full ownership and control of your content throughout
					</li>
				</ul>
				<p>
					By using AI features, you consent to the temporary, encrypted
					processing of your content as described in our Privacy Policy. You can
					always choose to use only local editing features.
				</p>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">Account and Service</h2>
				<p>To use certain features, you may create an account:</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>Provide accurate information when signing up</li>
					<li>Keep your account secure and don't share credentials</li>
					<li>You're responsible for activity under your account</li>
					<li>You can delete your account at any time</li>
				</ul>
				<p>
					OpenCut is provided "as is" without warranties. While we strive for
					reliability, we can't guarantee uninterrupted service.
				</p>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">Open Source Benefits</h2>
				<p>Because OpenCut is open source, you have additional rights:</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>Review our code to see exactly how we handle your data</li>
					<li>Self-host OpenCut on your own servers</li>
					<li>Modify the software to suit your needs</li>
					<li>Contribute improvements back to the community</li>
				</ul>
				<p>
					View our source code and license on{" "}
					<a
						href={SOCIAL_LINKS.github}
						target="_blank"
						rel="noopener"
						className="text-primary hover:underline"
					>
						GitHub
					</a>
					.
				</p>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">Third-Party Content</h2>
				<p>
					When using OpenCut, make sure you have the right to use any content
					you import:
				</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>Only upload content you own or have permission to use</li>
					<li>
						Respect copyright, trademarks, and other intellectual property
					</li>
					<li>
						Don't use copyrighted music, images, or videos without permission
					</li>
					<li>You're responsible for any claims related to your content</li>
				</ul>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">Limitations and Liability</h2>
				<p>
					OpenCut is provided free of charge. To the extent permitted by law:
				</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>We're not liable for any loss of data or content</li>
					<li>
						Projects are stored in your browser and may be lost if you clear
						browser data
					</li>
					<li>We're not responsible for how you use the service</li>
					<li>Our liability is limited to the maximum extent allowed by law</li>
				</ul>
				<p>
					Since your content stays on your device, we have no way to recover
					lost projects. Consider exporting important videos when finished
					editing.
				</p>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">Service Changes</h2>
				<p>We may update OpenCut and these terms:</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>We'll notify you of significant changes to these terms</li>
					<li>Continued use means you accept any updates</li>
					<li>You can always self-host an older version if you prefer</li>
					<li>Major changes will be discussed with the community on GitHub</li>
				</ul>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">Termination</h2>
				<p>You can stop using OpenCut at any time:</p>
				<ul className="list-disc space-y-2 pl-6">
					<li>Delete your account through your profile settings</li>
					<li>Clear your browser data to remove local projects</li>
					<li>Your content remains yours even if you stop using OpenCut</li>
					<li>We may suspend accounts for violations of these terms</li>
				</ul>
			</section>

			<section className="flex flex-col gap-3">
				<h2 className="text-2xl font-semibold">Contact Us</h2>
				<p>Questions about these terms or need to report an issue?</p>
				<p>
					Contact us through our{" "}
					<a
						href={`${SOCIAL_LINKS.github}/issues`}
						target="_blank"
						rel="noopener"
						className="text-primary hover:underline"
					>
						GitHub repository
					</a>
					, email us at{" "}
					<a
						href="mailto:oss@opencut.app"
						className="text-primary hover:underline"
					>
						oss@opencut.app
					</a>
					, or reach out on{" "}
					<a
						href={SOCIAL_LINKS.x}
						target="_blank"
						rel="noopener"
						className="text-primary hover:underline"
					>
						X (Twitter)
					</a>
					.
				</p>
				<p>
					These terms are governed by applicable law in your jurisdiction. We
					prefer to resolve disputes through friendly discussion in our
					open-source community.
				</p>
			</section>
			<Separator />
			<p className="text-muted-foreground text-sm">
				Last updated: July 14, 2025
			</p>
		</BasePage>
	);
}