<div class="wrap">
    <h1 class="wp-heading-inline">
        <?php echo $this->base->plugin->displayName; ?>

        <span>
        	<?php _e( 'Generate Phone Area Codes', 'page-generator-pro' ); ?>
        </span>
    </h1>

    <?php
    // Button Links
    require_once( 'keywords-links.php' );

    // Output Success and/or Error Notices, if any exist
    $this->base->get_class( 'notices' )->output_notices();
    ?>

    <div class="wrap-inner">
    
	    <div id="poststuff">
	    	<div id="post-body" class="metabox-holder columns-1">
	    		<!-- Content -->
	    		<div id="post-body-content">
	    			<!-- Form Start -->
			        <form name="post" method="post" action="admin.php?page=<?php echo $page; ?>&amp;cmd=form-phone" enctype="multipart/form-data">		
		    		    <div id="normal-sortables" class="meta-box-sortables ui-sortable">                        
			                <div id="keyword-panel" class="postbox">
			                    <h3 class="hndle"><?php _e( 'Keyword', 'page-generator-pro' ); ?></h3>
			                    
		 						<div class="wpzinc-option">
			                    	<div class="left">
			                    		<strong><?php _e( 'Keyword', 'page-generator-pro' ); ?></strong>
			                    	</div>
			                    	<div class="right">
			                    		<input type="text" name="keyword" value="<?php echo ( isset( $_POST['keyword'] ) ? $_POST['keyword'] : '' ); ?>" class="widefat" required />
			                    	
				                    	<p class="description">
				                    		<?php _e( 'A unique template tag name, which can then be used when generating content.', 'page-generator-pro' ); ?>
				                    	</p>
				                    </div>
			                    </div>

			                    <div class="wpzinc-option">
			                    	<div class="left">
			                    		<strong><?php _e( 'Country', 'page-generator-pro' ); ?></strong>
			                    	</div>
			                    	<div class="right">
			                    		<select name="country" size="1">
			                    			<?php
			                    			foreach ( $countries as $country_code => $country_name ) {
			                    				?>
			                    				<option value="<?php echo $country_code; ?>"<?php echo ( ( isset( $_POST['country'] ) && $_POST['country'] == $country_code ) ? ' selected' : '' ); ?>><?php echo $country_name; ?></option>
			                    				<?php
			                    			}
			                    			?>
			                    		</select>
			                    	
				                    	<p class="description">
				                    		<?php _e( 'Enter the country which the city belongs to.', 'page-generator-pro' ); ?>
				                    	</p>
			                    	</div>
			                    </div>

			                    <div class="wpzinc-option">
			                    	<div class="left">
			                    		<strong><?php _e( 'Output Type', 'page-generator-pro' ); ?></strong>
			                    	</div>

			                    	<div class="right">
			                    		<select name="output_type[]" multiple="multiple" class="wpzinc-selectize-drag-drop">
			                    			<?php
			                    			foreach ( $output_types as $output_type => $label ) {
			                    				?>
			                    				<option value="<?php echo $output_type; ?>"<?php echo ( ( isset( $_POST['output_type'] ) && $_POST['output_type'] == $output_type ) ? ' selected' : '' ); ?>><?php echo $label; ?></option>
			                    				<?php
			                    			}
			                    			?>
			                    		</select>
			                    	
				                    	<p class="description">
				                    		<?php _e( 'Determine the data to store in this Keyword (for example, just the phone area code or the city and phone area code).', 'page-generator-pro' ); ?>
				                    	</p>
			                    	</div>
			                    </div>
			                    
			                    <div class="wpzinc-option">
			                    	<?php wp_nonce_field( 'generate_phone_area_codes', $this->base->plugin->name . '_nonce' ); ?>
			                		<input type="submit" name="submit" value="<?php _e( 'Generate Keyword with Phone Area Codes Data', 'page-generator-pro' ); ?>" class="button button-primary" />
			                    </div>
			                </div>
						</div>
						<!-- /normal-sortables -->
				    </form>
				    <!-- /form end -->
	    		</div>
	    		<!-- /post-body-content -->
	    	</div>
		</div>       
	</div>
</div>