<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>Golf pool entry 2026</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      margin: 30px;
    }
    button {
      font-size: 16px;
      padding: 8px 18px;
      cursor: pointer;
      margin: 0 5px;
    }
    h1 {
      margin-bottom: 20px;
    }
    input[type="text"] {
      padding: 6px;
      font-size: 14px;
    }
    label {
      font-size: 14px;
      margin-bottom: 4px;
    }
    select, input {
      font-size: 14px;
      margin-top: 10px;
      display: block;
    }
    table {
      border-collapse: collapse;
      margin-top: 20px;
    }
    table td:nth-child(2) {
        background-color: #ccffff;
    }
    td {
      border: 1px solid #999;
      padding: 8px 12px;
    }
    td:nth-child(3) {font-size: 0.8em; }       /* Make ONLY the 3rd column smaller ( ~2pt) */

    th {
      border: 1px solid #999;
      padding: 8px 12px;
	  background-color: #D3D3D3;
    }

    .buttons {
      text-align: center;
      margin-top: 15px;
    }
    .clickable {
      color: blue;
      text-decoration: underline;
      cursor: pointer;
    }
    .field-group {
      display: flex;
      flex-direction: column;
    }
    .form-row {
      display: grid;
      grid-template-columns: 1fr 1fr;          /* two equal columns */
      column-gap: 80px;                        /* space between f1 and f2 */
      max-width: 400px;
      margin-bottom: 15px;
      margin-left: 0;
      margin-right: auto;
    }
    .highlight-blue {
        background-color: #ccffff;
    }
    .highlight-gray {
      background-color: #D3D3D3;
      padding: 12px;                           /* margin INSIDE the box */
   }
    .img-left {
      float: left;
      margin-right: 15px;                      /* space between image and text */
      margin-bottom: 10px;                     /* optional: space below image */
    }
    .name-pill {
      display: inline-block;
      margin: 3px;
      padding: 3px 8px;
      border-radius: 12px;
      border: 1px solid #777;
    }

    #dialog-box {
      background: #fff;
      padding: 20px;
      border-radius: 6px;
      min-width: 250px;
      text-align: center;
      box-shadow: 0 0 10px rgba(0,0,0,0.3);
    }
    #dialog-box button {
      margin: 5px;
	}
    #dialog-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,0.4);
      display: none;
      align-items: center;
      justify-content: center;
    }
    #list div {
      margin-top: 4px;
      font-family: Consolas, "Courier New", monospace;
    }
    #output {
      margin-top: 25px;
      padding: 15px;
      border: 1px solid #ccc;
      max-width: 700px;
      min-height: 40px;
      margin-left: auto;
      margin-right: auto;
    }
    #popup-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0,0,0,0.4);
      display: none;
      justify-content: center;
      align-items: center;
    }
    #popup-box {
      background: white;
      padding: 20px;
      border-radius: 6px;
      text-align: center;
      min-width: 260px;
      box-shadow: 0 0 10px rgba(0,0,0,0.4);
     }
    #selectedNamesBox {
      margin-top: 20px;
      padding: 10px;
      border: 1px solid #ccc;
      min-heig uht: 40px;
      width: 350px;
    }
  </style>
</head>

<body>
<h3>Tom Hawley's one-and-done, pick 'em now
<h1>PGA pool entry 2026</h1>

<div id="wrapper" style="width:800px; margin:auto;">

<!-- Top-right buttons -->
  <div id="button-block" style="
        float: right;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: 10px;
  ">
    <button onclick="openInstructionsPopup()">What to do</button>
     <a href="rules.pdf" download style="text-decoration:none;">
        <button>Rules</button>
      </a>
   </div>

<div class="highlight-gray">
 <img src="Tommy Fleetwood.jpg" alt="Description" class="img-left" width="200">

<!-- Row 1: f1 at ~1/3, f2 at ~2/3 -->
  <div class="form-row">
    <div class="field-group">
      <label for="f1">Your name:</label>
      <input type="text" id="f1" class="highlight-blue">
    </div>
    <div class="field-group">
      <label for="f2">Teammate name:</label>
      <input type="text" id="f2" class="highlight-blue">
    </div>
  </div>

<!-- Row 2: f3 underneath, aligned similarly -->
  <div class="form-row">
    <div class="field-group">
      <label for="f3">Your moniker:</label>
      <input type="text" id="f3" class="highlight-blue">
    </div>
  </div>

<!-- Row 3: f4 and f5 underneath, aligned similarly -->
  <div class="form-row">
    <div class="field-group">
      <label for="f4">Your email address:</label>
      <input type="text" id="f4" class="highlight-blue">
    </div>
    <div class="field-group">
      <label for="f5">Teammate email address:</label>
      <input type="text" id="f5" class="highlight-blue">
    </div>
  </div>
