<link rel="stylesheet" href="{{ IncludeAsset('assets/lib/highlightjs/css/vs.css') }}">

<div class="row">
<div class="col-lg-1">
	&nbsp;
</div>
<div class="col-lg-10">

<div class="box dark">
<header>
	<h5>
		{{ @lang_ad_code }} <small>| {{ @ad->title }}</small>
	</h5>
	<!-- .toolbar -->
	<div class="toolbar">
	</div><!-- /.toolbar -->
</header>

<br />
<!-- Nav tabs -->
<ul class="nav nav-tabs">
	<li class="active"><a href="#javascript" data-toggle="tab">{{ @lang_by_ad }}</a></li>
	<li><a href="#keyword" data-toggle="tab">{{ @lang_by_keyword }}</a></li>
</ul>

<!-- Tab panes -->
<div class="tab-content">
	<div class="tab-pane active" id="javascript">

		<div class="panel-group" id="accordion_ad">
			<check if="{{ !@php_only }}">
				<div class="panel panel-default well">
					<div class="panel-heading">
						<h4 class="panel-title">
							<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
								{{ @lang_javascript }} <small>({{ @lang_preferred_method }})</small>
							</a>
						</h4>
					</div>
					<div id="collapseOne" class="panel-collapse collapse in">
						<div class="panel-body">
							{{ @lang_select_the_type_of_output_you_would_like_on_the_page }}:
							<dl class="dl-horizontal">
								<dt>{{ @lang_standard_html_display }}</dt>
								<dd>{{ @lang_displays_wherever_the_code_is_located_on_the_page }}.</dd>
								<dt>{{ @lang_floating_header }}</dt>
								<dd>{{ @lang_displays_at_the_top_of_the_page_on_top_of_other_content }}.</dd>
								<dt>{{ @lang_floating_footer }}</dt>
								<dd>{{ @lang_displays_at_the_bottom_of_the_page_on_top_of_other_content }}.</dd>
							</dl>
							<p>
								<select id="js_select">
									<option value="1">{{ @lang_standard_html_display }}</option>
									<option value="2">{{ @lang_floating_header }}</option>
									<option value="3">{{ @lang_floating_footer }}</option>
								</select>
							</p>
							<h4>{{ @lang_ad_code }}:</h4>
							<pre><code id="js_code"></code></pre>
							<p>
								{{ @lang_copy_and_paste_the_code_onto_your_website_page }}.
							</p>
						</div>
					</div>
				</div>
			</check>
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
							PHP
						</a>
					</h4>
				</div>
				<div id="collapseTwo" class="panel-collapse collapse <check if="{{ @php_only }}">in</check>">
				<div class="panel-body">
					{{ @lang_select_the_type_of_output_you_would_like_on_the_page }}:
					<dl class="dl-horizontal">
						<dt>{{ @lang_standard_html_display }}</dt>
						<dd>{{ @lang_displays_wherever_the_code_is_located_on_the_page }}.</dd>
						<dt>{{ @lang_floating_header }}</dt>
						<dd>{{ @lang_displays_at_the_top_of_the_page_on_top_of_other_content }}.</dd>
						<dt>{{ @lang_floating_footer }}</dt>
						<dd>{{ @lang_displays_at_the_bottom_of_the_page_on_top_of_other_content }}.</dd>
					</dl>
					<p>
						<select id="php_select">
							<option value="5">{{ @lang_standard_html_display }}</option>
							<option value="6">{{ @lang_floating_header }}</option>
							<option value="7">{{ @lang_floating_footer }}</option>
						</select>
					</p>
					<h4>{{ @lang_ad_code }}:</h4>
					<pre><code id="php_code"></code></pre>
					<p>
						{{ @lang_copy_and_paste_the_code_onto_your_website_page }}.
					</p>
				</div>
			</div>
		</div>
		<check if="{{ ((!@php_only) && (@ad->type != 'video')) }}">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
							{{ @lang_html_only }}
						</a>
					</h4>
				</div>
				<div id="collapseThree" class="panel-collapse collapse">
					<div class="panel-body">
						{{ @lang_html_only_will_use_a_tracking_pixel_to_get_the_impressions_and_standard_html_for_the_click__it_can_be_used_in_places_such_as_newsletters__where_javascript_may_not_be_supported_ }}
						<p>
						<h4>{{ @lang_ad_code }}:</h4>
						<pre><code id="html_code"></code></pre>
						<p>
							{{ @lang_copy_and_paste_the_code_onto_your_website_page }}.
						</p>
					</div>
				</div>
			</div>
		</check>
		<check if="{{ @vast }}">
			<div class="panel panel-default">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
							{{ @lang_vast }}
						</a>
					</h4>
				</div>
				<div id="collapseFour" class="panel-collapse collapse">
					<div class="panel-body">
						<a href="http://www.iab.net/guidelines/508676/digitalvideo/vsuite/vast" target="_blank">{{ @lang_vast }}</a> {{ @lang_is_a_way_to_advertise_in_a_video_using_a_web_player_that_supports_vast__the_link_below_is_the_link_to_the_vast_xml_produced_by_mysimpleads_for_use_in_the_web_video_player_ }}
						<p>
						<h4>{{ @lang_ad_code }}:</h4>
						<pre><code id="vast_code"></code></pre>
					</div>
				</div>
			</div>
		</check>
	</div>


