{% extends 'affiliate.html.twig' %}

{% block title %}{% trans %} My dashboard | Promotip {% endtrans %}{% endblock %}

{% block dashboard %}

    {% if country=='be' %}
        <style>

            #signature-pad {
                border: 2px solid #ccc;
                border-radius: 4px;
                width: 100%;
                display: block;
            }
            .alert {
                width: 100%;
            }

            h2, h3 {
                color: #d77f7b;
            }

            .scrollable-content {
                width: 100%;
                max-height: 400px;
                overflow-y: auto;
                padding: 15px;
                border: 1px solid #ddd;
                background-color: #f9f9f9;
            }
        </style>

        <div class="container">
            {% if userSignature %}
                <div class="col-md-12">
                    {{ "Download Contract"|trans }}
                    <a href="{{ url('affiliate_download_contract') }}">Download
                        Contract</a>
                </div>
            {% else %}
                <div class="row">

                    <div class="alert alert-warning">
                        {{ 'Provide Signature'| trans }}
                    </div>

                    <div class="col-md-12">
                        <!-- Scrollable Div -->
                        <div class="scrollable-content">
                            <h2>AFFILIATE-OVEREENKOMST</h2>
                            <br>

                            <h4>Artikel 1 - Doel van de overeenkomst</h4>
                            <p>Deze overeenkomst regelt de samenwerking tussen Promotip en de Affiliate, waarbij de
                                Affiliate tegen een vergoeding promotieactiviteiten uitvoert voor het platform
                                Promotip.</p>

                            <h4>Artikel 2 - Commissiemodellen</h4>
                            <p>De Affiliate kan een vergoeding verdienen via een van de volgende modellen:</p>
                            <ol>
                                <li><strong>Lifetime Commissie:</strong> 15% commissie op alle aankopen van de
                                    doorverwezen klant, zolang de klant actief blijft.
                                </li>
                                <li><strong>Temporary Commissie:</strong> 30% commissie op aankopen van de doorverwezen
                                    klant gedurende de eerste 12 maanden.
                                </li>
                                <li><strong>Pay Per Sale:</strong> Een vaste vergoeding van €20 per doorverwezen klant
                                    die een minimale aankoop van €50 doet.
                                </li>
                            </ol>

                            <h4>Artikel 3 - Uitbetalingen</h4>
                            <ul>
                                <li>Uitbetalingen vinden automatisch plaats wanneer de drempel van €100 is bereikt.</li>
                                <li>Betaling gebeurt standaard via bankoverschrijving.</li>
                                <li>Uitbetalingen worden uitgevoerd 20 dagen na het einde van de maand waarin de drempel
                                    is bereikt.
                                </li>
                                <li>Indien de drempel niet wordt bereikt, wordt het openstaande bedrag meegenomen naar
                                    de volgende maand.
                                </li>
                                <li>Promotip behoudt zich het recht voor om uitbetalingen tijdelijk op te schorten bij
                                    verdachte transacties.
                                </li>
                            </ul>

                            <h4>Artikel 4 - Frauduleuze conversies</h4>
                            <p>De Affiliate heeft geen recht op commissie in de volgende gevallen:</p>
                            <ul>
                                <li>Gebruik van valse of geautomatiseerde clicks, bots, scripts of enige andere
                                    kunstmatige manipulatie van verkeer.
                                </li>
                                <li>Zelf gegenereerde aankopen via eigen affiliate-links.</li>
                                <li>Terugboekingen of annuleringen van bestellingen.</li>
                                <li>Gebruik van misleidende of onethische marketingpraktijken.</li>
                            </ul>

                            <h4>Artikel 5 - Gebruik van merknamen en content</h4>
                            <ul>
                                <li>De Affiliate mag de naam, logo's en promotiemateriaal van Promotip gebruiken, mits
                                    dit uitsluitend gebeurt voor promotionele doeleinden met correcte en
                                    waarheidsgetrouwe informatie.
                                </li>
                                <li>Het is niet toegestaan de identiteit van Promotip verkeerd voor te stellen of zonder
                                    toestemming eigen content te koppelen aan Promotip.
                                </li>
                            </ul>

                            <h4>Artikel 6 - Beperkingen in promotie</h4>
                            <ul>
                                <li>Promotie is toegestaan op alle websites en kanalen, behalve indien de promotie in
                                    strijd is met wet- en regelgeving.
                                </li>
                                <li>Spammen en enige andere vorm van ongevraagde commerciële communicatie is niet
                                    toegestaan en moet voldoen aan de geldende GDPR-wetgeving.
                                </li>
                                <li>Cold calling is toegestaan, mits uitgevoerd volgens de geldende regelgeving.</li>
                                <li>De regels van de mediakanalen waar de Affiliate promotie voert, dienen te allen
                                    tijde gevolgd te worden.
                                </li>
                                <li>Het is de Affiliate verboden om Promotip te promoten via websites met illegale,
                                    misleidende of haatdragende inhoud.
                                </li>
                            </ul>

                            <h4>Artikel 7 - Duur en beëindiging van de overeenkomst</h4>
                            <ul>
                                <li>Deze overeenkomst wordt aangegaan voor onbepaalde tijd.</li>
                                <li>Promotip kan de samenwerking onmiddellijk beëindigen bij fraude, misbruik of
                                    schending van deze voorwaarden.
                                </li>
                                <li>Bij faillissement van Promotip vervallen alle openstaande commissies en kan er geen
                                    aanspraak meer worden gemaakt op toekomstige uitbetalingen.
                                </li>
                                <li>Promotip kan niet aansprakelijk worden gesteld voor technische storingen of
                                    dataverlies die buiten haar controle vallen (overmacht).
                                </li>
                            </ul>

                            <h4>Artikel 8 - Aansprakelijkheid</h4>
                            <ul>
                                <li>Promotip is niet verantwoordelijk voor enige schade die de Affiliate lijdt door het
                                    gebruik van het platform.
                                </li>
                                <li>Promotip kan niet aansprakelijk worden gesteld voor indirecte schade, zoals gederfde
                                    inkomsten door technische storingen, onjuiste registratie van commissies of
                                    reputatieschade als gevolg van externe factoren.
                                </li>
                            </ul>

                            <h4>Artikel 9 - Overmacht</h4>
                            <ul>
                                <li>In geval van overmacht (zoals storingen, hacking, faillissement, technische
                                    problemen) kan Promotip niet aansprakelijk worden gesteld voor gemiste inkomsten of
                                    uitbetalingen.
                                </li>
                            </ul>

                            <h4>Artikel 10 - Toepasselijk recht en geschillen</h4>
                            <ul>
                                <li>Op deze overeenkomst is het Belgisch recht van toepassing.</li>
                                <li>Geschillen tussen partijen worden voorgelegd aan de bevoegde rechtbanken te
                                    Turnhout.
                                </li>
                            </ul>
                            <p><strong>Door ondertekening verklaart de Affiliate akkoord te gaan met de voorwaarden van
                                    deze overeenkomst.</strong></p>
                        </div>
                    </div>
                </div>
                <div class="row mt-4">
                    <div class="col-md-12">
                        <div class="form-check">
                            <input type="checkbox" class="form-check-input" id="terms">
                            <label class="form-check-label" for="terms">I certify that I have read all the terms and
                                conditions</label>
                        </div>
                    </div>

                    <div class="col-md-6 mt-1">
                        <input type="text" readonly class="form-control" value="{{ user.firstName~' '~user.surname }}">
                        <label>Signer Name</label>
                    </div>

                    <div class="col-md-6">
                        <input type="text" readonly class="form-control" value="{{ 'now'|date('Y-m-d') }}">
                        <label>Date</label>
                    </div>

                    <div class="col-md-12 mt-1">
                        <canvas id="signature-pad" style="border: 1px solid black; width: 100%;"></canvas>
                        <label>Sign Here <small>(Please draw your signature here)</small></label>
                    </div>
                    <div class="col-md-12 d-flex justify-content-end mt-3">
                        <button id="clear-signature" style="border: 1px solid black;" class="btn btn-sm mr-2">Clear</button>
                        <button id="save-signature" style="width: 20%;" class="btn btn-pink">Save</button>
                    </div>
                </div>
            {% endif %}
        </div>
    {% endif %}