</div>	

  <table style="width:100%;" >
    <tr>
      <th>Event</th>
      <th>Player</th>
	  <th>Note</th>
    </tr>
    <tr>
      <td>Sony Open in Hawaii</td>
      <td class="clickable" onclick="openPopup(0,this)">Player</td>
	  <td>Due by his Jan. 15 tee time</td>
    </tr>
    <tr>
      <td>American Express</td>
      <td class="clickable" onclick="openPopup(1,this)">Player</td>
 	  <td>Due Jan. 15</td>
   </tr>
    <tr>
      <td>Farmers Insurance Open</td>
      <td class="clickable" onclick="openPopup(2,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>WM Phoenix Open</td>
      <td class="clickable" onclick="openPopup(3,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
   <tr>
      <td>AT&T Pebble Beach Pro-Am</td>
      <td class="clickable" onclick="openPopup(4,this)">Player</td>
 	  <td>Due Jan. 22 (SIGNATURE)</td>
    </tr>
    <tr>
      <td>Genesis Invitational</td>
      <td class="clickable" onclick="openPopup(5,this)">Player</td>
 	  <td>Due Jan. 22 (SIGNATURE)</td>
    </tr>
    <tr>
      <td>Cognizant Classic</td>
      <td class="clickable" onclick="openPopup(6,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Arnold Palmer Invitational presented by Mastercard</td>
      <td class="clickable" onclick="openPopup(7,this)">Player</td>
 	  <td>Due Jan. 22 (SIGNATURE)</td>
    </tr>
    <tr>
      <td>Puerto Rico Open</td>
      <td class="clickable" onclick="openPopup(8,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>The Players Championship</td>
      <td class="clickable" onclick="openPopup(9,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Valspar Championship</td>
      <td class="clickable" onclick="openPopup(10,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Texas Children's Houston Open</td>
      <td class="clickable" onclick="openPopup(11,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
   <tr>
      <td>Valero Texas Open</td>
      <td class="clickable" onclick="openPopup(12,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Masters Tournament</td>
      <td class="clickable" onclick="openPopup(13, this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>RBC Heritage</td>
      <td class="clickable" onclick="openPopup(14,this)">Player</td>
 	  <td>Due Jan. 22 (SIGNATURE)</td>
    </tr>
    <tr>
      <td>Zurich Classic of New Orleans</td>
      <td class="clickable" onclick="openPopup(15,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
   <tr>
      <td>Miami Championship</td>
      <td class="clickable" onclick="openPopup(16,this)">Player</td>
 	  <td>Due Jan. 22 (SIGNATURE)</td>
    </tr>
    <tr>
      <td>Truist Championship</td>
      <td class="clickable" onclick="openPopup(17,this)">Player</td>
 	  <td>Due Jan. 22 (SIGNATURE)</td>
    </tr>
    <tr>
      <td>ONEflight Myrtle Beach Classic</td>
      <td class="clickable" onclick="openPopup(18,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>PGA Championship</td>
      <td class="clickable" onclick="openPopup(19,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
   <tr>
      <td>CJ Cup Byron Nelson</td>
      <td class="clickable" onclick="openPopup(20,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Charles Schwab Challenge</td>
      <td class="clickable" onclick="openPopup(21,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Memorial Tournament presented by Workday</td>
      <td class="clickable" onclick="openPopup(22,this)">Player</td>
 	  <td>Due Jan. 22 (SIGNATURE)</td>
    </tr>
    <tr>
      <td>RBC Canadian Open</td>
      <td class="clickable" onclick="openPopup(23,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>U.S. Open</td>
      <td class="clickable" onclick="openPopup(24,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Travelers Championship</td>
      <td class="clickable" onclick="openPopup(25,this)">Player</td>
 	  <td>Due Jan. 22 (SIGNATURE)</td>
    </tr>
    <tr>
      <td>John Deere Classic</td>
      <td class="clickable" onclick="openPopup(26,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Genesis Scottish Open</td>
      <td class="clickable" onclick="openPopup(27,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
   <tr>
      <td>ISCO Championship</td>
      <td class="clickable" onclick="openPopup(28,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>154th Open Championship</td>
      <td class="clickable" onclick="openPopup(29,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Corales Puntacana Championship</td>
      <td class="clickable" onclick="openPopup(30,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>3M Open</td>
      <td class="clickable" onclick="openPopup(31,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
   <tr>
      <td>Rocket Classic</td>
      <td class="clickable" onclick="openPopup(32,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
   <tr>
      <td>Wyndham Championship</td>
      <td class="clickable" onclick="openPopup(33,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>FedEx St. Jude Championship</td>
      <td class="clickable" onclick="openPopup(34,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>BMW Championship</td>
      <td class="clickable" onclick="openPopup(35,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
    <tr>
      <td>Tour Championship</td>
      <td class="clickable" onclick="openPopup(36,this)">Player</td>
 	  <td>Due Jan. 22</td>
    </tr>
  </table>
