Write your MPP:

✉️ Write to Your MPP:
Take Action Now

You can make a difference by writing to your Member of Provincial Parliament (MPP) to express your support for opening Highway 407 to trucks and opposing Highway 413.

Dear [MPP's Name],

I am writing to urge you to support the reduction of truck tolls on Highway 407 to unlock its potential as a freight corridor. This practical solution will ease congestion on Highway 401, reduce emissions, and save taxpayers billions compared to building Highway 413.

I ask that you prioritize smarter, greener transportation investments that protect our environment and communities.

Thank you for your attention to this important issue.

Sincerely,

[Your Name]

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Email Your MPP – 407 Freight Corridor</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      background: #f4f4f4;
      padding: 20px;
    }

    .mpp-container {
      max-width: 700px;
      margin: 0 auto;
      padding: 24px;
      border: 1px solid #ddd;
      border-radius: 12px;
      background: #ffffff;
    }

    .mpp-heading {
      font-size: 24px;
      margin-bottom: 16px;
    }

    .mpp-label {
      font-weight: bold;
      margin-bottom: 6px;
      display: block;
    }

    .mpp-select,
    .mpp-email-box,
    .mpp-search {
      width: 100%;
      padding: 10px;
      margin-bottom: 15px;
      font-size: 16px;
      border-radius: 6px;
      border: 1px solid #ccc;
      box-sizing: border-box;
    }

    .mpp-email-box {
      background: #fff8d6;
      font-weight: bold;
    }

    .mpp-button {
      padding: 12px 20px;
      background: #0057b8;
      color: white;
      border: none;
      border-radius: 6px;
      font-size: 18px;
      cursor: pointer;
    }

    .mpp-button:hover {
      background: #003f86;
    }

    .mpp-note {
      font-size: 14px;
      color: #555;
      margin-top: 8px;
    }

    /* Party colours */
    option[data-party="PC"]    { background: #0057b8; color: white; }
    option[data-party="NDP"]   { background: #f58220; color: white; }
    option[data-party="LIB"]   { background: #d71920; color: white; }
    option[data-party="GREEN"] { background: #3fa535; color: white; }
    option[data-party="IND"]   { background: #666666; color: white; }

    /* Group headings inside the select */
    option.group-header {
      background: #333333 !important;
      color: #ffffff !important;
      font-weight: bold;
    }

    .mpp-list {
      margin-top: 24px;
      font-size: 14px;
      line-height: 1.5;
    }

    .mpp-list h3 {
      margin-top: 16px;
      margin-bottom: 4px;
      font-size: 16px;
    }
  </style>
</head>
<body>

  <div class="mpp-container">
    <h1 class="mpp-heading">Email Your MPP About Highway 407</h1>

    <p>
      Use this tool to find your local MPP’s email address and send a pre‑written message
      urging them to support opening Highway 407 as a freight corridor instead of building Highway 413.
    </p>

    <!-- STEP 1: Search -->
    <label class="mpp-label">Step 1: Search for your MPP by name or riding</label>
    <input list="mppList" class="mpp-search" placeholder="Start typing a name or riding…">

    <!-- The datalist provides type‑ahead suggestions, but does not bind to the dropdown automatically -->
    <datalist id="mppList">
      <!-- You will mirror the same names/ridings that appear in the select below -->
      <!-- EXAMPLES – replace/extend with full list from OLA contact information page -->
      <option value="Tyler Allsopp — Bay of Quinte">
      <option value="Deepak Anand — Mississauga—Malton">
      <option value="Teresa J. Armstrong — London—Fanshawe">
      <option value="Aris Babikian — Scarborough—Agincourt">
      <option value="Robert Bailey — Sarnia—Lambton">
      <option value="Doly Begum — Scarborough Southwest">
      <!-- … continue for all 124 MPPs … -->
    </datalist>

    <!-- STEP 2: Alphabetical dropdown -->
    <label class="mpp-label">Step 2: Or choose from the alphabetical list</label>
    <select id="mppSelect" class="mpp-select">
      <option value="">-- Select Your MPP --</option>

      <!-- A -->
      <option class="group-header" disabled>A</option>
      <option value="tyler.allsopp@pc.ola.org" data-party="PC">
        Tyler Allsopp — Bay of Quinte
      </option>
      <option value="deepak.anandco@pc.ola.org" data-party="PC">
        Deepak Anand — Mississauga—Malton
      </option>
      <option value="tarmstrong-co@ndp.on.ca" data-party="NDP">
        Teresa J. Armstrong — London—Fanshawe
      </option>

      <!-- B -->
      <option class="group-header" disabled>B</option>
      <option value="aris.babikian@pc.ola.org" data-party="PC">
        Aris Babikian — Scarborough—Agincourt
      </option>
      <option value="robert.bailey@pc.ola.org" data-party="PC">
        Robert Bailey — Sarnia—Lambton
      </option>
      <option value="doly.begum@ndp.on.ca" data-party="NDP">
        Doly Begum — Scarborough Southwest
      </option>

      <!-- C, D, E, … Z -->
      <!-- Repeat this pattern for all 124 MPPs with correct emails and party tags -->
      <!-- Use the "MPP contact information" CSV/list to copy each email accurately -->

    </select>

    <!-- STEP 3: Copy field (manual) -->
    <label class="mpp-label">Step 3: Copy your MPP’s email address</label>
    <input
      id="mppEmail"
      class="mpp-email-box"
      type="text"
      placeholder="Select your MPP above, then copy their email from the list below."
      readonly
    >

    <p class="mpp-note">
      Note: Because this page is built to work without JavaScript, you’ll need to copy the email address
      from the list below and paste it into the “To” field in your email program.
    </p>

    <!-- STEP 4: Compose email with prefilled subject/body -->
    <p class="mpp-label">Step 4: Open a pre‑filled email</p>
    <p class="mpp-note">
      Click the button below to open your email program with the subject and message already filled in.
      Then paste your MPP’s email into the “To” field.
    </p>

    <a
      href="mailto:?subject=Support%20for%20Opening%20Highway%20407%20to%20Trucks&body=Dear%20MPP,%0D%0A%0D%0AI%20am%20writing%20to%20urge%20you%20to%20support%20the%20reduction%20of%20truck%20tolls%20on%20Highway%20407%20to%20unlock%20its%20potential%20as%20a%20freight%20corridor.%0D%0A%0D%0AThis%20practical%20solution%20will%20ease%20congestion%20on%20Highway%20401,%20reduce%20emissions,%20and%20save%20taxpayers%20billions%20compared%20to%20building%20Highway%20413.%0D%0A%0D%0AI%20ask%20that%20you%20prioritize%20smarter,%20greener%20transportation%20investments%20that%20protect%20our%20environment%20and%20communities.%0D%0A%0D%0AThank%20you%20for%20your%20attention%20to%20this%20important%20issue.%0D%0A%0D%0ASincerely,%0D%0A"
    >
      <button class="mpp-button" type="button">Compose Email</button>
    </a>

    <!-- OPTIONAL: Full visible list of MPPs + emails for copy/paste -->
    <div class="mpp-list">
      <h3>MPP email list (copy and paste):</h3>

      <p><strong>A</strong></p>
      <p>Tyler Allsopp — Bay of Quinte — <strong>tyler.allsopp@pc.ola.org</strong></p>
      <p>Deepak Anand — Mississauga—Malton — <strong>deepak.anandco@pc.ola.org</strong></p>
      <p>Teresa J. Armstrong — London—Fanshawe — <strong>tarmstrong-co@ndp.on.ca</strong></p>

      <p><strong>B</strong></p>
      <p>Aris Babikian — Scarborough—Agincourt — <strong>aris.babikian@pc.ola.org</strong></p>
      <p>Robert Bailey — Sarnia—Lambton — <strong>robert.bailey@pc.ola.org</strong></p>
      <p>Doly Begum — Scarborough Southwest — <strong>doly.begum@ndp.on.ca</strong></p>

      <!-- Continue for all MPPs… using data from the OLA “MPP contact information” page / CSV -->
    </div>

  </div>

</body>
</html>