</div>
<div class="tab-pane" id="keyword">


	<div class="panel-group well" id="accordion_keyword">
		<div class="row">
			<div class="form-group">
				<label for="keywords" class="control-label col-lg-4">{{ @lang_enter_the_comma_separated_list_of_keywords_for_the_ad }} :</label> <div class="col-lg-8"><div class="col-lg-7"><input class="form-control" type="text" id="keywords" name="keywords"></div><div class="col-lg-1"><button id="btn_keywords" class="btn btn-success btn-sm">{{ @lang_update_ad_code }}</button></div></div>
			</div>
		</div>
		<check if="{{ !@php_only }}">
			<div class="panel panel-default well">
				<div class="panel-heading">
					<h4 class="panel-title">
						<a data-toggle="collapse" data-parent="#accordion" href="#collapseOneKeyword">
							{{ @lang_javascript }} <small>({{ @lang_preferred_method }})</small>
						</a>
					</h4>
				</div>
				<div id="collapseOneKeyword" class="panel-collapse collapse in">
					<div class="panel-body">
						{{ @lang_select_the_type_of_output_you_would_like_on_the_page }}:
						<dl class="dl-horizontal">
							<dt>{{ @lang_standard_html_display }}</dt>
							<dd>{{ @lang_displays_wherever_the_code_is_located_on_the_page }}.</dd>
							<dt>{{ @lang_floating_header }}</dt>
							<dd>{{ @lang_displays_at_the_top_of_the_page_on_top_of_other_content }}.</dd>
							<dt>{{ @lang_floating_footer }}</dt>
							<dd>{{ @lang_displays_at_the_bottom_of_the_page_on_top_of_other_content }}.</dd>
						</dl>
						<p>
							<select id="js_select_keyword">
								<option value="1">{{ @lang_standard_html_display }}</option>
								<option value="2">{{ @lang_floating_header }}</option>
								<option value="3">{{ @lang_floating_footer }}</option>
							</select>
						</p>
						<h4>{{ @lang_ad_code }}:</h4>
						<pre><code id="js_code_keyword"></code></pre>
						<p>
							{{ @lang_copy_and_paste_the_code_onto_your_website_page }}.
						</p>
					</div>
				</div>
			</div>
		</check>
		<div class="panel panel-default">
			<div class="panel-heading">
				<h4 class="panel-title">
					<a data-toggle="collapse" data-parent="#accordion" href="#collapseTwoKeyword">
						PHP
					</a>
				</h4>
			</div>
			<div id="collapseTwoKeyword" class="panel-collapse collapse <check if="{{ @php_only }}">in</check>">
			<div class="panel-body">
				{{ @lang_select_the_type_of_output_you_would_like_on_the_page }}:
				<dl class="dl-horizontal">
					<dt>{{ @lang_standard_html_display }}</dt>
					<dd>{{ @lang_displays_wherever_the_code_is_located_on_the_page }}.</dd>
					<dt>{{ @lang_floating_header }}</dt>
					<dd>{{ @lang_displays_at_the_top_of_the_page_on_top_of_other_content }}.</dd>
					<dt>{{ @lang_floating_footer }}</dt>
					<dd>{{ @lang_displays_at_the_bottom_of_the_page_on_top_of_other_content }}.</dd>
				</dl>
				<p>
					<select id="php_select_keyword">
						<option value="5">{{ @lang_standard_html_display }}</option>
						<option value="6">{{ @lang_floating_header }}</option>
						<option value="7">{{ @lang_floating_footer }}</option>
					</select>
				</p>
				<h4>{{ @lang_ad_code }}:</h4>
				<pre><code id="php_code_keyword"></code></pre>
				<p>
					{{ @lang_copy_and_paste_the_code_onto_your_website_page }}.
				</p>
			</div>
		</div>
	</div>
</div>


</div>
</div>


</div>