</div>

 <!-- Instructions popup -->
  <div id="instructions-popup" style="
      display:none;
      position:fixed;
      inset:0;
      background:rgba(0,0,0,0.4);
      align-items:center;
      justify-content:center;
      z-index:999;
  ">
    <div style="
        background:white;
        padding:20px;
        max-width:600px;
        max-height:70vh;
        overflow-y:auto;
        border:1px solid #333;
    ">
      <h2>What to do</h2>
      <p>
         1. For each event, in any order, click on “Player” and make your choice<br>
		  by selecting a name from the pull-down list. If you want a player <br>
		  who’s not in the pull-down list, you can enter his name manually.<br>
		  You’ll be alerted if you select the same player twice. <br>
        2. When complete, click the “Done” button at the bottom to submit your picks.<br>
  		  You’ll be launched into your normal email app; just do your regular process<br>
		  for sending an email. It’s okay to submit a partial lineup. <br>
        3. Note, your picks are not activated until your entry fee has been received.<br>
		  (See Rules.) 
      </p>
      <div style="text-align:right; margin-top:10px;">
        <button type="button" onclick="closeInstructionsPopup()">Close</button>
      </div>
    </div>
  </div>
  
<div id="picks-popup" style="
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.4);
    align-items:left;
    justify-content:left;
">
    <div id="popup-box" style="
        background:white;
        padding:20px;
        max-height:80vh;
        max-width:70vw;
        overflow-y:auto;
        font-size:14px;       /* slightly smaller text */
        border:1px solid #333;
    ">
        <p>Review your picks below, then click "Send Email".</p>
        <textarea id="email-text"
                  rows="42"
                  style="width:100%; box-sizing:border-box;"></textarea>
        <div style="margin-top:10px; text-align:right;">
        <button onclick="closePicksPopup()">Cancel</button>
        <button onclick="sendEmail()">Send Email</button>
        </div>
    </div>
</div>

<button 
    style="margin-top:15px; display:block; margin-left:auto; margin-right:auto;"
    onclick="showEmailPopup()">
    Done. Submit picks.
</button>

