<div class="dialog_popup_new add_number_popup">
	<form class="form-inline">
		<div class="popup_field">
			<input type="radio" id="number_type_1" name="number_type" value="your_numbers" checked="checked"></input>
			<label for="number_type_1">{{ i18n.oldCallflows.available_numbers }}</label>

			<div class="list_numbers_content">
				<select id="list_numbers">
					{{#each phoneNumbers}}
						<option value="{{ this.phoneNumber }}">{{ formatPhoneNumber this.phoneNumber }}</option>
					{{/each}}
				</select>

				<ul class="nav pull-right number-selection-sidelink">
					<li class="dropdown">
						<a href="#" class="dropdown-toggle buy-dropdown monster-link" data-toggle="dropdown" data-target="#">
							<i class="fa fa-shopping-cart fa-lg"></i>
							{{ i18n.callflows.buyNumbers }}
						</a>
						<ul class="dropdown-menu" role="menu">
							<li><a class="buy-link" data-type="regular" href="#">{{ i18n.callflows.buyLocal }}</a></li>
							<li><a class="buy-link" data-type="tollfree" href="#">{{ i18n.callflows.buyTollfree }}</a></li>
							<!-- <li><a class="buy-link" data-type="vanity" href="#">{{ i18n.callflows.buyVanity }}</a></li> -->
						</ul>
					</li>
				</ul>
				
			</div>
		</div>

		<div class="popup_field">
			<input type="radio" id="number_type_2" name="number_type" value="extension"></input>
			<label for="number_type_2">{{ i18n.oldCallflows.extension }}</label>

			<div class="extensions_content">
				<input id="add_number_text" placeholder="2001" type="text" name="number"/>
				<a href="javascript:void(0);" class="number-selection-sidelink search-extension-link">{{ i18n.callflows.findExtension }}</a>
			</div>
		</div>

		<div class="buttons">
			<button class="monster-button monster-button-primary add_number">{{ i18n.oldCallflows.add }}</button>
		</div>
	</form>
</div>
