@extends('layouts.nova.content-layout')

@section('page-content')

<div class="max-w-3xl">

    <p class="text-sm text-white/40 mb-1">Last updated: <time datetime="2026-03-01">March 1, 2026</time></p>
    <p class="text-white/60 text-sm leading-relaxed mb-8">
        Skinbase is a creative community built on respect and trust. These rules apply to all members
        and all content. By registering or uploading you agree to follow them. They are intentionally
        kept minimal so that the most important ones are easy to remember — <strong class="text-white">be respectful,
        upload only what you own, and have fun.</strong>
    </p>

    {{-- TOC --}}
    <nav class="mb-10 rounded-xl border border-white/[0.08] bg-white/[0.03] px-6 py-5">
        <h2 class="text-xs font-semibold uppercase tracking-widest text-white/40 mb-3">Contents</h2>
        <ol class="space-y-1.5 text-sm text-sky-400">
            <li><a href="#community-conduct"     class="hover:text-sky-300 hover:underline transition-colors">1. Community Conduct</a></li>
            <li><a href="#ownership"             class="hover:text-sky-300 hover:underline transition-colors">2. Ownership &amp; Copyright</a></li>
            <li><a href="#licence"               class="hover:text-sky-300 hover:underline transition-colors">3. Licence to Skinbase</a></li>
            <li><a href="#submission-quality"    class="hover:text-sky-300 hover:underline transition-colors">4. Submission Quality</a></li>
            <li><a href="#prohibited-content"    class="hover:text-sky-300 hover:underline transition-colors">5. Prohibited Content</a></li>
            <li><a href="#ripping"               class="hover:text-sky-300 hover:underline transition-colors">6. Ripping (Copyright Theft)</a></li>
            <li><a href="#accounts"              class="hover:text-sky-300 hover:underline transition-colors">7. Accounts &amp; Identity</a></li>
            <li><a href="#moderation"            class="hover:text-sky-300 hover:underline transition-colors">8. Moderation &amp; Enforcement</a></li>
            <li><a href="#appeals"               class="hover:text-sky-300 hover:underline transition-colors">9. Appeals</a></li>
            <li><a href="#liability"             class="hover:text-sky-300 hover:underline transition-colors">10. Liability</a></li>
        </ol>
    </nav>

    <div class="space-y-10">

        {{-- 1 --}}
        <section id="community-conduct">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">01</span>
                Community Conduct
            </h2>
            <p class="text-white/70 text-sm leading-relaxed mb-3">
                Skinbase is a friendly, general-audience community. Treat every member and guest as you
                would wish to be treated yourself.
            </p>
            <ul class="list-disc list-inside space-y-2 text-sm text-white/70 pl-2">
                <li>Be respectful in comments, messages, forum posts, and all other interactions.</li>
                <li>Constructive criticism is welcome; personal attacks, harassment, or bullying are not.</li>
                <li>No hate speech, discrimination, or content targeting individuals based on race, ethnicity, religion, gender, sexual orientation, disability, or nationality.</li>
                <li>No spam — this includes repetitive comments, self-promotion outside designated areas, and unsolicited advertising in private messages.</li>
                <li>Keep drama off the site. Disputes should be resolved respectfully or escalated to a <a href="/staff" class="text-sky-400 hover:underline">staff member</a>.</li>
            </ul>
        </section>

        {{-- 2 --}}
        <section id="ownership">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">02</span>
                Ownership &amp; Copyright
            </h2>
            <p class="text-white/70 text-sm leading-relaxed mb-3">
                You retain ownership of everything you create and upload. By submitting, you confirm that:
            </p>
            <ul class="list-disc list-inside space-y-2 text-sm text-white/70 pl-2">
                <li>The work is entirely your own creation, <strong class="text-white/90">or</strong> you have explicit written permission from the original author for any third-party assets used.</li>
                <li>If third-party assets are included, proof of permission must be included in the zip file.</li>
                <li>The submission does not violate any trademark, copyright, or other intellectual property right.</li>
            </ul>
            <p class="mt-3 text-sm text-white/50">
                Uploads found to infringe copyright will be removed. Repeat infringers will have their
                accounts terminated. To report a suspected infringement, use our
                <a href="/bug-report" class="text-sky-400 hover:underline">contact form</a>.
            </p>
        </section>

        {{-- 3 --}}
        <section id="licence">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">03</span>
                Licence to Skinbase
            </h2>
            <p class="text-white/70 text-sm leading-relaxed">
                By uploading your work you grant Skinbase a <strong class="text-white/90">non-exclusive, royalty-free licence</strong>
                to display, distribute, and promote your content as part of the service — for example,
                displaying it in galleries, featuring it on the homepage, or including it in promotional
                material for Skinbase. This licence exists only to allow the site to function and does
                <strong class="text-white/90">not</strong> transfer ownership.
            </p>
            <p class="mt-3 text-sm text-white/50">
                The site is free — you don't pay to store your work, and we don't charge others to
                download it. You may delete your uploads at any time from your dashboard.
            </p>
        </section>

        {{-- 4 --}}
        <section id="submission-quality">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">04</span>
                Submission Quality
            </h2>
            <p class="text-white/70 text-sm leading-relaxed mb-3">
                Every submission represents the Skinbase community. Please put care into what you publish:
            </p>
            <ul class="list-disc list-inside space-y-2 text-sm text-white/70 pl-2">
                <li><strong class="text-white/90">Test before uploading.</strong> Incomplete or broken zip files will be removed.</li>
                <li><strong class="text-white/90">Full-size screenshots only.</strong> Our server auto-generates thumbnails — do not pre-scale your preview image.</li>
                <li><strong class="text-white/90">Accurate categorisation.</strong> Choose the correct content type and category to help others find your work.</li>
                <li><strong class="text-white/90">Meaningful title &amp; description.</strong> Titles like "skin1" or "untitled" are discouraged; a short description helps your work get discovered.</li>
                <li><strong class="text-white/90">Appropriate tags.</strong> Add relevant tags, but do not keyword-stuff.</li>
            </ul>
        </section>

        {{-- 5 --}}
        <section id="prohibited-content">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">05</span>
                Prohibited Content
            </h2>
            <p class="text-white/70 text-sm leading-relaxed mb-3">
                The following will be removed immediately and may result in account suspension or permanent termination:
            </p>
            <div class="grid sm:grid-cols-2 gap-3">
                @foreach ([
                    ['Pornography &amp; explicit nudity', 'Frontal nudity is not accepted. Exceptional artistic work with incidental nudity may be considered on a case-by-case basis.'],
                    ['Hate &amp; discriminatory content', 'Content that demeans or attacks people based on protected characteristics.'],
                    ['Violence &amp; gore', 'Graphic depictions of real-world violence or gratuitous gore.'],
                    ['Malware &amp; harmful files', 'Any executable or zip that contains malware, spyware, or harmful scripts.'],
                    ['Personal information', 'Posting another person\'s private data (doxxing) without consent.'],
                    ['Illegal content', 'Anything that violates applicable law, including DMCA violations.'],
                ] as [$title, $desc])
                <div class="rounded-lg border border-white/[0.07] bg-white/[0.02] px-4 py-3">
                    <p class="text-sm font-semibold text-white mb-0.5">{!! $title !!}</p>
                    <p class="text-xs text-white/50">{{ $desc }}</p>
                </div>
                @endforeach
            </div>
        </section>

        {{-- 6 --}}
        <section id="ripping">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">06</span>
                Ripping (Copyright Theft)
            </h2>
            <p class="text-white/70 text-sm leading-relaxed">
                "Ripping" means uploading another artist's work — in whole or in part — without their
                explicit permission. This includes extracting assets from commercial software, games, or
                other skins and re-releasing them as your own. Ripped submissions will be removed and the
                uploader's account will be reviewed. Repeat offenders will be permanently banned.
            </p>
            <div class="mt-4 rounded-lg border border-amber-500/20 bg-amber-500/5 px-5 py-4 text-sm text-amber-300">
                <p class="font-semibold mb-1">Photo-based skins</p>
                <p class="text-amber-300/70">
                    Using photographs found on the internet without the photographer's consent constitutes
                    copyright infringement, even if the skin itself is original artwork.
                    Only use photos you took yourself, or images with a licence that explicitly permits
                    use in derivative works (e.g. CC0 or a compatible Creative Commons licence).
                </p>
            </div>
        </section>

        {{-- 7 --}}
        <section id="accounts">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">07</span>
                Accounts &amp; Identity
            </h2>
            <ul class="list-disc list-inside space-y-2 text-sm text-white/70 pl-2">
                <li>One account per person. Duplicate accounts created to evade a suspension or ban will be terminated.</li>
                <li>Do not impersonate staff, other members, or real individuals.</li>
                <li>Keep your contact email address up to date — it is used for important account notifications.</li>
                <li>You are responsible for all activity that occurs under your account. Keep your password secure.</li>
                <li>Accounts that have been inactive for more than 3 years and contain no uploads may be reclaimed for the username pool.</li>
            </ul>
        </section>

        {{-- 8 --}}
        <section id="moderation">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">08</span>
                Moderation &amp; Enforcement
            </h2>
            <p class="text-white/70 text-sm leading-relaxed mb-3">
                Skinbase <a href="/staff" class="text-sky-400 hover:underline">staff</a> may take any of
                the following actions in response to rule violations:
            </p>
            <div class="grid sm:grid-cols-3 gap-3">
                @foreach ([
                    ['Warning', 'A private message from staff explaining the violation.'],
                    ['Content removal', 'Removal of the offending upload, comment, or post.'],
                    ['Temporary suspension', 'Account access restricted for a defined period.'],
                    ['Permanent ban', 'Account terminated for severe or repeated violations.'],
                    ['IP block', 'Used in cases of persistent abuse or ban evasion.'],
                    ['Legal referral', 'For serious illegal activity, authorities may be notified.'],
                ] as [$action, $desc])
                <div class="rounded-lg border border-white/[0.07] bg-white/[0.03] px-4 py-3">
                    <p class="text-sm font-semibold text-white mb-0.5">{{ $action }}</p>
                    <p class="text-xs text-white/50">{{ $desc }}</p>
                </div>
                @endforeach
            </div>
            <p class="mt-4 text-sm text-white/50">
                Skinbase reserves the right to remove any content or terminate any account at any time,
                with or without prior notice, at staff discretion.
            </p>
        </section>

        {{-- 9 --}}
        <section id="appeals">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">09</span>
                Appeals
            </h2>
            <p class="text-white/70 text-sm leading-relaxed">
                If you believe a moderation action was made in error, you may appeal by contacting a
                senior staff member via the <a href="/bug-report" class="text-sky-400 hover:underline">contact form</a>
                or by sending a private message to an <a href="/staff" class="text-sky-400 hover:underline">admin</a>.
                Please include your username, the content or account involved, and a clear explanation
                of why you believe the decision was incorrect. We aim to review all appeals within
                <strong class="text-white/90">5 business days</strong>.
            </p>
        </section>

        {{-- 10 --}}
        <section id="liability">
            <h2 class="flex items-center gap-2 text-xl font-bold text-white border-b border-white/10 pb-3 mb-4">
                <span class="text-sky-400 font-mono text-base">10</span>
                Liability
            </h2>
            <p class="text-white/70 text-sm leading-relaxed">
                Skinbase is provided "as is". We make no warranties regarding uptime, data integrity,
                or fitness for a particular purpose. We are not responsible for user-generated content —
                when you upload something, the legal and moral responsibility lies with you. We will
                act promptly on valid takedown requests and reports of illegal content, but we cannot
                pre-screen every submission.
            </p>
        </section>

    </div>

    {{-- Footer note --}}
    <div class="mt-12 rounded-xl border border-white/[0.07] bg-white/[0.02] px-6 py-5 text-sm text-white/50">
        <p>
            Questions about these rules? Send a message to any
            <a href="/staff" class="text-sky-400 hover:underline">staff member</a>
            or use our <a href="/bug-report" class="text-sky-400 hover:underline">contact form</a>.
            We're here to help — not to catch you out.
        </p>
    </div>

</div>

@endsection