<!-- Popup -->
<div id="popup-overlay">
  <div id="popup-box">
    <p id="popup-text"></p>

  <select id="option-select" onchange="checkCustomOption()"> 
  <option value="Ludvig Aberg">Ludvig Aberg</option>
  <option value="Byeong Hun An">Byeong Hun An</option>
  <option value="Abraham Ancer">Abraham Ancer</option>
  <option value="Mason Andersen">Mason Andersen</option>
  <option value="Kiradech Aphibarnrat">Kiradech Aphibarnrat</option>
  <option value="Angel Ayora">Angel Ayora</option>
  <option value="Aaron Baddeley">Aaron Baddeley</option>
  <option value="Paul Barjon">Paul Barjon</option>
  <option value="Erik Barnes">Erik Barnes</option>
  <option value="Sam Bennett">Sam Bennett</option>
  <option value="Daniel Berger">Daniel Berger</option>
  <option value="Christiaan Bezuidenhout">Christiaan Bezuidenhout</option>
  <option value="Akshay Bhatia">Akshay Bhatia</option>
  <option value="Alexander Bjork">Alexander Bjork</option>
  <option value="Zac Blair">Zac Blair</option>
  <option value="Richard Bland">Richard Bland</option>
  <option value="Keegan Bradley">Keegan Bradley</option>
  <option value="Joseph Bramlett">Joseph Bramlett</option>
  <option value="Ryan Brehm">Ryan Brehm</option>
  <option value="Jacob Bridgeman">Jacob Bridgeman</option>
  <option value="Wesley Bryan">Wesley Bryan</option>
  <option value="Hayden Buckley">Hayden Buckley</option>
  <option value="Dean Burmester">Dean Burmester</option>
  <option value="Sam Burns">Sam Burns</option>
  <option value="Brian Campbell">Brian Campbell</option>
  <option value="Jorge Campillo">Jorge Campillo</option>
  <option value="Rafael Campos">Rafael Campos</option>
  <option value="Laurie Canter">Laurie Canter</option>
  <option value="Patrick Cantlay">Patrick Cantlay</option>
  <option value="Frankie Capan">Frankie Capan</option>
  <option value="Paul Casey">Paul Casey</option>
  <option value="Ricky Castillo">Ricky Castillo</option>
  <option value="Bud Cauley">Bud Cauley</option>
  <option value="Cameron Champ">Cameron Champ</option>
  <option value="Will Chandler">Will Chandler</option>
  <option value="Kevin Chappell">Kevin Chappell</option>
  <option value="S Chikarangappa">S Chikarangappa</option>
  <option value="Luke Clanton">Luke Clanton</option>
  <option value="Wyndham Clark">Wyndham Clark</option>
  <option value="Eric Cole">Eric Cole</option>
  <option value="Trevor Cone">Trevor Cone</option>
  <option value="Corey Conners">Corey Conners</option>
  <option value="Parker Coody">Parker Coody</option>
  <option value="Pierceson Coody">Pierceson Coody</option>
  <option value="Trace Crowe">Trace Crowe</option>
  <option value="Quade Cummins">Quade Cummins</option>
  <option value="MJ Daffue">MJ Daffue</option>
  <option value="Joel Dahmen">Joel Dahmen</option>
  <option value="Cam Davis">Cam Davis</option>
  <option value="Jason Day">Jason Day</option>
  <option value="Joe Dean">Joe Dean</option>
  <option value="Bryson DeChambeau">Bryson DeChambeau</option>
  <option value="Cristobal Del Solar">Cristobal Del Solar</option>
  <option value="Thomas Detry">Thomas Detry</option>
  <option value="Taylor Dickson">Taylor Dickson</option>
  <option value="Adrien Dumont de Chassart">Adrien Dumont de Chassart</option>
  <option value="Nick Dunlap">Nick Dunlap</option>
  <option value="Nico Echavarria">Nico Echavarria</option>
  <option value="Austin Eckroat">Austin Eckroat</option>
  <option value="Harris English">Harris English</option>
  <option value="Ewen Ferguson">Ewen Ferguson</option>
  <option value="Tony Finau">Tony Finau</option>
  <option value="Patrick Fishburn">Patrick Fishburn</option>
  <option value="Steven Fisk">Steven Fisk</option>
  <option value="Alex Fitzpatrick">Alex Fitzpatrick</option>
  <option value="Matt Fitzpatrick">Matt Fitzpatrick</option>
  <option value="Tommy Fleetwood">Tommy Fleetwood</option>
  <option value="Grant Forrest">Grant Forrest</option>
  <option value="Rickie Fowler">Rickie Fowler</option>
  <option value="Ryan Fox">Ryan Fox</option>
  <option value="Marcus Fraser">Marcus Fraser</option>
  <option value="Tommy Gainey">Tommy Gainey</option>
  <option value="Sergio Garcia">Sergio Garcia</option>
  <option value="Brice Garnett">Brice Garnett</option>
  <option value="Ryan Gerard">Ryan Gerard</option>
  <option value="Doug Ghim">Doug Ghim</option>
  <option value="Lucas Glover">Lucas Glover</option>
  <option value="Talor Gooch">Talor Gooch</option>
  <option value="Noah Goodwin">Noah Goodwin</option>
  <option value="Chris Gotterup">Chris Gotterup</option>
  <option value="Branden Grace">Branden Grace</option>
  <option value="Max Greyserman">Max Greyserman</option>
  <option value="Cody Gribble">Cody Gribble</option>
  <option value="Ben Griffin">Ben Griffin</option>
  <option value="Lanto Griffin">Lanto Griffin</option>
  <option value="Emiliano Grillo">Emiliano Grillo</option>
  <option value="Julien Guerrier">Julien Guerrier</option>
  <option value="Bill Haas">Bill Haas</option>
  <option value="Chesson Hadley">Chesson Hadley</option>
  <option value="Adam Hadwin">Adam Hadwin</option>
  <option value="Harry Hall">Harry Hall</option>
  <option value="Nick Hardy">Nick Hardy</option>
  <option value="Brian Harman">Brian Harman</option>
  <option value="Padraig Harrington">Padraig Harrington</option>
  <option value="Tyrrell Hatton">Tyrrell Hatton</option>
  <option value="Brooke Henderson">Brooke Henderson</option>
  <option value="Russell Henley">Russell Henley</option>
  <option value="Lucas Herbert">Lucas Herbert</option>
  <option value="Garrick Higgo">Garrick Higgo</option>
  <option value="Harry Higgs">Harry Higgs</option>
  <option value="Joe Highsmith">Joe Highsmith</option>
  <option value="Ryo Hisatsune">Ryo Hisatsune</option>
  <option value="Lee Hodges">Lee Hodges</option>
  <option value="Rico Hoey">Rico Hoey</option>
  <option value="Charley Hoffman">Charley Hoffman</option>
  <option value="Tom Hoge">Tom Hoge</option>
  <option value="Nicolai Hojgaard">Nicolai Hojgaard</option>
  <option value="Rasmus Hojgaard">Rasmus Hojgaard</option>
  <option value="Max Homa">Max Homa</option>
  <option value="Billy Horschel">Billy Horschel</option>
  <option value="Sam Horsfield">Sam Horsfield</option>
  <option value="Rikuya Hoshino">Rikuya Hoshino</option>
  <option value="Beau Hossler">Beau Hossler</option>
  <option value="Viktor Hovland">Viktor Hovland</option>
  <option value="Charles Howell">Charles Howell</option>
  <option value="Mark Hubbard">Mark Hubbard</option>
  <option value="Mackenzie Hughes">Mackenzie Hughes</option>
  <option value="Sungjae Im">Sungjae Im</option>
  <option value="Stephan Jaeger">Stephan Jaeger</option>
  <option value="Dustin Johnson">Dustin Johnson</option>
  <option value="Zach Johnson">Zach Johnson</option>
  <option value="Matthew Jordan">Matthew Jordan</option>
  <option value="Takumi Kanaya">Takumi Kanaya</option>
  <option value="Chan Kim">Chan Kim</option>
  <option value="Michael Kim">Michael Kim</option>
  <option value="SH Kim">SH Kim</option>
  <option value="Si Woo Kim">Si Woo Kim</option>
  <option value="Tom Kim">Tom Kim</option>
  <option value="Nathan Kimsey">Nathan Kimsey</option>
  <option value="Chris Kirk">Chris Kirk</option>
  <option value="Kevin Kisner">Kevin Kisner</option>
  <option value="Kurt Kitayama">Kurt Kitayama</option>
  <option value="Patton Kizzire">Patton Kizzire</option>
  <option value="Jake Knapp">Jake Knapp</option>
  <option value="Lydia Ko">Lydia Ko</option>
  <option value="Brooks Koepka">Brooks Koepka</option>
  <option value="Ben Kohles">Ben Kohles</option>
  <option value="Jason Kokrak">Jason Kokrak</option>
  <option value="Nelly Korda">Nelly Korda</option>
  <option value="Kelly Kraft">Kelly Kraft</option>
  <option value="Matt Kuchar">Matt Kuchar</option>
  <option value="Anirban Lahiri">Anirban Lahiri</option>
  <option value="Martin Laird">Martin Laird</option>
  <option value="Romain Langasque">Romain Langasque</option>
  <option value="Pablo Larrazabal">Pablo Larrazabal</option>
  <option value="Nate Lashley">Nate Lashley</option>
  <option value="Thriston Lawrence">Thriston Lawrence</option>
  <option value="KH Lee">KH Lee</option>
  <option value="Min Woo Lee">Min Woo Lee</option>
  <option value="Marc Leishman">Marc Leishman</option>
  <option value="Haotong Li">Haotong Li</option>
  <option value="David Lingmerth">David Lingmerth</option>
  <option value="David Lipsky">David Lipsky</option>
  <option value="Luke List">Luke List</option>
  <option value="Justin Lower">Justin Lower</option>
  <option value="Shane Lowry">Shane Lowry</option>
  <option value="Robert MacIntyre">Robert MacIntyre</option>
  <option value="Peter Malnati">Peter Malnati</option>
  <option value="Matteo Manassero">Matteo Manassero</option>
  <option value="Ben Martin">Ben Martin</option>
  <option value="Hideki Matsuyama">Hideki Matsuyama</option>
  <option value="Denny McCarthy">Denny McCarthy</option>
  <option value="Matt McCarty">Matt McCarty</option>
  <option value="Ryan McCormick">Ryan McCormick</option>
  <option value="Max McGreevy">Max McGreevy</option>
  <option value="Rory McIlroy">Rory McIlroy</option>
  <option value="Tom McKibbin">Tom McKibbin</option>
  <option value="Maverick McNealy">Maverick McNealy</option>
  <option value="Mac Meissner">Mac Meissner</option>
  <option value="Adrian Meronk">Adrian Meronk</option>
  <option value="Troy Merritt">Troy Merritt</option>
  <option value="Phil Mickelson">Phil Mickelson</option>
  <option value="Keith Mitchell">Keith Mitchell</option>
  <option value="Francesco Molinari">Francesco Molinari</option>
  <option value="Taylor Montgomery">Taylor Montgomery</option>
  <option value="Ryan Moore">Ryan Moore</option>
  <option value="Taylor Moore">Taylor Moore</option>
  <option value="Collin Morikawa">Collin Morikawa</option>
  <option value="William Mouw">William Mouw</option>
  <option value="Trey Mullinax">Trey Mullinax</option>
  <option value="Sebastian Munoz">Sebastian Munoz</option>
  <option value="Grayson Murray">Grayson Murray</option>
  <option value="Kevin Na">Kevin Na</option>
  <option value="Rasmus Neergaard-Petersen">Rasmus Neergaard-Petersen</option>
  <option value="Matt NeSmith">Matt NeSmith</option>
  <option value="Joaquin Niemann">Joaquin Niemann</option>
  <option value="Seung-yul Noh">Seung-yul Noh</option>
  <option value="Alex Noren">Alex Noren</option>
  <option value="Niklas Norgaard">Niklas Norgaard</option>
  <option value="Henrik Norlander">Henrik Norlander</option>
  <option value="Andrew Novak">Andrew Novak</option>
  <option value="Sean O'Hair">Sean O'Hair</option>
  <option value="Jacob Skov Olesen">Jacob Skov Olesen</option>
  <option value="Thorbjorn Olesen">Thorbjorn Olesen</option>
  <option value="Kaito Onishi">Kaito Onishi</option>
  <option value="Louis Oosthuizen">Louis Oosthuizen</option>
  <option value="Carlos Ortiz">Carlos Ortiz</option>
  <option value="Adrian Otaegui">Adrian Otaegui</option>
  <option value="John Pak">John Pak</option>
  <option value="Ryan Palmer">Ryan Palmer</option>
  <option value="CT Pan">CT Pan</option>
  <option value="John Parry">John Parry</option>
  <option value="Jeremy Paul">Jeremy Paul</option>
  <option value="Yannik Paul">Yannik Paul</option>
  <option value="Matthieu Pavon">Matthieu Pavon</option>
  <option value="Taylor Pendrith">Taylor Pendrith</option>
  <option value="Marco Penge">Marco Penge</option>
  <option value="Mito Pereira">Mito Pereira</option>
  <option value="Victor Perez">Victor Perez</option>
  <option value="Paul Peterson">Paul Peterson</option>
  <option value="Chandler Phillips">Chandler Phillips</option>
  <option value="Thomas Pieters">Thomas Pieters</option>
  <option value="JT Poston">JT Poston</option>
  <option value="Aldrich Potgieter">Aldrich Potgieter</option>
  <option value="Seamus Power">Seamus Power</option>
  <option value="David Puig">David Puig</option>
  <option value="Andrew Putnam">Andrew Putnam</option>
  <option value="Jon Rahm">Jon Rahm</option>
  <option value="Aaron Rai">Aaron Rai</option>
  <option value="Chad Ramey">Chad Ramey</option>
  <option value="Kyle Ramey">Kyle Ramey</option>
  <option value="Chez Reavie">Chez Reavie</option>
  <option value="Patrick Reed">Patrick Reed</option>
  <option value="Matthew Riedel">Matthew Riedel</option>
  <option value="Davis Riley">Davis Riley</option>
  <option value="Patrick Rodgers">Patrick Rodgers</option>
  <option value="Justin Rose">Justin Rose</option>
  <option value="Thomas Rosenmueller">Thomas Rosenmueller</option>
  <option value="Kevin Roy">Kevin Roy</option>
  <option value="Antoine Rozner">Antoine Rozner</option>
  <option value="Sam Ryder">Sam Ryder</option>
  <option value="Adrien Saddier">Adrien Saddier</option>
  <option value="Isaiah Salinda">Isaiah Salinda</option>
  <option value="Gordon Sargent">Gordon Sargent</option>
  <option value="Xander Schauffele">Xander Schauffele</option>
  <option value="Scottie Scheffler">Scottie Scheffler</option>
  <option value="Adam Schenk">Adam Schenk</option>
  <option value="Matti Schmid">Matti Schmid</option>
  <option value="Charl Schwartzel">Charl Schwartzel</option>
  <option value="Adam Scott">Adam Scott</option>
  <option value="Shubhankar Sharma">Shubhankar Sharma</option>
  <option value="Robby Shelton">Robby Shelton</option>
  <option value="Neal Shipley">Neal Shipley</option>
  <option value="Greyson Sigg">Greyson Sigg</option>
  <option value="Ben Silverman">Ben Silverman</option>
  <option value="Webb Simpson">Webb Simpson</option>
  <option value="David Skinns">David Skinns</option>
  <option value="Alex Smalley">Alex Smalley</option>
  <option value="Cameron Smith">Cameron Smith</option>
  <option value="Jordan Smith">Jordan Smith</option>
  <option value="Brandt Snedeker">Brandt Snedeker</option>
  <option value="JJ Spaun">JJ Spaun</option>
  <option value="Jordan Spieth">Jordan Spieth</option>
  <option value="Hayden Springer">Hayden Springer</option>
  <option value="Jimmy Stanger">Jimmy Stanger</option>
  <option value="Brendan Steele">Brendan Steele</option>
  <option value="Henrik Stenson">Henrik Stenson</option>
  <option value="Sam Stevens">Sam Stevens</option>
  <option value="Sepp Straka">Sepp Straka</option>
  <option value="Kevin Streelman">Kevin Streelman</option>
  <option value="Jackson Suber">Jackson Suber</option>
  <option value="Justin Suh">Justin Suh</option>
  <option value="Adam Svensson">Adam Svensson</option>
  <option value="Jesper Svensson">Jesper Svensson</option>
  <option value="Callum Tarren">Callum Tarren</option>
  <option value="Ben Taylor">Ben Taylor</option>
  <option value="Nick Taylor">Nick Taylor</option>
  <option value="Sahith Theegala">Sahith Theegala</option>
  <option value="Jeeno Thitikul">Jeeno Thitikul</option>
  <option value="Justin Thomas">Justin Thomas</option>
  <option value="Davis Thompson">Davis Thompson</option>
  <option value="Michael Thompson">Michael Thompson</option>
  <option value="Michael Thorbjornsen">Michael Thorbjornsen</option>
  <option value="Braden Thornberry">Braden Thornberry</option>
  <option value="Brendon Todd">Brendon Todd</option>
  <option value="Alejandro Tosti">Alejandro Tosti</option>
  <option value="Cameron Tringale">Cameron Tringale</option>
  <option value="Kevin Tway">Kevin Tway</option>
  <option value="Sami Valimaki">Sami Valimaki</option>
  <option value="Erik van Rooyen">Erik van Rooyen</option>
  <option value="Harold Varner">Harold Varner</option>
  <option value="Johannes Veerman">Johannes Veerman</option>
  <option value="Jhonattan Vegas">Jhonattan Vegas</option>
  <option value="Kevin Velo">Kevin Velo</option>
  <option value="Kris Ventura">Kris Ventura</option>
  <option value="Karl Vilips">Karl Vilips</option>
  <option value="Danny Walker">Danny Walker</option>
  <option value="Matt Wallace">Matt Wallace</option>
  <option value="Paul Waring">Paul Waring</option>
  <option value="Richy Werenski">Richy Werenski</option>
  <option value="Vince Whaley">Vince Whaley</option>
  <option value="Tim Widing">Tim Widing</option>
  <option value="Jeff Winther">Jeff Winther</option>
  <option value="Aaron Wise">Aaron Wise</option>
  <option value="Matthew Wolff">Matthew Wolff</option>
  <option value="Gary Woodland">Gary Woodland</option>
  <option value="Brandon Wu">Brandon Wu</option>
  <option value="Dylan Wu">Dylan Wu</option>
  <option value="Cameron Young">Cameron Young</option>
  <option value="Carson Young">Carson Young</option>
  <option value="Kevin Yu">Kevin Yu</option>
  <option value="Carl Yuan">Carl Yuan</option>
  <option value="Will Zalatoris">Will Zalatoris</option>
    <option value="__custom__">Other ...</option>
  </select>

 <!-- Hidden text input for custom text -->
    <div id="custom-input-container" style="display:none; margin-top:8px;">
      <input id="custom-input" type="text" placeholder="Other (enter name):">
    </div>

