{% extends "head.html" %}

{% block content %}
<div class="container mt-5">
    <div class="row justify-content-center">
        <div class="col-md-8">
            <div class="card shadow">
                <div class="card-body text-center">
                    <h1 class="card-title mb-4">Support SalvageDB</h1>
                    
                    <div class="mb-5">
                        <p class="lead">
                            For 15 years, we have been providing free access to vehicle history information, 
                            helping people make informed decisions when purchasing used vehicles.
                        </p>
                        <p>
                            Our database contains information about damaged, salvaged, and rebuilt 
                            vehicles, helping to avoid purchasing a car with hidden issues.
                        </p>
                    </div>

                    <div class="mb-5">
                        <h2 class="h4 mb-3">Support Our Project</h2>
                        <p>
                            Your support helps us continue providing quality service and developing 
                            our database. We accept donations in cryptocurrency.
                        </p>
                    </div>

                    <div class="row">
                        <div class="col-md-6 mb-4">
                            <div class="card h-100">
                                <div class="card-body">
                                    <h3 class="h5 mb-3">Bitcoin</h3>
                                    <img src="https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=16uL5x6qx8yF7k4uxyQVfz5N7yLE9F3iCZ" 
                                         alt="Bitcoin QR Code" class="img-fluid mb-3">
                                    <p class="mb-2">Wallet Address:</p>
                                    <code class="d-block mb-3">16uL5x6qx8yF7k4uxyQVfz5N7yLE9F3iCZ</code>
                                </div>
                            </div>
                        </div>
                        
                        <div class="col-md-6 mb-4">
                            <div class="card h-100">
                                <div class="card-body">
                                    <h3 class="h5 mb-3">TonCoin</h3>
                                    <img src="https://api.qrserver.com/v1/create-qr-code/?size=200x200&data=UQDi0mgMaDqXORp7UzV6n7E5WFC0yre0on63BSO2tIa7umFe" 
                                         alt="TonCoin QR Code" class="img-fluid mb-3">
                                    <p class="mb-2">Wallet Address:</p>
                                    <code class="d-block mb-3">UQDi0mgMaDqXORp7UzV6n7E5WFC0yre0on63BSO2tIa7umFe</code>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="mt-4">
                        <p class="text-muted">
                            Thank you for your support! Every donation helps us improve our service 
                            and provide better information to our users.
                        </p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %} 