{% extends "base.html" %}

{% block title %}Connect with Stripe - Makenotwork{% endblock %}
{% block body_attrs %} class="stripe-disclaimer-page"{% endblock %}

{% block content %}
    <div class="container">
        <h1 class="stripe-disclaimer-title">Makenot<span class="dot">.</span>work</h1>
        <p class="tagline">Fair distribution for creatives of all kinds<span class="dot">.</span></p>

        <div class="disclaimer-box">
            <h2 class="section-header">Before You Connect with Stripe</h2>
            <p class="stripe-disclaimer-lead">
                Please review the following information about payment processing and your responsibilities as a creator.
            </p>

            <div class="section">
                <h3>What Stripe Handles</h3>
                <ul>
                    <li>Payment processing and security (PCI compliance)</li>
                    <li>Direct deposits to your bank account</li>
                    <li>1099-K tax forms (if you meet IRS thresholds)</li>
                    <li>Fraud detection and prevention</li>
                </ul>
            </div>

            <div class="section">
                <h3>Your Responsibilities</h3>
                <ul>
                    <li><strong>Taxes:</strong> You are responsible for reporting and paying income taxes on your earnings. Makenotwork does not withhold taxes.</li>
                    <li><strong>Chargebacks:</strong> You are liable for payment disputes. If a customer disputes a charge, Stripe may debit your account for the disputed amount plus a dispute fee. The fee varies by country and currency; Stripe's pricing page for your country has the figure.</li>
                    <li><strong>Refunds:</strong> You handle refund requests directly. Note that Stripe processing fees are typically not refunded when you issue a refund.</li>
                    <li><strong>Account Accuracy:</strong> You must keep your Stripe account information accurate and up to date.</li>
                </ul>
            </div>

            <div class="section">
                <h3>Fee Transparency</h3>
                <p class="stripe-disclaimer-fee-lead">
                    Here's what happens when someone buys from you. The numbers below are
                    Stripe's US pricing, shown as an example; Stripe charges different rates
                    in other countries, and its pricing page for yours has the real ones.
                    The part that does not vary is our share of it.
                </p>
                <div class="fee-example">
                    <div class="fee-row">
                        <span>Example sale price</span>
                        <span>$10.00 USD</span>
                    </div>
                    <div class="fee-row">
                        <span>Stripe processing (2.9% + 30c, US rate)</span>
                        <span>-$0.59</span>
                    </div>
                    <div class="fee-row">
                        <span>Makenotwork platform fee</span>
                        <span class="zero">$0.00</span>
                    </div>
                    <div class="fee-row highlight">
                        <span>You receive</span>
                        <span>$9.41</span>
                    </div>
                </div>
                <p class="stripe-disclaimer-note">
                    We charge zero platform fees, in every currency. The only deduction is
                    Stripe's payment processing fee, whatever it is where you are.
                </p>
            </div>

            <div class="section">
                <h3>Payout Schedule</h3>
                <p>
                    Stripe pays out on a rolling 2-7 business day schedule (varies by country and account history). You can adjust your payout schedule in your Stripe Dashboard after connecting.
                </p>
            </div>

            <div class="section">
                <h3>Already Have a Stripe Account?</h3>
                <p>
                    You can connect your existing Stripe account - no need to create a new one. This means you keep your negotiated rates, existing payment history, and can manage all your sales from one dashboard.
                </p>
            </div>

            <div class="acceptance">
                <div class="checkbox-group">
                    <input type="checkbox" id="accept-terms" />
                    <label for="accept-terms">
                        I understand my responsibilities as outlined above, including tax obligations, chargeback liability, and refund handling. I'm ready to connect my Stripe account.
                    </label>
                </div>
            </div>

            <div class="button-row">
                <button type="button" class="btn-secondary" data-action="nav" data-href="/dashboard?tab=details">Cancel</button>
                <button type="button" class="btn-primary" id="continue-btn" disabled data-action="proceedToStripe">Continue to Stripe</button>
            </div>

            <p class="note">
                You will be redirected to Stripe to create or connect your account.
            </p>
        </div>
    </div>
{% endblock %}

{% block scripts %}
<script src="/static/page-stripe-disclaimer.js?v=0623" defer></script>
{% endblock %}