JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.offer-rotator.com/labs/_static/scripts/main.js"></script>
<link rel="stylesheet" href="http://www.offer-rotator.com/labs/_static/styles/main.css">
<div id="header" align="center">
<div id="header-restrict">
<div class="header-logo"></div>
<div class="button white">Offers</div>
<div class="button orange">Rotations</div>
<div class="button white">Settings</div>
</div>
</div>
<div id="sub-nav" align="center"></div>
<div id="box-header">
<h1>Edit an Offer</h1>
</div>
<div id="box">
<div id="notification">
<div class="notification yellow">
<div class="advice"></div>
Here you can edit an offer already on the platform. Simply select the offer's name and it's other data will be pre-filled for you to edit. Once you're done, simply click <strong>"Save Changes"</strong> to update the offer.
</div>
</div>
<form name="edit_offer" method="post" action="../../_static/func/update-offer.php">
<select name="id" class="edit">
<option>Choose offer to edit</option>
<option>Change</option>
</select>
<div class="input_notification name">Something that you'll remember the offer by, e.g. <span class="code">NB $1 JCP Email Submit</span></div>
<input name="url" type="text" value="Enter offer url" />
<div class="input_notification url">The url to your offer, including <span class="code">http://</span></div>
<div id="add_to_rotation" class="option-title">Add to Rotation? <div class="expand-icon"></div></div>
<div class="add_to_rotation option-data">
<select class="atr-select" name="r_id">
<option value="0">Select name of rotation</option>
</select>
<input type="text" class="atr-input" name="r_min" value="Min hits" />
<input type="text" class="atr-input" name="r_max" value="Max hits" />
<div class="input_notification atr">Select the name of the rotation you would like to add this offer to from the drop-down list, then enter a...
JavaScript
$(document).ready( function() {
var options = '<option value="0">Select country</option>\n <option value="AF">Afghanistan</option>\n <option value="AL">Albania</option>\n <option value="DZ">Algeria</option>\n <option value="AS">American Samoa</option>\n <option value="AD">Andorra</option>\n <option value="AG">Angola</option>\n <option value="AI">Anguilla</option>\n <option value="AG">Antigua & Barbuda</option>\n <option value="AR">Argentina</option>\n <option value="AA">Armenia</option>\n <option value="AW">Aruba</option>\n <option value="AU">Australia</option>\n <option value="AT">Austria</option>\n <option value="AZ">Azerbaijan</option>\n <option value="BS">Bahamas</option>\n <option value="BH">Bahrain</option>\n <option value="BD">Bangladesh</option>\n <option value="BB">Barbados</option>\n <option value="BY">Belarus</option>\n <option value="BE">Belgium</option>\n <option value="BZ">Belize</option>\n <option value="BJ">Benin</option>\n <option value="BM">Bermuda</option>\n <option value="BT">Bhutan</option>\n <option value="BO">Bolivia</option>\n <option value="BL">Bonaire</option>\n <option value="BA">Bosnia & Herzegovina</option>\n <option value="BW">Botswana</option>\n <option value="BR">Brazil</option>\n <option value="BC">British Indian Ocean Ter</option>\n <option value="BN">Brunei</option>\n <option value="BG">Bulgaria</option>\n <option value="BF">Burkina Faso</option>\n <option value="BI">Burundi</option>\n <option value="KH">Cambodia</option>\n <option value="CM">Cameroon</option>\n <option value="CA">Canada</option>\n <option value="IC">Canary Islands</option>\n <option value="CV">Cape Verde</option>\n <option value="KY">Cayman Islands</option>\n <option value="CF">Central African Republic</option>\n <option value="TD">Chad</option>\n <option value="CD">Channel Islands</option>\n <option value="CL">Chile</option>\n <option value="CN">China</option>\n <option value="CI">Christmas Island</option>\n <option value="CS">Cocos...