<!-- Error message; 11/25/25 -->
    <div id="option-error" style="color:red; margin-top:8px; white-space: pre-line; text-align: left;"></div>

    <br><br>
    <button onclick="submitSelection()">Yeah, him</button>
    <button onclick="closePopup()">No, not him</button>
    </div>
  </div>

 <script>
let currentValue = null;
let currentCell = null;
let iEvent = null;

// Saved selections (for persistence / debugging)
let savedSelections = JSON.parse(localStorage.getItem("savedSelections")) || [];

// Event names (0..36 are events, 37..41 get repurposed for user info)
var taEvents = ["Sony", "American Express", "Farmers Insurance", "WM Phoenix", 
    "AT&T Pebble Beach Pro-Am", "Genesis", "Cognizant Classic", "Arnold Palmer", 
	"Puerto Rico", "The Players", "Valspar", "Texas Children's Houston", 
	"Valero Texas", "Masters Tournament", "RBC Heritage", "Zurich Classic", 
	"Miami", "Truist", "Myrtle Beach Classic", "PGA", "CJ Cup Byron Nelson", 
	"Charles Schwab Challenge", "Memorial Tournament", "RBC Canadian", 
	"U.S. Open", "Travelers", "John Deere Classic", "Genesis Scottish", "ISCO",
	"154th Open Championship", "Corales Puntacana", "3M", "Rocket Classic", 
	"Wyndham", "FedEx St. Jude", "BMW", "Tour" ]
