?php $errors = isset($_GET['e']) ? $_GET['e'] : ''; if($errors){ if($errors=='mail'){ echo '<div class="alert alert-danger" role="alert">There was an error submitting the form. Please try again later. </div>'; }else if($errors=='avail'){ echo '<div class="alert alert-danger" role="alert">Please provide a response for "Are you available to meet at least ten board meetings per year?"<br/>All fields are required.</div>'; }else if($errors=='add'){ echo '<div class="alert alert-danger" role="alert">Please provide a response for "Are you willing to serve on a committee and meet at additional times as committee decides?"<br/>All fields are required.</div>'; }else if($errors=='commit'){ echo '<div class="alert alert-danger" role="alert">Please review and agree to the committments listed at the end of the form.<br/>All fields are required.</div>'; }else{ echo '<div class="alert alert-danger" role="alert">All fields are required.</div>'; } } ?> <p></p> <style type="text/css">form ol{ list-style-image: inherit; } .form-control { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem !important; line-height: 1.5 !important; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; height:auto !important; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::-webkit-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-moz-placeholder { color: #6c757d; opacity: 1; } .form-control:-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::-ms-input-placeholder { color: #6c757d; opacity: 1; } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } select.form-control:not([size]):not([multiple]) { height: calc(2.25rem + 2px); } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } label { padding-top: calc(0.375rem + 1px); padding-bottom: calc(0.375rem + 1px); margin-bottom: 0; font-size: inherit; line-height: 1.5; } select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]), .input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), .input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]) { height: calc(2.875rem + 2px); } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .form-inline { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group { width: auto; } .form-inline .form-check { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } }</style> <script type="text/javascript">(function($){ $(function() { $('#formEmergingLeadersApp').on('submit',function(e){ e.preventDefault(); var errors = []; if( $('#formName').val()=="" ){ errors.push("Enter your name."); } if( $('#formEmail').val()=="" ){ errors.push("Enter your email address."); } if( $('#formPhone').val()=="" ){ errors.push("Enter your phone number."); } if( $('#formAddress').val()=="" ){ errors.push("Enter your street address."); } if( $('#formCity').val()=="" ){ errors.push("Enter your city."); } if( $('#formState').val()=="" ){ errors.push("Enter your state."); } if( $('#formZip').val()=="" ){ errors.push("Enter your zip."); } if( $('#formYears').val()=="" || $('#formOccupation').val()=="" || $('#formGroups').val()=="" || $('#formFav').val()=="" || $('#formWhy').val()=="" || $('#formSuggestions').val()=="" ){ errors.push("Please answer all open-ended questions."); } if( $('[name=formAvailable]:checked').length==0 || $('[name=formAdditional]:checked').length==0 ){ errors.push("Please select yes/no response for availability questions."); } if( $('#formCommitYes:checked').length==0 ){ errors.push("Select that you've understood the Commitments."); } if(errors.length){ alert("Please fill in all fields:\n\n"+errors.join("\n")); }else{ $("#formEmergingLeadersApp")[0].submit(); } }); }); })(jQuery);</script> <p>WHRO’s Emerging Leaders Advisory Board works to increase young professionals’ engagement in public media’s mission through the creation of unique, entertaining, and educational opportunities.</p> <p>The role of the Emerging Leaders Advisory Board is twofold. The Board is primarily charged with planning, promoting, and executing successful Board generated initiatives that promote the station to, and actively engage, millennial and similar audiences. The secondary role is to review WHRO’s programming, community, and station initiatives and providing feedback and recommendations on opportunities to maximize reach to millennial and similar audiences.</p> <p>*All fields required.</p> <form id="formEmergingLeadersApp" action="/pages/emergingleadersform.php" method="POST"> <div class="form-group"><label for="formName">Name</label> <input id="formName" class="form-control" name="formName" type="text" /></div> <div class="form-group"><label for="formEmail">Email address</label> <input id="formEmail" class="form-control" name="formEmail" type="email" /></div> <div class="form-group"><label for="formPhone">Phone</label> <input id="formPhone" class="form-control" name="formPhone" type="text" /></div> <div class="form-group"><label for="form_address">Address</label> <input id="formAddress" class="form-control" name="formAddress" type="text" value="" /></div> <div class="form-group"><label for="address2">Address 2</label> <input id="formAddress2" class="form-control" name="formAddress2" type="text" value="" /></div> <div class="form-group"><label for="form_address_city">City</label> <input id="formCity" class="form-control" name="formCity" type="text" value="" /></div> <div class="form-group"><label for="form_address_state">State</label><select id="formState" class="form-control" name="formState"><option value="AL">AL</option><option value="AK">AK</option><option value="AZ">AZ</option><option value="AR">AR</option><option value="CA">CA</option><option value="CO">CO</option><option value="CT">CT</option><option value="DE">DE</option><option value="DC">DC</option><option value="FL">FL</option><option value="GA">GA</option><option value="HI">HI</option><option value="ID">ID</option><option value="IL">IL</option><option value="IN">IN</option><option value="IA">IA</option><option value="KS">KS</option><option value="KY">KY</option><option value="LA">LA</option><option value="ME">ME</option><option value="MD">MD</option><option value="MA">MA</option><option value="MI">MI</option><option value="MN">MN</option><option value="MS">MS</option><option value="MO">MO</option><option value="MT">MT</option><option value="NE">NE</option><option value="NV">NV</option><option value="NH">NH</option><option value="NJ">NJ</option><option value="NM">NM</option><option value="NY">NY</option><option value="NC">NC</option><option value="ND">ND</option><option value="OH">OH</option><option value="OK">OK</option><option value="OR">OR</option><option value="PA">PA</option><option value="RI">RI</option><option value="SC">SC</option><option value="SD">SD</option><option value="TN">TN</option><option value="TX">TX</option><option value="UT">UT</option><option value="VT">VT</option><option selected="selected" value="VA">VA</option><option value="WA">WA</option><option value="WV">WV</option><option value="WI">WI</option><option value="WY">WY</option></select></div> <div class="form-group"><label for="form_address_zip">Zip</label> <input id="formZip" class="form-control" name="formZip" type="text" value="" /></div> <div class="form-group"><label for="formYears">How many years have you lived in Hampton Roads?</label> <input id="formYears" class="form-control" name="formYears" type="text" /></div> <div class="form-group"><label for="formOccupation">Please tell us about your occupation.</label> <textarea id="formOccupation" class="form-control" name="formOccupation" rows="3"></textarea></div> <div class="form-group"><label for="formGroups">Please list any community groups in which you are involved and your role.</label> <textarea id="formGroups" class="form-control" name="formGroups" rows="3"></textarea></div> <div class="form-group"><label for="formFav">Please tell us about your favorite Public Media programming (TV, Radio, and/or Online).</label> <textarea id="formFav" class="form-control" name="formFav" rows="3"></textarea></div> <div class="form-group"><label for="formWhy">Why would you like to serve on the Emerging Leaders Advisory Board?</label> <textarea id="formWhy" class="form-control" name="formWhy" rows="3"></textarea></div> <div class="form-group"><label for="formSuggestions">What do you think WHRO/WHRV could do to better serve the community?</label> <textarea id="formSuggestions" class="form-control" name="formSuggestions" rows="3"></textarea></div> <div class="form-group"><label>Are you available to meet at least ten board meetings per year?</label> <div class="radio"><label class="radio-inline"> <input id="formAvailableYes" name="formAvailable" type="radio" value="Yes" /> Yes </label> <label class="radio-inline"> <input id="formAvailableNo" name="formAvailable" type="radio" value="No" /> No </label></div> </div> <div class="form-group"><label>Are you willing to serve on a committee and meet at additional times as committee decides?</label> <div class="radio"><label class="radio-inline"> <input id="formAdditionalYes" name="formAdditional" type="radio" value="Yes" /> Yes </label> <label class="radio-inline"> <input id="formAdditionalNo" name="formAdditional" type="radio" value="No" /> No </label></div> </div> <div> <h3>Commitments</h3> <p>Once acceptance of a position as a member of Advisory Board, member agrees to:</p> <ol> <li>Support the successful implementation of all Board initiatives</li> <li>Suggest strategies to support WHRO/WHRV’s role in maintaining relevance and interest to current audiences with a focus on millennial age range</li> <li>Be an ambassador of the station and represent WHRO/WHRV positively in the community</li> <li>Identify individuals who meet Board membership criteria and recommend them</li> <li>Attend at least seven out of ten board meetings. Failure to fulfill meeting guidelines in any fiscal year (July 1 to June 30) will result in release from Board</li> <li>Be a current contributing member of WHRO</li> </ol><label>Have you read and understood the commitments of being a member of the Board?</label> <div class="radio"><label class="radio-inline"> <input id="formCommitYes" name="formCommit" type="radio" value="Yes" /> Yes </label> <label class="radio-inline"> <input id="formCommitNo" name="formCommit" type="radio" value="No" /> No </label></div> </div> <button class="btn btn-primary" style="margin-top: 2em;" type="submit">Submit</button></form>'