Subscribe to Philadelphia Metro

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=0"> <title>Subscribe to Philadelphia Metro </title>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-57BSGJH');</script>  <meta name="description" content="Subscribe to Philadelphia Metro "> <meta name="author" content="SimpleCirc Inc">  <meta name="twitter:card" content="summary"> <meta name="twitter:site" content=""> <meta name="twitter:title" content="Subscribe to Philadelphia Metro "> <meta name="twitter:creator" content=""> <meta name="twitter:description" content="Subscribe to Philadelphia Metro "> <meta name="twitter:image:src" content="https://s3.amazonaws.com/simplecirc-cdn/banners/285351397008d1a1700d4e41c4887fa8.png">  <meta property="og:type" content="website"> <meta property="og:url" content="https://simplecirc.com/subscribe/philadelphia-metro"> <meta property="og:title" content="Subscribe to Philadelphia Metro "> <meta property="og:description" content="Subscribe to Philadelphia Metro "> <meta property="og:image" content="https://s3.amazonaws.com/simplecirc-cdn/banners/285351397008d1a1700d4e41c4887fa8.png"> <meta property="fb:app_id" content=""> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/manifest.json"> <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5"> <meta name="theme-color" content="#ffffff"> <link href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/css/bootstrap.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/cropper/0.11.1/cropper.min.css" rel="stylesheet" type="text/css"> <link href="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.1/css/datepicker3.css" rel="stylesheet" type="text/css">  <link href="/css/app_landing_202303081.css" rel="stylesheet">  <link href="//fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet"> <link href="//cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" type="text/css">    <script src="https://www.google.com/recaptcha/api.js" async defer></script> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-57BSGJH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="container">  <div class="row"> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8 text-center banner-image-section"> <img src="//s3.amazonaws.com/simplecirc-cdn/banners/285351397008d1a1700d4e41c4887fa8.png" class="banner-image"/> </div> </div> <div class="row"> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8 text-center" style="padding-left:0px; padding-right:0px; margin-top:15px;"> <ul class="nav nav-pills subscriber-links"> <li class="gift-li"> <a href="/give_a_gift/philadelphia-metro"><img src="/images/gift.png" class="gift-image" />Give a Gift</a> </li> <li class="renew-li"> <a href="/subscriber_login/philadelphia-metro">Renew / Login</a> </li> </ul> </div> </div> <div class="row visible-xs" style="margin-top:0px;"> <div class="col-xs-12"> Get the #1 newspaper in Philadelphia delivered to your home! For only $1.00 per week Limited Time offer </div> <div class="col-xs-12"> </div> </div> <div class="row hidden-xs" style="margin-top:15px;"> <div class="col-md-offset-1 col-md-7 col-sm-8 col-lg-offset-2 col-lg-5" style="font-size:120%;"> Get the #1 newspaper in Philadelphia delivered to your home! For only $1.00 per week Limited Time offer </div> <div class="col-md-3 col-sm-4 col-lg-3"> </div> </div> <form id="new-subscriber-form" class="" role="form" method="POST" action="https://simplecirc.com/new_subscriber_subscription_order"> <input type="hidden" name="_token" value="NkOMRqnXgLusmm1HCvie5G51HhCZUJH9ED8Ts0ma"> <input type="hidden" name="publication_id" value="1581"> <input type="hidden" name="prospect_id" value=""> <div class="row"> <div id="order-error" class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8 alert alert-danger alert-important text-center" style="padding:10px; margin-top:30px; margin-bottom:0px; display:none;"></div> </div> <div id="prices-wrapper" class="row"> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8 checkout-sections-block"> Choose Your Subscription </div> <div id="prices_section" class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8"> <div class="row visible-xs" style="margin-bottom:20px;"> <div class="col-xs-12" style="margin-top:0px;"> </div> <div class=" col-xs-12 " style="margin-bottom:10px; margin-top:0px;"> <a class="cursor-pointer" data-toggle="modal" data-target="#promo-code"><small class="apply-promo-code-xs">Apply Promo Code</small></a> </div> </div> <div class="row hidden-xs" style="margin-bottom:20px;"> <div class="col-xs-8" style="margin-top:0px;"> </div> <div class=" col-xs-12 " style="margin-bottom:10px; margin-top:0px;"> <a class="cursor-pointer" data-toggle="modal" data-target="#promo-code"><small class="apply-promo-code">Apply Promo Code</small></a> </div> </div> <div class="radio price-radio-div"> <label class="price-radio-label"> <input type="radio" class="price-radio" name="price_id" value="63345" dollar-amount="119.00" segments="0" preorder="0" unlimited="0" bogo="0" bogo-price="FREE" gift-bogo="0" gift-bogo-price="FREE" checked > <strong> 156 issues - Periodical - $<span class="displayed-price">119.00 <span></span> </strong> </label> </div> <br /> <div class="form-group"> <div class="row"> <div class="col-md-12"> <div class="float-left" style="display:inline-block; width:125px;">Number of Copies</div> <input id="copies" type="text" class="form-control subscriber-copies float-left" name="copies" autocomplete="off" style="display:inline-block; width:50px;" value="1"> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8 checkout-sections-block"> Your Information </div> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8"> <div class="row"> <div class="col-sm-6"> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="subscriber-name">Full Name <span class="text-danger">*</span></label> <input type="text" class="form-control is-required subscriber-input" id="subscriber-name" name="name" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="subscriber-company">Company </label> <input type="text" class="form-control subscriber-input" id="subscriber-company" name="company" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="address-1">Address 1 <span class="text-danger">*</span></label> <input type="text" class="form-control is-required subscriber-input" id="address-1" name="address_1" placeholder="" value=""> </div> <div class="form-group"> <label class="control-label" style="margin-bottom:0px;" for="address-2">Address 2</label> <input type="text" class="form-control subscriber-input" id="address-2" name="address_2" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="city">City <span class="text-danger">*</span></label> <input type="text" class="form-control is-required subscriber-input" id="city" name="city" placeholder="" value=""> </div> </div> <div class="col-sm-6"> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="country">Country <span class="text-danger">*</span></label> <select class="form-control is-required subscriber-input" id="country" name="country"> <option value="United States">United States</option> </select> </div> <div id="state-wrapper" class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="state" id="state-label">State <span class="text-danger">*</span></label> <select class="form-control is-required subscriber-input" id="state" name="state"> <option></option> <option value="AL" >ALABAMA (AL)</option> <option value="AK" >ALASKA (AK)</option> <option value="AS" >AMERICAN SAMOA (AS)</option> <option value="AZ" >ARIZONA (AZ)</option> <option value="AR" >ARKANSAS (AR)</option> <option value="AA" >ARMED FORCES AMERICAS (AA)</option> <option value="AE" >ARMED FORCES EUROPE (AE)</option> <option value="AP" >ARMED FORCES PACIFIC (AP)</option> <option value="CA" >CALIFORNIA (CA)</option> <option value="CO" >COLORADO (CO)</option> <option value="CT" >CONNECTICUT (CT)</option> <option value="DE" >DELAWARE (DE)</option> <option value="DC" >DISTRICT OF COLUMBIA (DC)</option> <option value="FL" >FLORIDA (FL)</option> <option value="GA" >GEORGIA (GA)</option> <option value="GU" >GUAM (GU)</option> <option value="HI" >HAWAII (HI)</option> <option value="ID" >IDAHO (ID)</option> <option value="IL" >ILLINOIS (IL)</option> <option value="IN" >INDIANA (IN)</option> <option value="IA" >IOWA (IA)</option> <option value="KS" >KANSAS (KS)</option> <option value="KY" >KENTUCKY (KY)</option> <option value="LA" >LOUISIANA (LA)</option> <option value="ME" >MAINE (ME)</option> <option value="MH" >MARSHALL ISLANDS (MH)</option> <option value="MD" >MARYLAND (MD)</option> <option value="MA" >MASSACHUSETTS (MA)</option> <option value="MI" >MICHIGAN (MI)</option> <option value="FM" >MICRONESIA (FM)</option> <option value="MN" >MINNESOTA (MN)</option> <option value="MS" >MISSISSIPPI (MS)</option> <option value="MO" >MISSOURI (MO)</option> <option value="MT" >MONTANA (MT)</option> <option value="NE" >NEBRASKA (NE)</option> <option value="NV" >NEVADA (NV)</option> <option value="NH" >NEW HAMPSHIRE (NH)</option> <option value="NJ" >NEW JERSEY (NJ)</option> <option value="NM" >NEW MEXICO (NM)</option> <option value="NY" >NEW YORK (NY)</option> <option value="NC" >NORTH CAROLINA (NC)</option> <option value="ND" >NORTH DAKOTA (ND)</option> <option value="MP" >NORTHERN MARIANAS (MP)</option> <option value="OH" >OHIO (OH)</option> <option value="OK" >OKLAHOMA (OK)</option> <option value="OR" >OREGON (OR)</option> <option value="PW" >PALAU (PW)</option> <option value="PA" >PENNSYLVANIA (PA)</option> <option value="PR" >PUERTO RICO (PR)</option> <option value="RI" >RHODE ISLAND (RI)</option> <option value="SC" >SOUTH CAROLINA (SC)</option> <option value="SD" >SOUTH DAKOTA (SD)</option> <option value="TN" >TENNESSEE (TN)</option> <option value="TX" >TEXAS (TX)</option> <option value="UT" >UTAH (UT)</option> <option value="VT" >VERMONT (VT)</option> <option value="VI" >VIRGIN ISLANDS (VI)</option> <option value="VA" >VIRGINIA (VA)</option> <option value="WA" >WASHINGTON (WA)</option> <option value="WV" >WEST VIRGINIA (WV)</option> <option value="WI" >WISCONSIN (WI)</option> <option value="WY" >WYOMING (WY)</option> </select> </div> <div id="province-wrapper" class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="province" id="province-label">Province <span class="text-danger">*</span></label> <select class="form-control is-required subscriber-input" id="province" name="province"> <option></option> <option value="AB" >ALBERTA (AB)</option> <option value="BC" >BRITISH COLUMBIA (BC)</option> <option value="MB" >MANITOBA (MB)</option> <option value="NB" >NEW BRUNSWICK (NB)</option> <option value="NL" >NEWFOUNDLAND AND LABRADOR (NL)</option> <option value="NT" >NORTHWEST TERRITORIES (NT)</option> <option value="NS" >NOVA SCOTIA (NS)</option> <option value="NU" >NUNAVUT (NU)</option> <option value="ON" >ONTARIO (ON)</option> <option value="PE" >PRINCE EDWARD ISLAND (PE)</option> <option value="QC" >QUEBEC (QC)</option> <option value="SK" >SASKATCHEWAN (SK)</option> <option value="YT" >YUKON (YT)</option> </select> </div> <div id="other-state-wrapper" class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="state-other" id="state-other-label">State/Province <span class="text-danger">*</span></label> <input type="text" class="form-control is-required subscriber-input" id="state-other" name="state_other" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="zipcode" id="zipcode-label">Zipcode <span class="text-danger">*</span></label> <input type="text" class="form-control is-required subscriber-input" id="zipcode" name="zipcode" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="email">Email <span class="text-danger">*</span></label> <input type="email" class="form-control is-required is-email email-input" id="email" name="email" placeholder="" value=""> </div> </div> </div> </div> </div> <div id="bogo-section" class="row" style=" display:none; "> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8" style="margin-top:20px;"> <div class="checkbox"> <label class="bogo-container" style="display: block; position: relative; padding-left: 35px; margin-bottom: 12px; cursor: pointer; font-size: 125%; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;"> <span id="bogo-price">Include a FREE gift subscription</span> <input id="bogo-checkbox" class="" type="checkbox" name="bogo_checkbox" > <span class="checkmark"></span> </label> </div> </div> <div id="bogo-fields" class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8" style="margin-top:10px; "> <div class="row"> <div class="col-sm-6"> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-subscriber-name">Full Name <span class="text-danger">*</span></label> <input type="text" class="form-control bogo-input is-required subscriber-input" id="bogo-subscriber-name" name="bogo_name" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-subscriber-company">Company</label> <input type="text" class="form-control bogo-input subscriber-input" id="bogo-subscriber-company" name="bogo_company" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-address-1">Address 1 <span class="text-danger">*</span></label> <input type="text" class="form-control bogo-input is-required subscriber-input" id="bogo-address-1" name="bogo_address_1" placeholder="" value=""> </div> <div class="form-group"> <label class="control-label" style="margin-bottom:0px;" for="bogo-address-2">Address 2</label> <input type="text" class="form-control bogo-input subscriber-input" id="bogo-address-2" name="bogo_address_2" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-city">City <span class="text-danger">*</span></label> <input type="text" class="form-control bogo-input is-required subscriber-input" id="bogo-city" name="bogo_city" placeholder="" value=""> </div> </div> <div class="col-sm-6"> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-country">Country <span class="text-danger">*</span></label> <select class="form-control bogo-input is-required subscriber-input" id="bogo-country" name="bogo_country"> <option value="United States" >United States</option> <option value="Afghanistan" >Afghanistan</option> <option value="Albania" >Albania</option> <option value="Algeria" >Algeria</option> <option value="American Samoa" >American Samoa</option> <option value="Andorra" >Andorra</option> <option value="Angola" >Angola</option> <option value="Anguilla" >Anguilla</option> <option value="Antarctica" >Antarctica</option> <option value="Antigua and Barbuda" >Antigua and Barbuda</option> <option value="Argentina" >Argentina</option> <option value="Armenia" >Armenia</option> <option value="Aruba" >Aruba</option> <option value="Australia" >Australia</option> <option value="Austria" >Austria</option> <option value="Azerbaijan" >Azerbaijan</option> <option value="Bahamas" >Bahamas</option> <option value="Bahrain" >Bahrain</option> <option value="Bangladesh" >Bangladesh</option> <option value="Barbados" >Barbados</option> <option value="Belarus" >Belarus</option> <option value="Belgium" >Belgium</option> <option value="Belize" >Belize</option> <option value="Benin" >Benin</option> <option value="Bermuda" >Bermuda</option> <option value="Bhutan" >Bhutan</option> <option value="Bolivia" >Bolivia</option> <option value="Bosnia and Herzegovina" >Bosnia and Herzegovina</option> <option value="Botswana" >Botswana</option> <option value="Bouvet Island" >Bouvet Island</option> <option value="Brazil" >Brazil</option> <option value="British Indian Ocean Territory" >British Indian Ocean Territory</option> <option value="Brunei Darussalam" >Brunei Darussalam</option> <option value="Bulgaria" >Bulgaria</option> <option value="Burkina Faso" >Burkina Faso</option> <option value="Burundi" >Burundi</option> <option value="Cambodia" >Cambodia</option> <option value="Cameroon" >Cameroon</option> <option value="Canada" >Canada</option> <option value="Cape Verde" >Cape Verde</option> <option value="Caribbean Netherlands " >Caribbean Netherlands </option> <option value="Cayman Islands" >Cayman Islands</option> <option value="Central African Republic" >Central African Republic</option> <option value="Chad" >Chad</option> <option value="Chile" >Chile</option> <option value="China" >China</option> <option value="Christmas Island" >Christmas Island</option> <option value="Cocos (Keeling) Islands" >Cocos (Keeling) Islands</option> <option value="Colombia" >Colombia</option> <option value="Comoros" >Comoros</option> <option value="Congo" >Congo</option> <option value="Congo, Democratic Republic of" >Congo, Democratic Republic of</option> <option value="Cook Islands" >Cook Islands</option> <option value="Costa Rica" >Costa Rica</option> <option value="Croatia" >Croatia</option> <option value="Cuba" >Cuba</option> <option value="Cura莽ao" >Cura莽ao</option> <option value="Cyprus" >Cyprus</option> <option value="Czech Republic" >Czech Republic</option> <option value="C么te d'Ivoire" >C么te d'Ivoire</option> <option value="Denmark" >Denmark</option> <option value="Djibouti" >Djibouti</option> <option value="Dominica" >Dominica</option> <option value="Dominican Republic" >Dominican Republic</option> <option value="Ecuador" >Ecuador</option> <option value="Egypt" >Egypt</option> <option value="El Salvador" >El Salvador</option> <option value="Equatorial Guinea" >Equatorial Guinea</option> <option value="Eritrea" >Eritrea</option> <option value="Estonia" >Estonia</option> <option value="Ethiopia" >Ethiopia</option> <option value="Falkland Islands" >Falkland Islands</option> <option value="Faroe Islands" >Faroe Islands</option> <option value="Fiji" >Fiji</option> <option value="Finland" >Finland</option> <option value="France" >France</option> <option value="French Guiana" >French Guiana</option> <option value="French Polynesia" >French Polynesia</option> <option value="French Southern Territories" >French Southern Territories</option> <option value="Gabon" >Gabon</option> <option value="Gambia" >Gambia</option> <option value="Georgia" >Georgia</option> <option value="Germany" >Germany</option> <option value="Ghana" >Ghana</option> <option value="Gibraltar" >Gibraltar</option> <option value="Greece" >Greece</option> <option value="Greenland" >Greenland</option> <option value="Grenada" >Grenada</option> <option value="Guadeloupe" >Guadeloupe</option> <option value="Guam" >Guam</option> <option value="Guatemala" >Guatemala</option> <option value="Guernsey" >Guernsey</option> <option value="Guinea" >Guinea</option> <option value="Guinea-Bissau" >Guinea-Bissau</option> <option value="Guyana" >Guyana</option> <option value="Haiti" >Haiti</option> <option value="Heard and McDonald Islands" >Heard and McDonald Islands</option> <option value="Honduras" >Honduras</option> <option value="Hong Kong" >Hong Kong</option> <option value="Hungary" >Hungary</option> <option value="Iceland" >Iceland</option> <option value="India" >India</option> <option value="Indonesia" >Indonesia</option> <option value="Iran" >Iran</option> <option value="Iraq" >Iraq</option> <option value="Ireland" >Ireland</option> <option value="Isle of Man" >Isle of Man</option> <option value="Israel" >Israel</option> <option value="Italy" >Italy</option> <option value="Jamaica" >Jamaica</option> <option value="Japan" >Japan</option> <option value="Jersey" >Jersey</option> <option value="Jordan" >Jordan</option> <option value="Kazakhstan" >Kazakhstan</option> <option value="Kenya" >Kenya</option> <option value="Kiribati" >Kiribati</option> <option value="Kuwait" >Kuwait</option> <option value="Kyrgyzstan" >Kyrgyzstan</option> <option value="Lao People's Democratic Republic" >Lao People's Democratic Republic</option> <option value="Latvia" >Latvia</option> <option value="Lebanon" >Lebanon</option> <option value="Lesotho" >Lesotho</option> <option value="Liberia" >Liberia</option> <option value="Libya" >Libya</option> <option value="Liechtenstein" >Liechtenstein</option> <option value="Lithuania" >Lithuania</option> <option value="Luxembourg" >Luxembourg</option> <option value="Macau" >Macau</option> <option value="Macedonia" >Macedonia</option> <option value="Madagascar" >Madagascar</option> <option value="Malawi" >Malawi</option> <option value="Malaysia" >Malaysia</option> <option value="Maldives" >Maldives</option> <option value="Mali" >Mali</option> <option value="Malta" >Malta</option> <option value="Marshall Islands" >Marshall Islands</option> <option value="Martinique" >Martinique</option> <option value="Mauritania" >Mauritania</option> <option value="Mauritius" >Mauritius</option> <option value="Mayotte" >Mayotte</option> <option value="Mexico" >Mexico</option> <option value="Micronesia, Federated States of" >Micronesia, Federated States of</option> <option value="Moldova" >Moldova</option> <option value="Monaco" >Monaco</option> <option value="Mongolia" >Mongolia</option> <option value="Montenegro" >Montenegro</option> <option value="Montserrat" >Montserrat</option> <option value="Morocco" >Morocco</option> <option value="Mozambique" >Mozambique</option> <option value="Myanmar" >Myanmar</option> <option value="Namibia" >Namibia</option> <option value="Nauru" >Nauru</option> <option value="Nepal" >Nepal</option> <option value="Netherlands" >Netherlands</option> <option value="New Caledonia" >New Caledonia</option> <option value="New Zealand" >New Zealand</option> <option value="Nicaragua" >Nicaragua</option> <option value="Niger" >Niger</option> <option value="Nigeria" >Nigeria</option> <option value="Niue" >Niue</option> <option value="Norfolk Island" >Norfolk Island</option> <option value="North Korea" >North Korea</option> <option value="Northern Mariana Islands" >Northern Mariana Islands</option> <option value="Norway" >Norway</option> <option value="Oman" >Oman</option> <option value="Pakistan" >Pakistan</option> <option value="Palau" >Palau</option> <option value="Palestine, State of" >Palestine, State of</option> <option value="Panama" >Panama</option> <option value="Papua New Guinea" >Papua New Guinea</option> <option value="Paraguay" >Paraguay</option> <option value="Peru" >Peru</option> <option value="Philippines" >Philippines</option> <option value="Pitcairn" >Pitcairn</option> <option value="Poland" >Poland</option> <option value="Portugal" >Portugal</option> <option value="Puerto Rico" >Puerto Rico</option> <option value="Qatar" >Qatar</option> <option value="Romania" >Romania</option> <option value="Russian Federation" >Russian Federation</option> <option value="Rwanda" >Rwanda</option> <option value="R茅union" >R茅union</option> <option value="Saint Barth茅lemy" >Saint Barth茅lemy</option> <option value="Saint Helena" >Saint Helena</option> <option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option> <option value="Saint Lucia" >Saint Lucia</option> <option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option> <option value="Saint-Martin (France)" >Saint-Martin (France)</option> <option value="Samoa" >Samoa</option> <option value="San Marino" >San Marino</option> <option value="Sao Tome and Principe" >Sao Tome and Principe</option> <option value="Saudi Arabia" >Saudi Arabia</option> <option value="Senegal" >Senegal</option> <option value="Serbia" >Serbia</option> <option value="Seychelles" >Seychelles</option> <option value="Sierra Leone" >Sierra Leone</option> <option value="Singapore" >Singapore</option> <option value="Sint Maarten (Dutch part)" >Sint Maarten (Dutch part)</option> <option value="Slovakia" >Slovakia</option> <option value="Slovenia" >Slovenia</option> <option value="Solomon Islands" >Solomon Islands</option> <option value="Somalia" >Somalia</option> <option value="South Africa" >South Africa</option> <option value="South Georgia and the South Sandwich Islands" >South Georgia and the South Sandwich Islands</option> <option value="South Korea" >South Korea</option> <option value="South Sudan" >South Sudan</option> <option value="Spain" >Spain</option> <option value="Sri Lanka" >Sri Lanka</option> <option value="St. Pierre and Miquelon" >St. Pierre and Miquelon</option> <option value="Sudan" >Sudan</option> <option value="Suriname" >Suriname</option> <option value="Svalbard and Jan Mayen Islands" >Svalbard and Jan Mayen Islands</option> <option value="Swaziland" >Swaziland</option> <option value="Sweden" >Sweden</option> <option value="Switzerland" >Switzerland</option> <option value="Syria" >Syria</option> <option value="Taiwan" >Taiwan</option> <option value="Tajikistan" >Tajikistan</option> <option value="Tanzania" >Tanzania</option> <option value="Thailand" >Thailand</option> <option value="Timor-Leste" >Timor-Leste</option> <option value="Togo" >Togo</option> <option value="Tokelau" >Tokelau</option> <option value="Tonga" >Tonga</option> <option value="Trinidad and Tobago" >Trinidad and Tobago</option> <option value="Tunisia" >Tunisia</option> <option value="Turkey" >Turkey</option> <option value="Turkmenistan" >Turkmenistan</option> <option value="Turks and Caicos Islands" >Turks and Caicos Islands</option> <option value="Tuvalu" >Tuvalu</option> <option value="Uganda" >Uganda</option> <option value="Ukraine" >Ukraine</option> <option value="United Arab Emirates" >United Arab Emirates</option> <option value="United Kingdom" >United Kingdom</option> <option value="United States Minor Outlying Islands" >United States Minor Outlying Islands</option> <option value="Uruguay" >Uruguay</option> <option value="Uzbekistan" >Uzbekistan</option> <option value="Vanuatu" >Vanuatu</option> <option value="Vatican" >Vatican</option> <option value="Venezuela" >Venezuela</option> <option value="Vietnam" >Vietnam</option> <option value="Virgin Islands (British)" >Virgin Islands (British)</option> <option value="Virgin Islands (U.S.)" >Virgin Islands (U.S.)</option> <option value="Wallis and Futuna Islands" >Wallis and Futuna Islands</option> <option value="Western Sahara" >Western Sahara</option> <option value="Yemen" >Yemen</option> <option value="Zambia" >Zambia</option> <option value="Zimbabwe" >Zimbabwe</option> <option value="脜land Islands" >脜land Islands</option> </select> </div> <div id="bogo-state-wrapper" class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-state" id="bogo-state-label">State <span class="text-danger">*</span></label> <select class="form-control bogo-input is-required subscriber-input" id="bogo-state" name="bogo_state"> <option></option> <option value="AL" >ALABAMA (AL)</option> <option value="AK" >ALASKA (AK)</option> <option value="AS" >AMERICAN SAMOA (AS)</option> <option value="AZ" >ARIZONA (AZ)</option> <option value="AR" >ARKANSAS (AR)</option> <option value="AA" >ARMED FORCES AMERICAS (AA)</option> <option value="AE" >ARMED FORCES EUROPE (AE)</option> <option value="AP" >ARMED FORCES PACIFIC (AP)</option> <option value="CA" >CALIFORNIA (CA)</option> <option value="CO" >COLORADO (CO)</option> <option value="CT" >CONNECTICUT (CT)</option> <option value="DE" >DELAWARE (DE)</option> <option value="DC" >DISTRICT OF COLUMBIA (DC)</option> <option value="FL" >FLORIDA (FL)</option> <option value="GA" >GEORGIA (GA)</option> <option value="GU" >GUAM (GU)</option> <option value="HI" >HAWAII (HI)</option> <option value="ID" >IDAHO (ID)</option> <option value="IL" >ILLINOIS (IL)</option> <option value="IN" >INDIANA (IN)</option> <option value="IA" >IOWA (IA)</option> <option value="KS" >KANSAS (KS)</option> <option value="KY" >KENTUCKY (KY)</option> <option value="LA" >LOUISIANA (LA)</option> <option value="ME" >MAINE (ME)</option> <option value="MH" >MARSHALL ISLANDS (MH)</option> <option value="MD" >MARYLAND (MD)</option> <option value="MA" >MASSACHUSETTS (MA)</option> <option value="MI" >MICHIGAN (MI)</option> <option value="FM" >MICRONESIA (FM)</option> <option value="MN" >MINNESOTA (MN)</option> <option value="MS" >MISSISSIPPI (MS)</option> <option value="MO" >MISSOURI (MO)</option> <option value="MT" >MONTANA (MT)</option> <option value="NE" >NEBRASKA (NE)</option> <option value="NV" >NEVADA (NV)</option> <option value="NH" >NEW HAMPSHIRE (NH)</option> <option value="NJ" >NEW JERSEY (NJ)</option> <option value="NM" >NEW MEXICO (NM)</option> <option value="NY" >NEW YORK (NY)</option> <option value="NC" >NORTH CAROLINA (NC)</option> <option value="ND" >NORTH DAKOTA (ND)</option> <option value="MP" >NORTHERN MARIANAS (MP)</option> <option value="OH" >OHIO (OH)</option> <option value="OK" >OKLAHOMA (OK)</option> <option value="OR" >OREGON (OR)</option> <option value="PW" >PALAU (PW)</option> <option value="PA" >PENNSYLVANIA (PA)</option> <option value="PR" >PUERTO RICO (PR)</option> <option value="RI" >RHODE ISLAND (RI)</option> <option value="SC" >SOUTH CAROLINA (SC)</option> <option value="SD" >SOUTH DAKOTA (SD)</option> <option value="TN" >TENNESSEE (TN)</option> <option value="TX" >TEXAS (TX)</option> <option value="UT" >UTAH (UT)</option> <option value="VT" >VERMONT (VT)</option> <option value="VI" >VIRGIN ISLANDS (VI)</option> <option value="VA" >VIRGINIA (VA)</option> <option value="WA" >WASHINGTON (WA)</option> <option value="WV" >WEST VIRGINIA (WV)</option> <option value="WI" >WISCONSIN (WI)</option> <option value="WY" >WYOMING (WY)</option> </select> </div> <div id="bogo-province-wrapper" class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-province" id="bogo-province-label">Province <span class="text-danger">*</span></label> <select class="form-control bogo-input is-required subscriber-input" id="bogo-province" name="bogo_province"> <option></option> <option value="AB" >ALBERTA (AB)</option> <option value="BC" >BRITISH COLUMBIA (BC)</option> <option value="MB" >MANITOBA (MB)</option> <option value="NB" >NEW BRUNSWICK (NB)</option> <option value="NL" >NEWFOUNDLAND AND LABRADOR (NL)</option> <option value="NT" >NORTHWEST TERRITORIES (NT)</option> <option value="NS" >NOVA SCOTIA (NS)</option> <option value="NU" >NUNAVUT (NU)</option> <option value="ON" >ONTARIO (ON)</option> <option value="PE" >PRINCE EDWARD ISLAND (PE)</option> <option value="QC" >QUEBEC (QC)</option> <option value="SK" >SASKATCHEWAN (SK)</option> <option value="YT" >YUKON (YT)</option> </select> </div> <div id="bogo-other-state-wrapper" class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-state-other" id="bogo-state-other-label">State/Province <span class="text-danger">*</span></label> <input type="text" class="form-control bogo-input is-required subscriber-input" id="bogo-state-other" name="bogo_state_other" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-zipcode" id="bogo_zipcode-label">Zipcode <span class="text-danger">*</span></label> <input type="text" class="form-control bogo-input is-required subscriber-input" id="bogo-zipcode" name="bogo_zipcode" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" style="margin-bottom:0px;" for="bogo-email">Email</label> <input type="email" class="form-control bogo-input email-input" id="bogo-email" name="bogo_email" placeholder="" value=""> </div> </div> </div> </div> <div id="additional-bogo-recipients"> </div> </div> <div class="row" id="payment-area-wrapper" style=""> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8 checkout-sections-block" > Payment Information </div> <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8">  <ul id="top-tabs" class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#credit-debit" role="tab" data-toggle="tab"><i class="fa fa-fw fa-credit-card"></i> Credit / Debit Card</a></li> <li role="presentation"><a id="paypal-button-link" href="#paypal-button" role="tab" data-toggle="tab"><img src="/images/paypal-logo-sm.png" style="margin-top:-5px;"></a></li> </ul>  <div class="tab-content"> <div role="tabpanel" class="tab-pane active in fade" id="credit-debit" style="margin-top:40px;"> <div> <input type="hidden" name="payment_type_id" value="1"> <div id="CC-section" class="pay-by-section"> <div class="row" > <div class="col-sm-6"> <div class="form-group"> <label class="control-label" style="margin-bottom:0px;" for="bill-to-name">Name on Card</label> <input type="text" class="form-control subscriber-input" id="bill-to-name" name="bill_to_name_cc" placeholder="" value=""> </div> <div class="form-group " style="position:relative;"> <label class="control-label" style="margin-bottom:0px;" for="card-number">Card Number</label> <input type="text" class="form-control" style="padding-left:30px;" id="card-number" name="card_number" placeholder="" value=""> <i class="fa fa-credit-card fa-fw" style="position:absolute; left:5px; top:29px; color:#ccc; font-size:1.15em;"></i> </div> <div class="form-group "> <div class="row"> <div class="col-sm-4"> <label class="control-label" for="month">Month</label> <select class="form-control" id="month" name="month"> <option></option> <option value="01" >01</option> <option value="02" >02</option> <option value="03" >03</option> <option value="04" >04</option> <option value="05" >05</option> <option value="06" >06</option> <option value="07" >07</option> <option value="08" >08</option> <option value="09" >09</option> <option value="10" >10</option> <option value="11" >11</option> <option value="12" >12</option> </select> </div> <div class="col-sm-4"> <label class="control-label" for="month">Year</label> <select class="form-control" id="year" name="year"> <option></option> <option value="2025" >2025</option> <option value="2026" >2026</option> <option value="2027" >2027</option> <option value="2028" >2028</option> <option value="2029" >2029</option> <option value="2030" >2030</option> <option value="2031" >2031</option> <option value="2032" >2032</option> <option value="2033" >2033</option> <option value="2034" >2034</option> <option value="2035" >2035</option> </select> </div> <div class="col-sm-4 "> <label class="control-label" for="cvv">CVV</label> <input type="text" class="form-control" id="cvv" name="cvv" placeholder="" value=""> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="form-group" style="margin-bottom:0px;"> <div class="row"> <div class="col-md-12"> <div class="checkbox"> <label> <input id="billing-address-checkbox-x" class="billing-address-checkbox" type="checkbox" name="billing_address" checked > Billing address is the same as subscription </label> </div> </div> </div> </div> <div id="billing-address-form-x" style="display:none; margin-bottom:15px; margin-top:15px;"> <div class="row"> <div class="col-sm-6"> <div class="form-group "> <label class="control-label subscriber-input" for="bill-to-company">Billing Company</label> <input type="text" class="form-control" id="bill-to-company" name="bill_to_company" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label subscriber-input" for="billing-address-1">Billing Address 1 <span class="text-danger">*</span></label> <input type="text" class="form-control" id="billing-address-1" name="billing_address_1" placeholder="" value=""> </div> <div class="form-group"> <label class="control-label subscriber-input" for="billing-address-2">Billing Address 2</label> <input type="text" class="form-control" id="billing-address-2" name="billing_address_2" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label subscriber-input" for="billing-city">Billing City <span class="text-danger">*</span></label> <input type="text" class="form-control" id="billing-city" name="billing_city" placeholder="" value=""> </div> </div> <div class="col-sm-6"> <div class="form-group "> <label class="control-label" for="billing-country">Billing Country <span class="text-danger">*</span></label> <select class="form-control subscriber-input" id="billing-country" name="billing_country"> <option value="United States" >United States</option> <option value="Afghanistan" >Afghanistan</option> <option value="Albania" >Albania</option> <option value="Algeria" >Algeria</option> <option value="American Samoa" >American Samoa</option> <option value="Andorra" >Andorra</option> <option value="Angola" >Angola</option> <option value="Anguilla" >Anguilla</option> <option value="Antarctica" >Antarctica</option> <option value="Antigua and Barbuda" >Antigua and Barbuda</option> <option value="Argentina" >Argentina</option> <option value="Armenia" >Armenia</option> <option value="Aruba" >Aruba</option> <option value="Australia" >Australia</option> <option value="Austria" >Austria</option> <option value="Azerbaijan" >Azerbaijan</option> <option value="Bahamas" >Bahamas</option> <option value="Bahrain" >Bahrain</option> <option value="Bangladesh" >Bangladesh</option> <option value="Barbados" >Barbados</option> <option value="Belarus" >Belarus</option> <option value="Belgium" >Belgium</option> <option value="Belize" >Belize</option> <option value="Benin" >Benin</option> <option value="Bermuda" >Bermuda</option> <option value="Bhutan" >Bhutan</option> <option value="Bolivia" >Bolivia</option> <option value="Bosnia and Herzegovina" >Bosnia and Herzegovina</option> <option value="Botswana" >Botswana</option> <option value="Bouvet Island" >Bouvet Island</option> <option value="Brazil" >Brazil</option> <option value="British Indian Ocean Territory" >British Indian Ocean Territory</option> <option value="Brunei Darussalam" >Brunei Darussalam</option> <option value="Bulgaria" >Bulgaria</option> <option value="Burkina Faso" >Burkina Faso</option> <option value="Burundi" >Burundi</option> <option value="Cambodia" >Cambodia</option> <option value="Cameroon" >Cameroon</option> <option value="Canada" >Canada</option> <option value="Cape Verde" >Cape Verde</option> <option value="Caribbean Netherlands " >Caribbean Netherlands </option> <option value="Cayman Islands" >Cayman Islands</option> <option value="Central African Republic" >Central African Republic</option> <option value="Chad" >Chad</option> <option value="Chile" >Chile</option> <option value="China" >China</option> <option value="Christmas Island" >Christmas Island</option> <option value="Cocos (Keeling) Islands" >Cocos (Keeling) Islands</option> <option value="Colombia" >Colombia</option> <option value="Comoros" >Comoros</option> <option value="Congo" >Congo</option> <option value="Congo, Democratic Republic of" >Congo, Democratic Republic of</option> <option value="Cook Islands" >Cook Islands</option> <option value="Costa Rica" >Costa Rica</option> <option value="Croatia" >Croatia</option> <option value="Cuba" >Cuba</option> <option value="Cura莽ao" >Cura莽ao</option> <option value="Cyprus" >Cyprus</option> <option value="Czech Republic" >Czech Republic</option> <option value="C么te d'Ivoire" >C么te d'Ivoire</option> <option value="Denmark" >Denmark</option> <option value="Djibouti" >Djibouti</option> <option value="Dominica" >Dominica</option> <option value="Dominican Republic" >Dominican Republic</option> <option value="Ecuador" >Ecuador</option> <option value="Egypt" >Egypt</option> <option value="El Salvador" >El Salvador</option> <option value="Equatorial Guinea" >Equatorial Guinea</option> <option value="Eritrea" >Eritrea</option> <option value="Estonia" >Estonia</option> <option value="Ethiopia" >Ethiopia</option> <option value="Falkland Islands" >Falkland Islands</option> <option value="Faroe Islands" >Faroe Islands</option> <option value="Fiji" >Fiji</option> <option value="Finland" >Finland</option> <option value="France" >France</option> <option value="French Guiana" >French Guiana</option> <option value="French Polynesia" >French Polynesia</option> <option value="French Southern Territories" >French Southern Territories</option> <option value="Gabon" >Gabon</option> <option value="Gambia" >Gambia</option> <option value="Georgia" >Georgia</option> <option value="Germany" >Germany</option> <option value="Ghana" >Ghana</option> <option value="Gibraltar" >Gibraltar</option> <option value="Greece" >Greece</option> <option value="Greenland" >Greenland</option> <option value="Grenada" >Grenada</option> <option value="Guadeloupe" >Guadeloupe</option> <option value="Guam" >Guam</option> <option value="Guatemala" >Guatemala</option> <option value="Guernsey" >Guernsey</option> <option value="Guinea" >Guinea</option> <option value="Guinea-Bissau" >Guinea-Bissau</option> <option value="Guyana" >Guyana</option> <option value="Haiti" >Haiti</option> <option value="Heard and McDonald Islands" >Heard and McDonald Islands</option> <option value="Honduras" >Honduras</option> <option value="Hong Kong" >Hong Kong</option> <option value="Hungary" >Hungary</option> <option value="Iceland" >Iceland</option> <option value="India" >India</option> <option value="Indonesia" >Indonesia</option> <option value="Iran" >Iran</option> <option value="Iraq" >Iraq</option> <option value="Ireland" >Ireland</option> <option value="Isle of Man" >Isle of Man</option> <option value="Israel" >Israel</option> <option value="Italy" >Italy</option> <option value="Jamaica" >Jamaica</option> <option value="Japan" >Japan</option> <option value="Jersey" >Jersey</option> <option value="Jordan" >Jordan</option> <option value="Kazakhstan" >Kazakhstan</option> <option value="Kenya" >Kenya</option> <option value="Kiribati" >Kiribati</option> <option value="Kuwait" >Kuwait</option> <option value="Kyrgyzstan" >Kyrgyzstan</option> <option value="Lao People's Democratic Republic" >Lao People's Democratic Republic</option> <option value="Latvia" >Latvia</option> <option value="Lebanon" >Lebanon</option> <option value="Lesotho" >Lesotho</option> <option value="Liberia" >Liberia</option> <option value="Libya" >Libya</option> <option value="Liechtenstein" >Liechtenstein</option> <option value="Lithuania" >Lithuania</option> <option value="Luxembourg" >Luxembourg</option> <option value="Macau" >Macau</option> <option value="Macedonia" >Macedonia</option> <option value="Madagascar" >Madagascar</option> <option value="Malawi" >Malawi</option> <option value="Malaysia" >Malaysia</option> <option value="Maldives" >Maldives</option> <option value="Mali" >Mali</option> <option value="Malta" >Malta</option> <option value="Marshall Islands" >Marshall Islands</option> <option value="Martinique" >Martinique</option> <option value="Mauritania" >Mauritania</option> <option value="Mauritius" >Mauritius</option> <option value="Mayotte" >Mayotte</option> <option value="Mexico" >Mexico</option> <option value="Micronesia, Federated States of" >Micronesia, Federated States of</option> <option value="Moldova" >Moldova</option> <option value="Monaco" >Monaco</option> <option value="Mongolia" >Mongolia</option> <option value="Montenegro" >Montenegro</option> <option value="Montserrat" >Montserrat</option> <option value="Morocco" >Morocco</option> <option value="Mozambique" >Mozambique</option> <option value="Myanmar" >Myanmar</option> <option value="Namibia" >Namibia</option> <option value="Nauru" >Nauru</option> <option value="Nepal" >Nepal</option> <option value="Netherlands" >Netherlands</option> <option value="New Caledonia" >New Caledonia</option> <option value="New Zealand" >New Zealand</option> <option value="Nicaragua" >Nicaragua</option> <option value="Niger" >Niger</option> <option value="Nigeria" >Nigeria</option> <option value="Niue" >Niue</option> <option value="Norfolk Island" >Norfolk Island</option> <option value="North Korea" >North Korea</option> <option value="Northern Mariana Islands" >Northern Mariana Islands</option> <option value="Norway" >Norway</option> <option value="Oman" >Oman</option> <option value="Pakistan" >Pakistan</option> <option value="Palau" >Palau</option> <option value="Palestine, State of" >Palestine, State of</option> <option value="Panama" >Panama</option> <option value="Papua New Guinea" >Papua New Guinea</option> <option value="Paraguay" >Paraguay</option> <option value="Peru" >Peru</option> <option value="Philippines" >Philippines</option> <option value="Pitcairn" >Pitcairn</option> <option value="Poland" >Poland</option> <option value="Portugal" >Portugal</option> <option value="Puerto Rico" >Puerto Rico</option> <option value="Qatar" >Qatar</option> <option value="Romania" >Romania</option> <option value="Russian Federation" >Russian Federation</option> <option value="Rwanda" >Rwanda</option> <option value="R茅union" >R茅union</option> <option value="Saint Barth茅lemy" >Saint Barth茅lemy</option> <option value="Saint Helena" >Saint Helena</option> <option value="Saint Kitts and Nevis" >Saint Kitts and Nevis</option> <option value="Saint Lucia" >Saint Lucia</option> <option value="Saint Vincent and the Grenadines" >Saint Vincent and the Grenadines</option> <option value="Saint-Martin (France)" >Saint-Martin (France)</option> <option value="Samoa" >Samoa</option> <option value="San Marino" >San Marino</option> <option value="Sao Tome and Principe" >Sao Tome and Principe</option> <option value="Saudi Arabia" >Saudi Arabia</option> <option value="Senegal" >Senegal</option> <option value="Serbia" >Serbia</option> <option value="Seychelles" >Seychelles</option> <option value="Sierra Leone" >Sierra Leone</option> <option value="Singapore" >Singapore</option> <option value="Sint Maarten (Dutch part)" >Sint Maarten (Dutch part)</option> <option value="Slovakia" >Slovakia</option> <option value="Slovenia" >Slovenia</option> <option value="Solomon Islands" >Solomon Islands</option> <option value="Somalia" >Somalia</option> <option value="South Africa" >South Africa</option> <option value="South Georgia and the South Sandwich Islands" >South Georgia and the South Sandwich Islands</option> <option value="South Korea" >South Korea</option> <option value="South Sudan" >South Sudan</option> <option value="Spain" >Spain</option> <option value="Sri Lanka" >Sri Lanka</option> <option value="St. Pierre and Miquelon" >St. Pierre and Miquelon</option> <option value="Sudan" >Sudan</option> <option value="Suriname" >Suriname</option> <option value="Svalbard and Jan Mayen Islands" >Svalbard and Jan Mayen Islands</option> <option value="Swaziland" >Swaziland</option> <option value="Sweden" >Sweden</option> <option value="Switzerland" >Switzerland</option> <option value="Syria" >Syria</option> <option value="Taiwan" >Taiwan</option> <option value="Tajikistan" >Tajikistan</option> <option value="Tanzania" >Tanzania</option> <option value="Thailand" >Thailand</option> <option value="Timor-Leste" >Timor-Leste</option> <option value="Togo" >Togo</option> <option value="Tokelau" >Tokelau</option> <option value="Tonga" >Tonga</option> <option value="Trinidad and Tobago" >Trinidad and Tobago</option> <option value="Tunisia" >Tunisia</option> <option value="Turkey" >Turkey</option> <option value="Turkmenistan" >Turkmenistan</option> <option value="Turks and Caicos Islands" >Turks and Caicos Islands</option> <option value="Tuvalu" >Tuvalu</option> <option value="Uganda" >Uganda</option> <option value="Ukraine" >Ukraine</option> <option value="United Arab Emirates" >United Arab Emirates</option> <option value="United Kingdom" >United Kingdom</option> <option value="United States Minor Outlying Islands" >United States Minor Outlying Islands</option> <option value="Uruguay" >Uruguay</option> <option value="Uzbekistan" >Uzbekistan</option> <option value="Vanuatu" >Vanuatu</option> <option value="Vatican" >Vatican</option> <option value="Venezuela" >Venezuela</option> <option value="Vietnam" >Vietnam</option> <option value="Virgin Islands (British)" >Virgin Islands (British)</option> <option value="Virgin Islands (U.S.)" >Virgin Islands (U.S.)</option> <option value="Wallis and Futuna Islands" >Wallis and Futuna Islands</option> <option value="Western Sahara" >Western Sahara</option> <option value="Yemen" >Yemen</option> <option value="Zambia" >Zambia</option> <option value="Zimbabwe" >Zimbabwe</option> <option value="脜land Islands" >脜land Islands</option> </select> </div> <div id="billing-state-wrapper" class="form-group "> <label class="control-label" for="billing-state">Billing State <span class="text-danger">*</span></label> <select class="form-control subscriber-input" id="billing-state" name="billing_state"> <option></option> <option value="AL" >ALABAMA (AL)</option> <option value="AK" >ALASKA (AK)</option> <option value="AS" >AMERICAN SAMOA (AS)</option> <option value="AZ" >ARIZONA (AZ)</option> <option value="AR" >ARKANSAS (AR)</option> <option value="AA" >ARMED FORCES AMERICAS (AA)</option> <option value="AE" >ARMED FORCES EUROPE (AE)</option> <option value="AP" >ARMED FORCES PACIFIC (AP)</option> <option value="CA" >CALIFORNIA (CA)</option> <option value="CO" >COLORADO (CO)</option> <option value="CT" >CONNECTICUT (CT)</option> <option value="DE" >DELAWARE (DE)</option> <option value="DC" >DISTRICT OF COLUMBIA (DC)</option> <option value="FL" >FLORIDA (FL)</option> <option value="GA" >GEORGIA (GA)</option> <option value="GU" >GUAM (GU)</option> <option value="HI" >HAWAII (HI)</option> <option value="ID" >IDAHO (ID)</option> <option value="IL" >ILLINOIS (IL)</option> <option value="IN" >INDIANA (IN)</option> <option value="IA" >IOWA (IA)</option> <option value="KS" >KANSAS (KS)</option> <option value="KY" >KENTUCKY (KY)</option> <option value="LA" >LOUISIANA (LA)</option> <option value="ME" >MAINE (ME)</option> <option value="MH" >MARSHALL ISLANDS (MH)</option> <option value="MD" >MARYLAND (MD)</option> <option value="MA" >MASSACHUSETTS (MA)</option> <option value="MI" >MICHIGAN (MI)</option> <option value="FM" >MICRONESIA (FM)</option> <option value="MN" >MINNESOTA (MN)</option> <option value="MS" >MISSISSIPPI (MS)</option> <option value="MO" >MISSOURI (MO)</option> <option value="MT" >MONTANA (MT)</option> <option value="NE" >NEBRASKA (NE)</option> <option value="NV" >NEVADA (NV)</option> <option value="NH" >NEW HAMPSHIRE (NH)</option> <option value="NJ" >NEW JERSEY (NJ)</option> <option value="NM" >NEW MEXICO (NM)</option> <option value="NY" >NEW YORK (NY)</option> <option value="NC" >NORTH CAROLINA (NC)</option> <option value="ND" >NORTH DAKOTA (ND)</option> <option value="MP" >NORTHERN MARIANAS (MP)</option> <option value="OH" >OHIO (OH)</option> <option value="OK" >OKLAHOMA (OK)</option> <option value="OR" >OREGON (OR)</option> <option value="PW" >PALAU (PW)</option> <option value="PA" >PENNSYLVANIA (PA)</option> <option value="PR" >PUERTO RICO (PR)</option> <option value="RI" >RHODE ISLAND (RI)</option> <option value="SC" >SOUTH CAROLINA (SC)</option> <option value="SD" >SOUTH DAKOTA (SD)</option> <option value="TN" >TENNESSEE (TN)</option> <option value="TX" >TEXAS (TX)</option> <option value="UT" >UTAH (UT)</option> <option value="VT" >VERMONT (VT)</option> <option value="VI" >VIRGIN ISLANDS (VI)</option> <option value="VA" >VIRGINIA (VA)</option> <option value="WA" >WASHINGTON (WA)</option> <option value="WV" >WEST VIRGINIA (WV)</option> <option value="WI" >WISCONSIN (WI)</option> <option value="WY" >WYOMING (WY)</option> </select> </div> <div id="billing-province-wrapper" class="form-group "> <label class="control-label" for="billing-province">Billing Province <span class="text-danger">*</span></label> <select class="form-control subscriber-input" id="billing-province" name="billing_province"> <option></option> <option value="AB" >ALBERTA (AB)</option> <option value="BC" >BRITISH COLUMBIA (BC)</option> <option value="MB" >MANITOBA (MB)</option> <option value="NB" >NEW BRUNSWICK (NB)</option> <option value="NL" >NEWFOUNDLAND AND LABRADOR (NL)</option> <option value="NT" >NORTHWEST TERRITORIES (NT)</option> <option value="NS" >NOVA SCOTIA (NS)</option> <option value="NU" >NUNAVUT (NU)</option> <option value="ON" >ONTARIO (ON)</option> <option value="PE" >PRINCE EDWARD ISLAND (PE)</option> <option value="QC" >QUEBEC (QC)</option> <option value="SK" >SASKATCHEWAN (SK)</option> <option value="YT" >YUKON (YT)</option> </select> </div> <div id="billing-other-state-wrapper" class="form-group "> <label class="control-label" for="billing-state-other">Billing State / Province <span class="text-danger">*</span></label> <input type="text" class="form-control subscriber-input" id="billing-state-other" name="billing_state_other" placeholder="" value=""> </div> <div class="form-group "> <label class="control-label" for="billing-zipcode" id="billing-zipcode-label">Billing Zipcode <span class="text-danger">*</span></label> <input type="text" class="form-control subscriber-input" id="billing-zipcode" name="billing_zipcode" placeholder="" value=""> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div role="tabpanel" class="tab-pane fade col-md-offset-3 col-md-6" id="paypal-button" style="margin-top:40px;"> <script src="https://www.paypal.com/sdk/js?client-id=ATCOipsK-WGDoWXkeVJjXVIAr-I7E-jyfcTcLqGRN4GfL5vmIkhQTwnZJE7sncHy46m422JRRI9m_hDA&components=buttons,funding-eligibility&currency=USD"></script> <div id="paypal-button-container"></div> <script> var paypal_ready = false; var FUNDING_SOURCES = [ paypal.FUNDING.PAYPAL ]; // Loop over each funding source / payment method FUNDING_SOURCES.forEach(function(fundingSource) { // Initialize the buttons var button = paypal.Buttons({ fundingSource: fundingSource, //onInit is called when the button first renders onInit: function(data, actions) { //Disable the buttons and set ready to false until we can check everything actions.disable(); paypal_ready = false; //set a listner so that when everything checks out we can enable the buttons $('#new-subscriber-form').on( "form_validation_complete", function(e) { actions.enable(); paypal_ready = true; }); //set another listener so that when the checks fail we disable $('#new-subscriber-form').on( "form_invalid", function(e) { actions.disable(); paypal_ready = false; }); }, //onClick is called when the button is clicked onClick: function(actions) { //if the button is clicked before everything is set highlight the error and focus on it so they can finish the form if(!paypal_ready) { highlightFirstFailedField(); } }, //called when they click cancel from the paypal window onCancel: function (data) { $("#paypal-overlay").hide(); }, //called when an error happens //onError: function () { // console.log("ERROR!!"); // $("#paypal-overlay").hide(); //}, //called when the button is enabled AND they click it createOrder: function(data, actions) { //cover up the page so when they are done with the popup we can do our thing without them clicking again $("#paypal-overlay").show(); return fetch('/paypal_order_create', { method: 'post', headers: { "Content-Type": "application/json", "Accept": "application/json", "X-Requested-With": "XMLHttpRequest", "X-CSRF-Token": token }, body: JSON.stringify({'publication_id':1581, 'value': $("#paypal-total-price").val(), 'currency_code': $("#paypal-currency").val()}) }).then(function(res) { return res.json(); }).then(function(orderData) { return orderData.id; }); }, //called when things come back from paypal successfully onApprove: function(data, actions) { $('<input>').attr({ type: 'hidden', id: 'paypal-order-id', name: 'paypal_order_id', value: data.orderID }).appendTo($('#new-subscriber-form')); //submit the form $('#new-subscriber-form').submit(); //if it comes back to here without doing the order complete redirect then there was an error //console.log("ERROR!!!"); return; } }); // Check if the button is eligible if (button.isEligible()) { // Render the standalone button for that funding source button.render('#paypal-button-container'); } }); </script> </div> </div> </div>  </div> <div id="purchase-summary-wrapper" class="row" > <div class="col-sm-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8 text-center summary-block"> <p class="text-primary purchase-summary-title"> Purchase Summary </p> <p id="purchase-summary" class="purchase-summary-text">  156 issues of Philadelphia Metro with Periodical shipping <br /> <strong>$119.00 </strong> <input type="hidden" id="paypal-total-price" value="119" /> <input type="hidden" id="paypal-currency" value="USD" /> </p> </div> </div> <div id="submit-btn-section" class="row" style="margin-top:0px;"> <div class="col-sm-offset-4 col-sm-4"> <div class="cf-turnstile" data-sitekey="0x4AAAAAAAQJCEAFlHvhY88i" data-callback="javascriptCallback" data-appearance="interaction-only" style="text-align:center;"></div> <button id="subscription-submit-btn" type="submit" class="btn btn-lg btn-primary place-your-order-btn"> Place Your Order </button> </div> </div> <br /><br /> </form> <div class="modal fade" id="promo-code" tabindex="-1" role="dialog"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <form class="form-horizontal" role="form" id="promo-form"> <div class="modal-body"> <input type="text" class="form-control" id="initial-source" name="source" placeholder="Promo Code" value=""> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> <input type="submit" class="btn btn-primary" value="Apply Code"> </div> </form> </div> </div> </div> <div id="sales-tax-template" style="display:none;"> <div style="padding-top:20px; margin-bottom:20px;"> <div class="col-md-6"> Sales Tax </div> <div class="col-md-6 text-right"> $<span id="tax-amount"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-12 text-center" style="margin-top:40px;"> <div style="font-size:12px;"> <a href="/magazine-subscription-management-software">Magazine Subscription Management Software</a> by SimpleCirc </div> </div> </div> <div id="small-modal" class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" aria-hidden="true"> <div class="modal-dialog modal-sm"> <div class="modal-content"> </div> </div> </div> <div id="medium-modal" class="modal fade" role="dialog" aria-labelledby="gridSystemModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> </div> </div> </div> <div id="paypal-overlay" style="background-color: rgba(0, 0, 0, 0.8); z-index: 999; position: fixed; left: 0; top: 0; width: 100%; height: 100%; text-align: center; display:none;"> <i class="fa fa-3x fa-spinner fa-spin" style="z-index:1000; color:#fff; margin-top:200px;"></i> </div>  <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.4/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.3.1/js/bootstrap-datepicker.min.js"></script> <script src="//maps.googleapis.com/maps/api/js?key=AIzaSyCvtjiOd9tKJjSErucd8S3nY_kPrKFTzPQ&libraries=places"></script>  <script src="/js/jquery.cardswipe.js"></script> <script src="https://challenges.cloudflare.com/turnstile/v0/api.js" defer></script> <script>var token = 'NkOMRqnXgLusmm1HCvie5G51HhCZUJH9ED8Ts0ma';</script> <script> var sales_tax_states = []; var sales_tax_provinces = []; var sales_tax_countries = []; var tax_publisher_id = 401; var taxable_address = "payer"; </script> <script src="/js/app_202501091.js"></script> <script src="/js/order_checking_202410011.js"></script> <script> $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) { var href = $(this).attr("href"); if(href=="#credit-debit") { //remove the hidden field and show the submit button $("#submit-btn-section").show(); } else { //paypal ... hide the submit button $("#submit-btn-section").hide(); validateCheckoutForm(); } }); function changeOfCountry(prepend) { var country = $("#" + prepend + "country").val(); if(country=="United States") { $("#" + prepend + "state-wrapper").show(); $("#" + prepend + "province-wrapper").hide(); $("#" + prepend + "other-state-wrapper").hide(); $("#" + prepend + "zipcode-label").html('Zipcode <span class="text-danger">*</span>'); } else if(country=="Canada") { $("#" + prepend + "state-wrapper").hide(); $("#" + prepend + "province-wrapper").show(); $("#" + prepend + "other-state-wrapper").hide(); $("#" + prepend + "zipcode-label").html('Postal Code <span class="text-danger">*</span>'); } else { $("#" + prepend + "state-wrapper").hide(); $("#" + prepend + "province-wrapper").hide(); if(country=="New Zealand") { $("#" + prepend + "other-state-wrapper").hide(); } else { $("#" + prepend + "other-state-wrapper").show(); } $("#" + prepend + "zipcode-label").html('Postal Code <span class="text-danger">*</span>'); } } function toggle_billing_address_x(e) { if($('#billing-address-checkbox-x').is(':checked')) { $("#billing-address-form-x").hide(); $("#billing-email").hide(); $("#subscriber-email").show(); } else { $("#billing-address-form-x").show(); $("#billing-email").show(); $("#subscriber-email").hide(); $("#billing-address-autocomplete").focus(); } } changeOfCountry(""); changeOfCountry("billing-"); changeOfCountry("bogo-"); $("#country").on("change", function() { changeOfCountry(""); }); $("#billing-country").on("change", function() { changeOfCountry("billing-"); }); $("#bogo-country").on("change", function() { changeOfCountry("bogo-"); }); $("#subscriber-name").on("blur", function() { $("#bill-to-name").val($("#subscriber-name").val()); }); var form = $('#new-subscriber-form'); var payment_vendor = "Authorize.Net"; var sub_stripe = null; var sub_elements = null; var sub_cardElement = null; var sub_clientSecret = null; var using_paypal = false; if(payment_vendor=="Stripe") { sub_stripe = Stripe(''); sub_elements = sub_stripe.elements(); sub_cardElement = sub_elements.create('card', {'hidePostalCode':true}); sub_cardElement.mount('#card-element'); sub_cardElement.on('change', function(event) { if (event.complete) { $("#subscription-submit-btn").removeClass("disabled"); $("#subscription-submit-btn").prop("disabled", false); } }); sub_clientSecret = ""; } var old_val = ""; var is_free = false; $(document).on("submit", "#new-subscriber-form", function(e) { var price = $('input[name=price_id]:checked', '#new-subscriber-form').attr('dollar-amount'); //check for stripe if(payment_vendor=="Stripe" && !is_free && !using_paypal) { //doing stripe e.preventDefault(); sub_stripe.confirmCardSetup( sub_clientSecret, { payment_method: { card: sub_cardElement } } ).then(function(result) { if(result.error) { //console.log(result.error); $("#order-error").text(result.error.message); $("#order-error").show(); window.scrollTo(0, 0); //$("#subscription-submit-btn").html(old_val); //$("#subscription-submit-btn").removeClass("disabled"); //$("#subscription-submit-btn").prop("disabled",false); } else { form.append($('<input type="hidden" name="stripe_payment_method_id" />').val(result.setupIntent.payment_method)); form.get(0).submit(); } }); } else if(!using_paypal) { if($("#card-number").val().length>=15 && $("#month").val()!="" && $("#year").val()!="") { //everything is good old_val = $("#subscription-submit-btn").html(); //change the button value to "Processing ..." and disable it $("#subscription-submit-btn").html("Processing <i class='fa fa-fw fa-spinner fa-pulse'></i>"); $("#subscription-submit-btn").addClass("disabled"); $("#subscription-submit-btn").prop("disabled",true); } } }); $(document).on('shown.bs.tab', 'a[data-toggle="tab"]', function (e) { if(e.target.id=="paypal-button-link") { using_paypal = true; } else { using_paypal = false; } }); $(document).on("click", "#billing-address-checkbox-x", function() { toggle_billing_address_x($(this)); }); $('#promo-code').on('shown.bs.modal', function() { $("#initial-source").focus(); }); $("#promo-form").on("submit", function(e) { e.preventDefault(); var code = $("#initial-source").val(); var country_type = ""; if(country_type!='') { country_type = "&c=" + country_type; } window.location.replace("https://simplecirc.com/subscribe/philadelphia-metro?source=" + code + country_type); }); function reload_purchase_summary() { var checkbox = $("#billing-address-checkbox-x").is(':checked'); var price_id = $('input[name=price_id]:checked', '#new-subscriber-form').val(); var unlimited = $('input[name=price_id]:checked', '#new-subscriber-form').attr('unlimited'); var copies = $("#copies").val(); var state = ""; var province = ""; var segments = "0"; var bogo = 0; var upsells = "0"; var subscriber_country = $("#country").val(); var subscriber_address_1 = $("#address-1").val(); var subscriber_city = $("#city").val(); var subscriber_state = $("#state").val(); var subscriber_province = $("#province").val(); var subscriber_zipcode = $("#zipcode").val(); if(unlimited==1) { //turn off auto renew if the subscription they are buying never expires $('input[name=auto_renew_selected]', '#new-subscriber-form').val("off"); $(".auto-renew-block").hide(); } else { $('input[name=auto_renew_selected]', '#new-subscriber-form').val("on"); $(".auto-renew-block").show(); } $(".upsell-checkbox").each(function() { if($(this).is(':checked')) { upsells = upsells + "," + $(this).attr('upsell-id'); } }); if($("#bogo-checkbox").is(":checked")) { bogo = 1; } if($("#state").is(":visible")) { if(checkbox || taxable_address=="subscriber") { //use state state = $("#state").val(); } } if($("#billing-state").is(":visible")) { if(!checkbox && taxable_address=="payer") { //use billing state state = $("#billing-state").val(); } } if($("#province").is(":visible")) { if(checkbox || taxable_address=="subscriber") { //use province province = $("#province").val(); } } if($("#billing-province").is(":visible")) { if(!checkbox && taxable_address=="payer") { //use billing province province = $("#billing-province").val(); } } $(".segment-checkbox").each(function() { if($(this).is(':checked')) { segments = segments + "," + $(this).attr('segment-id'); } }); var summary_obj = {price_id:price_id, state:state, province:province, copies:copies, segments:segments, bogo:bogo, upsells:upsells, _token:token, subscriber_country:subscriber_country, subscriber_address_1:subscriber_address_1, subscriber_city:subscriber_city, subscriber_state:subscriber_state, subscriber_province:subscriber_province, subscriber_zipcode:subscriber_zipcode}; var additional_bogos = 0; $(".additional-bogo-recipient").each(function() { additional_bogos++; var name_array = $(this).attr('name').split("_"); var recipient = name_array[4]; summary_obj["additional_bogo_recipient_"+recipient+"_address_1"] = $("#additional-bogo-recipient-"+recipient+"-address-1").val(); summary_obj["additional_bogo_recipient_"+recipient+"_city"] = $("#additional-bogo-recipient-"+recipient+"-city").val(); summary_obj["additional_bogo_recipient_"+recipient+"_state"] = $("#additional-bogo-recipient-"+recipient+"-state").val(); summary_obj["additional_bogo_recipient_"+recipient+"_province"] = $("#additional-bogo-recipient-"+recipient+"-province").val(); summary_obj["additional_bogo_recipient_"+recipient+"_country"] = $("#additional-bogo-recipient-"+recipient+"-country").val(); summary_obj["additional_bogo_recipient_"+recipient+"_zipcode"] = $("#additional-bogo-recipient-"+recipient+"-zipcode").val(); }); summary_obj.additional_bogos = additional_bogos; $.post('/publication/purchase_summary', summary_obj).done(function( data ) { if(data.indexOf('summary~response') == 5) { //got the right purchase summary response $("#purchase-summary").html(data); if($("#purchase-summary").find("strong").html()=="FREE" || $("#paypal-total-price").val()==0.00 || $('input[name=price_id]:checked', '#new-subscriber-form').attr('preorder')==1) { //hide the credit card stuff $("#payment-area-wrapper").hide(); $("input[name=payment_type_id]").val(0); is_free = true; } else { //show the credit card stuff $("#payment-area-wrapper").show(); $("input[name=payment_type_id]").val(1); is_free = false; } } else { //something went wrong location.reload(); } }); } $(document).on("change", "input[name='price_id']", function() { var price = $('input[name=price_id]:checked', '#new-subscriber-form').attr('dollar-amount'); if(price==0 && $('input[name=price_id]:checked', '#new-subscriber-form').attr('merch-only')!=1) { //free ... hide payment section $("#payment-area-wrapper").hide(); $("input[name=payment_type_id]").val(0); is_free = true; //and allow them to submit the form //$("#subscription-submit-btn").removeClass("disabled"); } else { //not free ... show payment section $("#payment-area-wrapper").show(); $("input[name=payment_type_id]").val(1); is_free = false; $('#new-subscriber-form').trigger('propertychange'); } if($(this).attr('segments')<1) { //no segments for this price so clear any that may have been checked elsewhere $(".segment-checkbox").each(function() { $(this).prop('checked', false); }); } if($(this).attr('preorder')==1) { //this is a preorder so keep the payment area hidden $("#payment-area-wrapper").hide(); is_free = true; } if($(this).attr('bogo')==1) { //this is a bogo so show the form fields $("#bogo-section").show(); $(".bogo-input").each(function() { $(this).attr("disabled",false) }); if($('input[name=price_id]:checked', '#new-subscriber-form').attr('bogo-price')=="FREE") { $("#bogo-price").text("Include a FREE gift subscription"); } else { $("#bogo-price").text("Include a gift subscription for " + $('input[name=price_id]:checked', '#new-subscriber-form').attr('bogo-price')); } } else { $("#bogo-section").hide(); $(".bogo-input").each(function() { $(this).attr("disabled",true) }); } //handel purchase summary reload_purchase_summary(); }); $(document).on('change', '#country', function() { reload_purchase_summary(); }); $(document).on('change', '#billing-country', function() { reload_purchase_summary(); }); $(document).on('change', '.additional-country', function() { reload_purchase_summary(); }); //monitor the state selectors and update price/tax $(document).on('change', '#state', function() { reload_purchase_summary(); }); //monitor the province selectors and update price/tax $(document).on('change', '#province', function() { reload_purchase_summary(); }); $(document).on('change', '#billing-state', function() { reload_purchase_summary(); }); $(document).on('change', '.additional-state', function() { reload_purchase_summary(); }); $(document).on('change', '#billing-province', function() { reload_purchase_summary(); }); $(document).on('change', '.additional-province', function() { reload_purchase_summary(); }); $(document).on('change', '#billing-address-checkbox-x', function() { reload_purchase_summary(); }); $('#copies').bind('input propertychange', function() { reload_purchase_summary(); }); $(document).ready(function() { if($(".has-error").length>0) { $(".has-error:first").find("input").focus(); } else { //$("#subscriber-name").focus(); } toggle_billing_address_x(); if($(".segment-checkbox").is(":checked")) { reload_purchase_summary(); } if($('input[name=price_id]:checked', '#new-subscriber-form').attr('unlimited')==1) { //unlimited selected hide auto renew $(".auto-renew-block").hide(); $('input[name=auto_renew_selected]', '#new-subscriber-form').val("off"); } if($('input[name=price_id]:checked', '#new-subscriber-form').attr('preorder')==1) { //preorder selected hide payment area $("#payment-area-wrapper").hide(); is_free = true; } if($('input[name=price_id]:checked', '#new-subscriber-form').attr('bogo')==1) { $("#bogo-section").show(); $(".bogo-input").each(function() { $(this).attr("disabled",false) }); if($('input[name=price_id]:checked', '#new-subscriber-form').attr('bogo-price')=="FREE") { $("#bogo-price").text("Include a FREE gift subscription"); } else { $("#bogo-price").text("Include a gift subscription for " + $('input[name=price_id]:checked', '#new-subscriber-form').attr('bogo-price')); } } //mailing address var autocomplete; var defaultBounds = new google.maps.LatLngBounds( new google.maps.LatLng(-90,-180), new google.maps.LatLng(90,180)); var input = document.getElementById("address-1"); var options = {sessiontoken:token, bounds: defaultBounds, fields: ["address_components"], componentRestrictions: {country: "us"}, types: ["address"]}; autocomplete = new google.maps.places.Autocomplete(input, options); google.maps.event.addDomListener(input, 'keydown', function(e) { if (e.keyCode == 13) { if (e.preventDefault) { e.preventDefault(); } else { e.cancelBubble = true; e.returnValue = false; } } }); google.maps.event.addListener(autocomplete, 'place_changed', function() { var place = autocomplete.getPlace(); populateForm(place, ""); }); //bogo mailing address var bogo_autocomplete; var defaultBounds = new google.maps.LatLngBounds( new google.maps.LatLng(-90,-180), new google.maps.LatLng(90,180)); var input = document.getElementById("bogo-address-1"); var options = {sessiontoken:token, bounds: defaultBounds, fields: ["address_components"], componentRestrictions: {country: "us"}, types: ["address"]}; bogo_autocomplete = new google.maps.places.Autocomplete(input, options); google.maps.event.addDomListener(input, 'keydown', function(e) { if (e.keyCode == 13) { if (e.preventDefault) { e.preventDefault(); } else { e.cancelBubble = true; e.returnValue = false; } } }); google.maps.event.addListener(bogo_autocomplete, 'place_changed', function() { var place = bogo_autocomplete.getPlace(); populateForm(place, "bogo-"); }); //qualified check $(".qualifying-question").trigger("change"); validateCheckoutForm(); }); /////// segments //////// $(".segment-checkbox").on("click", function(e) { //make sure the parent radio is selected $(":radio[value='" + $(this).attr('price-id') + "']").prop("checked", true); //trigger reload_purchase_summary reload_purchase_summary(); }); ///// BOGO //// $("#bogo-checkbox").on("click", function(e) { if($("#bogo-checkbox").is(":checked")) { //console.log("checked!"); $("#bogo-fields").show(); $(".bogo-input").each(function() { $(this).attr("disabled",false) }); } else { //console.log("NO"); $("#bogo-fields").hide(); $(".bogo-input").each(function() { $(this).attr("disabled",true) }); } reload_purchase_summary(); }); ///// UPSELLS ///// $(".upsell-checkbox").on("click", function(e) { reload_purchase_summary(); }); $("img.upsell-image").hover(function(e) { var imgSrc = $(this).attr('src'); $("body").append("<p id='screenshot'><img style='max-height:300px;' src='"+ imgSrc +"' /></p>"); $("#screenshot").css("top",(e.pageY - 30) + "px").css("left",(e.pageX + 10) + "px").css("position", "absolute").fadeIn("fast"); }, function(){ $("#screenshot").remove(); }); $("img.upsell-image").mousemove(function(e){ $("#screenshot").css("top",(e.pageY - 30) + "px").css("left",(e.pageX + 10) + "px"); }); ///// MERCHANDISE ///// $(".items-checkbox").on("click", function(e) { var item_id = $(this).attr("item-id"); var option_id = $(this).attr("option-id"); var quantity = $(this).attr("quantity"); if($(this).is(":checked")) { //console.log("add it back to the session"); $.post('/publication/add_merchandise_to_session', {item_id:item_id, option_id:option_id, quantity:quantity, _token:token}).done(function() { reload_purchase_summary(); }); } else { //console.log("remove from session"); $.post('/publication/remove_merchandise_from_session', {item_id:item_id, option_id:option_id, _token:token}).done(function() { reload_purchase_summary(); }); } }); ///// QUALIFYING ///// $(".qualifying-question").on("change", function(e) { //loop through all of the qualifying questions and if they have answered the question compare it to the acceptable answers ... if they pick an unacceptable answer show the payment stuff? var qualifies = true; $(".qualifying-question").each(function() { if($(this).is(":checkbox") && $(this).is(":checked")) { var checkbox_qualifies = false; $(this).parent().parent().parent().find(':checkbox').each(function() { if($(this).is(":checked") && $(this).attr('qualifies')==1) { checkbox_qualifies = true; } }); if(!checkbox_qualifies) { qualifies = false; } } else if($(this).is(":radio") && $(this).is(":checked")) { if($(this).attr('qualifies')!=1) { qualifies = false; } } else if($(this).is('select') && $(this).val()!="") { if($(this).find(":selected").attr('qualifies')!=1) { qualifies = false; } } }); if(qualifies) { $("#not-qualified-text").hide(); $("#payment-area-wrapper").hide(); is_free = true; $("#purchase-summary-wrapper").hide(); $("#subscription-submit-btn").html('Submit'); //load the price section $("#prices-wrapper").load('/publication/qualified_subscriber_prices', {publication_id:1581, 'country_type':'', 'source':'', _token:token}); } else { $("#not-qualified-text").show(); $("#payment-area-wrapper").show(); is_free = false; $("#purchase-summary-wrapper").show(); $("#subscription-submit-btn").html('Place Your Order'); //load the price section $("#prices-wrapper").load('/publication/unqualified_subscriber_prices', {publication_id:1581, 'country_type':'', 'source':'', _token:token}, function(){ $("#prices-wrapper").find('a').each(function() { //console.log($(this).attr('href')); var original_href = $(this).attr('href'); $(this).attr('href', original_href.replace('publication/unqualified_subscriber_prices', 'subscribe/philadelphia-metro')); reload_purchase_summary(); }); }); } }); ///// ADDITIONAL BOGO RECIPIENTS ///// $("#add-additional-bogo-recipient").on("click", function(e) { var next_recipient = 2; $(".additional-bogo-recipient").each(function() { //var name_array = $(this).attr('name').split("_"); //var last_recipient = name_array[4]; //if(last_recipient>next_recipient) //{ // next_recipient = last_recipient; //} next_recipient++; }); //next_recipient++; $.post('/publication/update_next_bogo_price', {next_recipient:next_recipient+1, price_id:$('input[name=price_id]:checked', '#new-subscriber-form').val(), country_type:"", _token:token}).done(function(data) { $("#additional-bogo-price").text(data); }); $.post('/publication/add_bogo_recipient_fields', {next_recipient:next_recipient, publication_id:1581, country_type:"", _token:token}).done(function(data) { $('#additional-bogo-recipients').append(data); changeOfCountry("additional-bogo-recipient-"+next_recipient+"-"); reload_purchase_summary(); $("#additional-bogo-recipient-"+next_recipient+"-add-gift-message").on("click", function(e) { if($(this).is(":checked")) { $("#additional-bogo-recipient-"+next_recipient+"-gift-message-wrapper").show(); $("#additional-bogo-recipient-"+next_recipient+"-gift-message").focus(); } else { $("#additional-bogo-recipient-"+next_recipient+"-gift-message-wrapper").hide(); } }); }); }); $(".additional-bogo-recipient").each(function() { var name_array = $(this).attr('name').split("_"); var next_recipient = name_array[4]; changeOfCountry("additional-bogo-recipient-"+next_recipient+"-"); }); $(document).on("click", ".remove-additional-bogo-recipient", function(e) { $(this).parent().parent().parent().remove(); var next_recipient = 1; $(".additional-bogo-recipient").each(function() { next_recipient++; //$(this).attr('name', 'additional_bogo_recipient_key_'+next_recipient); $(this).parent().find('.additional-bogo-recipient-text').text('Gift Recipient '+next_recipient); }); $.post('/publication/update_next_bogo_price', {next_recipient:next_recipient+1, price_id:$('input[name=price_id]:checked', '#new-subscriber-form').val(), country_type:"", _token:token}).done(function(data) { $("#additional-bogo-price").text(data); }); reload_purchase_summary(); }); </script> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-61427024-2', 'auto'); ga('send', 'pageview'); </script> <script type="text/javascript"> _linkedin_data_partner_id = "216010"; </script><script type="text/javascript"> (function(){var s = document.getElementsByTagName("script")[0]; var b = document.createElement("script"); b.type = "text/javascript";b.async = true; b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js"; s.parentNode.insertBefore(b, s);})(); </script> <noscript> <img height="1" width="1" style="display:none;" alt="" src="https://dc.ads.linkedin.com/collect/?pid=216010&fmt=gif" /> </noscript> </body> </html>

CINXE.COM

Subscribe to Philadelphia Metro