taPicks = new Array(42)

// User info: [name, teammate name, moniker, email, teammate email]
let userInfo = [];   // will hold the 5 values

// -------------------- POPUP HELPERS --------------------
function checkCustomOption() {
    const select = document.getElementById('option-select');
    const customContainer = document.getElementById('custom-input-container');

    if (select.value === "__custom__") {
        customContainer.style.display = "block";
    } else {
        customContainer.style.display = "none";
    }
}                                              // checkCustomOption

function closeInstructionsPopup() {
      document.getElementById('instructions-popup').style.display = 'none';
    }

function closePicksPopup() {
  document.getElementById("picks-popup").style.display = "none";
}                                              // closePicksPopup 11/25/25

function closePopup() {
  document.getElementById("popup-overlay").style.display = "none";
}                                              // closePopup

function openInstructionsPopup() {
      document.getElementById('instructions-popup').style.display = 'flex';
    }

function openPopup(iRow, cellElement) {
  // Clear any previous error message
  const errorBox = document.getElementById('option-error');
  errorBox.textContent = '';

  // Reset dropdown & custom input
  const select = document.getElementById('option-select');
  const customContainer = document.getElementById('custom-input-container');
  const customInput = document.getElementById('custom-input');

  select.value = select.options[0].value;   // default to first player
  customContainer.style.display = "none";
  customInput.value = "";

  // Store clicked cell info
  currentCell  = cellElement;
  currentValue = cellElement.textContent;
  iEvent       = iRow;

  document.getElementById("popup-overlay").style.display = "flex";
}                                              // openPopup

