--- /dev/null
+{% extends "../base.html" %}
+
+{% block title %}♥ {{ _("Sponsor Us") }}{% end block %}
+
+{% block container %}
+ {% import iso3166 %}
+
+ <section class="hero is-primary">
+ <div class="hero-body">
+ <div class="container">
+ <nav class="breadcrumb" aria-label="breadcrumbs">
+ <ul>
+ <li>
+ <a href="/">
+ {{ _("Home") }}
+ </a>
+ </li>
+ <li class="is-active">
+ <a href="#" aria-current="page">♥ {{ _("Sponsor Us") }}</a>
+ </li>
+ </ul>
+ </nav>
+
+ <h1 class="title">{{ _("Thank You For Sponsoring Us") }}</h1>
+ <h3 class="subtitle">{{ _("We just need to check your details...") }}</h3>
+ </div>
+ </div>
+ </section>
+
+ <section class="section">
+ <div class="container">
+ <form method="POST" action="/sponsors/next">
+ {% raw xsrf_form_html() %}
+
+ <input type="hidden" name="amount" value="{{ amount }}">
+ <input type="hidden" name="currency" value="{{ currency }}">
+
+ <div class="columns">
+ <div class="column is-two-thirds">
+ <div class="block">
+ <div class="notification">
+ <div class="field">
+ <label class="label">{{ _("Organization Name") }}</label>
+
+ <div class="control">
+ <input class="input" type="text" name="organization"
+ placeholder="{{ _("Organization Name (leave empty if you are sponsorsing us as an individual)") }}"
+ {% if current_user %}value="{{ current_user.organization }}"{% end %}>
+ </div>
+
+ <p class="help">
+ If you are sponsoring us as an organization, please enter your legal business name.
+ Otherwise, please leave this box empty.
+ </p>
+ </div>
+
+ <div class="field">
+ <label class="label">{{ _("VAT Number") }}</label>
+
+ <div class="control">
+ <input class="input" type="text" name="vat_number"
+ placeholder="{{ _("VAT Number") }}">
+ </div>
+
+ <p class="help">
+ Please enter your VAT number to ensure accurate processing and compliance with tax regulations.
+ If you don't have a VAT number, you may proceed without entering one.
+ </p>
+ </div>
+ </div>
+ </div>
+
+ <div class="block">
+ {% if not current_user %}
+ <div class="field">
+ <label class="label">{{ _("Email Address") }}</label>
+ <div class="control">
+ <input type="email" class="input" name="email"
+ placeholder="{{ _("Email Address") }}" required
+ {% if current_user %}value="{{ current_user.email }}"{% end %}>
+ </div>
+ </div>
+ {% end %}
+
+ <div class="columns">
+ <div class="column">
+ <div class="field">
+ <label class="label">{{ _("First Name") }}</label>
+
+ <div class="control">
+ <input type="text" class="input" name="first_name"
+ placeholder="{{ _("First Name" )}}" required
+ {% if current_user %}value="{{ current_user.first_name }}"{% end %}>
+ </div>
+ </div>
+ </div>
+
+ <div class="column">
+ <div class="field">
+ <label class="label">{{ _("Last Name") }}</label>
+
+ <div class="control">
+ <input type="text" class="input" name="last_name"
+ placeholder="{{ _("Last Name" )}}" required
+ {% if current_user %}value="{{ current_user.last_name }}"{% end %}>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ {% set lines = current_user.street.splitlines() if current_user and current_user.street else [] %}
+
+ <div class="field">
+ <label class="label">{{ _("Address") }}</label>
+
+ <div class="control">
+ <input type="text" class="input" name="street1"
+ placeholder="{{ _("Address Line 1") }}" required
+ {% if lines %}value="{{ lines[0] }}"{% end %}>
+ </div>
+ </div>
+
+ <div class="field">
+ <div class="control">
+ <input type="text" class="input" name="street2"
+ placeholder="{{ _("Address Line 2") }}"
+ {% if lines and len(lines) > 1 %}value="{{ lines[1] }}"{% end %}>
+ </div>
+ </div>
+
+ <div class="columns">
+ <div class="column">
+ <div class="field">
+ <label class="label">{{ _("City") }}</label>
+
+ <div class="control">
+ <input type="text" class="input" name="city"
+ placeholder="{{ _("City") }}" required
+ {% if current_user %}value="{{ current_user.city }}"{% end %}>
+ </div>
+ </div>
+ </div>
+
+ <div class="column">
+ <div class="field">
+ <label class="label">{{ _("Post Code") }}</label>
+
+ <div class="control">
+ <input type="text" class="input" name="post_code"
+ placeholder="{{ _("Post Code") }}" required
+ {% if current_user %}value="{{ current_user.postal_code }}"{% end %}>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="columns">
+ <div class="column">
+ <div class="field">
+ <label class="label">{{ _("Country") }}</label>
+
+ <div class="control">
+ <div class="select">
+ <select name="country_code" required>
+ <option value="">- {{ _("Please Select") }} -</option>
+
+ {% for c in iso3166.countries %}
+ <option value="{{ c.alpha2 }}"
+ {% if current_user and current_user.country_code == c.alpha2 %}selected{% end %}
+ >{{ c.name }}</option>
+ {% end %}
+ </select>
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="column">
+ <div class="field">
+ <label class="label">{{ _("State") }}</label>
+
+ <div class="control">
+ <input type="text" class="input" name="state"
+ placeholder="{{ _("State (optional)") }}">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="field">
+ <div class="control">
+ <input type="submit" class="button is-primary is-fullwidth is-medium"
+ value="♥ {{ _("Sponsor Now") }}">
+ </div>
+ </div>
+ </div>
+ </div>
+
+ <div class="column">
+ <div class="notification has-text-centered">
+ <h5 class="title is-5">{{ _("Thank You For Sponsoring") }}</h5>
+
+ <h3 class="title is-3">{{ format_money(amount, currency) }}</h3>
+ <h6 class="subtitle is-6">{{ _("per month") }}</h5>
+ </div>
+ </div>
+ </div>
+ </form>
+ </div>
+ </section>
+{% end block %}