{% 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 fee (typically $15).</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 exactly what happens when someone buys from you:</p>
                <div class="fee-example">
                    <div class="fee-row">
                        <span>Example sale price</span>
                        <span>$10.00</span>
                    </div>
                    <div class="fee-row">
                        <span>Stripe processing (2.9% + 30c)</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. The only deduction is Stripe's standard payment processing fee.
                </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" onclick="window.location.href='/dashboard?tab=details'">Cancel</button>
                <button type="button" class="btn-primary" id="continue-btn" disabled onclick="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>
    var checkbox = document.getElementById('accept-terms');
    var button = document.getElementById('continue-btn');

    checkbox.addEventListener('change', function() {
        button.disabled = !this.checked;
    });

    function proceedToStripe() {
        button.disabled = true;
        button.textContent = 'Connecting...';
        fetch('/stripe/connect/proceed', {
            method: 'POST',
            headers: {
                'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content
            }
        }).then(function(res) {
            if (!res.ok) throw new Error('Failed to connect');
            return res.json();
        }).then(function(data) {
            window.location.href = data.url;
        }).catch(function() {
            button.disabled = false;
            button.textContent = 'Continue to Stripe';
            showToast('Something went wrong. Please try again.');
        });
    }
</script>
{% endblock %}