from build import pic, page_hero
from render import esc
import content as C

def donors_html():
    return "".join(f'<div class="donor-tier"><h3>{esc(t["tier"])}</h3><ul>' + "".join(f'<li>{esc(n)}</li>' for n in t["names"]) + '</ul></div>' for t in C.DONORS)

DONATE = dict(
    path="donate/", title="Donate — HERO",
    desc="Support HERO: rainforest preservation in Panama, marine justice on San Francisco Bay, River to Reef research, and free resources for students.",
    body=page_hero("Donate", "Support HERO", "Donate today",
                   "It turns out that everyone needs a HERO — even our environment.",
                   bg="images/dolphins-leaping.jpg", bg_key="banner-donate", bg_alt="Dolphin and calf leaping") + f'''
<section class="band"><div class="wrap">
  <div class="split" style="align-items:start">
    <div class="prose">
      <h2>Give online</h2>
      <div id="donate-embed"><p class="empty-note">Online giving is being set up. In the meantime, please give by check below or <a href="{{R}}contact/">contact us</a> and we will help.</p></div>
      <h2>Give by check</h2>
      <p>Make checks payable to <strong data-cfg="donate.checksPayableTo">Hannig Environmental Research Organization</strong><span data-cfg-prefix=" and mail to: " data-cfg="org.address"></span>.</p>
      <h2>Other ways to help</h2>
      <p>Employer matching gifts, donor-advised funds, and equipment or vessel donations are all welcome — write to <a data-cfg-mailto="org.email" href="mailto:info@heroonline.org">info@heroonline.org</a>.</p>
      <p class="small muted">HERO is recognized by the IRS (Tax ID 92-1108128) as a 501(c)(3) non-profit tax-exempt charity and as a tax-exempt charity by the State of California. Donations are deductible as allowed by law. Consult your tax advisor for further information. By making a donation you agree to be identified as a HERO donor and accept our <a href="{{R}}about/#privacy">privacy policy</a> and <a href="{{R}}about/#terms">terms</a>.</p>
    </div>
    <div>
      <div class="grid c1">
        <div class="card link-card"><span class="chip green">Rainforest</span><h3>Keep 100 acres wild</h3><p>Gifts support research on HERO's preserve in Bocas del Toro and the scientists who study it.</p></div>
        <div class="card link-card"><span class="chip teal">Marine Justice</span><h3>Give the water a voice</h3><p>Legal filing costs, water testing and public comment — the work behind a new dawn at Docktown.</p></div>
        <div class="card link-card"><span class="chip coral">Students</span><h3>Fund a scholarship</h3><p>The HERO Climate Challenge Scholarship and field trips for Redwood City students.</p></div>
      </div>
    </div>
  </div>
</div></section>

<section class="band white" id="donors"><div class="wrap">
  <div class="center"><div class="eyebrow">With gratitude</div><h2>Thank you to our donors</h2></div>
  <div class="donors" id="donor-list">{donors_html()}</div>
</div></section>
''')

PAGES = [DONATE]