function sendEmail() {
    const f3value = document.getElementById("f3").value;
    const to      = "tom@alookatgolf.com";
    const subject = f3value + " Picks from website";
    const body    = document.getElementById("email-text").value; // include any edits

    const mailtoLink =
        "mailto:" + encodeURIComponent(to) +
        "?subject=" + encodeURIComponent(subject) +
        "&body=" + encodeURIComponent(body);

// open default mail client
        window.location.href = mailtoLink;
}                                              // sendEmail 

function showEmailPopup() {

    userInfo = [
        document.getElementById("f1").value,
        document.getElementById("f2").value,
        document.getElementById("f3").value,
        document.getElementById("f4").value,
        document.getElementById("f5").value
    ];

	taEvents[37] = userInfo[0]
	taEvents[38] = userInfo[1]
    taEvents[39] = userInfo[2]
	taEvents[40] = userInfo[3]
    taEvents[41] = userInfo[4]
 
// Build header text
  let tUser = "Entrant: " + (userInfo[0] || "(no name entered)") + "\n";

  const hasTeammateName  = userInfo[1] && userInfo[1].trim() !== "";
  const hasTeammateEmail = userInfo[4] && userInfo[4].trim() !== "";

  if (!hasTeammateName) {
    tUser += "(no teammate)\n";
  } else {
    tUser += "Teammate: " + userInfo[1] + "\n";
  }

  tUser += "Moniker: " + (userInfo[2] || "(none)") + "\n";
  tUser += "Email: " + (userInfo[3] || "(none)");

  if (hasTeammateName && hasTeammateEmail) {
    tUser += " (teammate email: " + userInfo[4] + ")\n\n";
  } else {
    tUser += "\n\n";
  }
	
   // Build event lines
  let lines = [];
  for (let i = 0; i < 37; i++) {
    const ev   = taEvents[i];
    const pick = taPicks[i] !== undefined ? taPicks[i] : "";
    lines.push((i + 1) + ". " + ev + " : " + pick);
  }

        const emailBody = lines.join("\n");

// put text into the textarea
        document.getElementById("email-text").value = tUser + emailBody;

// show popup
        document.getElementById("picks-popup").style.display = "flex";
}                                              // showEmailPopup 11/25/25