{% endblock %}
    {% block javascripts %}
        {{ parent() }}
        <script src="https://cdn.jsdelivr.net/npm/signature_pad@4.0.0/dist/signature_pad.umd.min.js"></script>
        <script>
            document.addEventListener("DOMContentLoaded", function () {
                var canvas = document.getElementById("signature-pad");
                var signaturePad = new SignaturePad(canvas);
                document.getElementById("clear-signature").addEventListener("click", function () {
                    signaturePad.clear();
                });

                document.getElementById("save-signature").addEventListener("click", function () {

                    var termsChecked = document.getElementById("terms").checked;

                    if (!termsChecked) {
                        alert("You must certify that you have read the terms and conditions before submitting.");
                        return;
                    }

                    if (signaturePad.isEmpty()) {
                        alert("Please provide a signature first.");
                        return;
                    }
                    var signatureData = signaturePad.toDataURL("image/png");
                    fetch("{{ url('affiliate_save_signature') }}", {
                        method: "POST",
                        headers: {
                            "Content-Type": "application/json",
                            "X-Requested-With": "XMLHttpRequest",
                        },
                        body: JSON.stringify({signature: signatureData})
                    })
                        .then(response => response.json())
                        .then(data => {
                            location.reload();
                        })
                        .catch(error => console.error("Error:", error));
                });
            });

            window.onload = function () {
                const signaturePad = document.getElementById('signature-pad');
                const ctx = signaturePad.getContext('2d');

                function resizeCanvas() {
                    signaturePad.width = signaturePad.offsetWidth;
                    signaturePad.height = signaturePad.offsetHeight;
                    ctx.lineWidth = 2;
                    ctx.lineCap = 'round';
                    ctx.lineJoin = 'round';
                }

                resizeCanvas();
                window.onresize = function () {
                    resizeCanvas();
                };
            };
        </script>
{% endblock %}