function submitSelection() {
  const select      = document.getElementById("option-select");
  const selectedVal = select.value;
  const errorBox    = document.getElementById('option-error');
  const customText  = document.getElementById('custom-input').value;

  // Determine chosen name
  let chosen;

  if (selectedVal === "__custom__") {
    chosen = customText.trim();
    if (chosen === "") {
      alert("Please enter your custom text.");
      return;
    }
  } else {
    chosen = selectedVal;
  }

  // Clear previous error message
  errorBox.textContent = '';

  // Uniqueness check: ensure player not already picked
  let bUnique = true;
  for (let i = 0; i < 37; i++) {
    if (taPicks[i] === chosen) {
      bUnique = false;
      break;
    }
  }

  // If duplicate, inform user and stay in popup
  if (!bUnique) {
    errorBox.textContent =
      "You already selected " + chosen + " once." +
      "\nIf the first selection is the good one, just make another selection above." +
      "\nIf this is where you really want him, click \"No\" below," +
      "\nchange the other selection, then return here.";
    return;
  }

  // Update the text in the clicked table cell
  if (currentCell) {
    currentCell.textContent = chosen;
  }

  // Remember the pick for this event
  if (iEvent !== null) {
    taPicks[iEvent] = chosen;
  }

  // Save into persistent array (for debugging / auditing)
  savedSelections.push({
    eventIndex: iEvent,
    eventName: taEvents[iEvent],
    originalCellText: currentValue,
    choice: chosen,
    timestamp: new Date().toISOString()
  });

  localStorage.setItem("savedSelections", JSON.stringify(savedSelections));

  // Close the player-selection popup
  closePopup();
}                                              // submitSelection
   
</script>

</body>
</html>