<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_sales_code }} <small>| {{ @sale->site_url }}</small>
				</h5>
				<!-- .toolbar -->
				<div class="toolbar">
				</div><!-- /.toolbar -->
			</header>

			<br />
			<!-- Nav tabs -->
			<ul class="nav nav-tabs">
				<li class="active"><a href="#spot" data-toggle="tab">{{ @lang_by_sales_spot }}</a></li>
				<li><a href="#salespage" data-toggle="tab">{{ @lang_sales_page_url }}</a></li>
			</ul>

			<!-- Tab panes -->
			<div class="tab-content">
				<div class="tab-pane active" id="spot">
					<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>
											<dt>{{ @lang_rotating }}</dt>
											<dd>{{ @lang_will_rotate_among_the_ads_in_the_group_wherever_the_code_is_located_on_the_page }}.</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>
												<option value="4">{{ @lang_rotating }}</option>
											</select>
										</p>
										<h4>{{ @lang_spot_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_spot_code }}:</h4>
								<pre><code id="php_code"></code></pre>
								<p>
									{{ @lang_copy_and_paste_the_code_onto_your_website_page }}.
								</p>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="tab-pane" id="salespage">
				<div class="panel-group well" id="accordion_url">
					<div class="panel panel-default well">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
									{{ @lang_sales_page_url }}
								</a>
							</h4>
						</div>
						<div id="collapseThree" class="panel-collapse collapse in">
							<div class="panel-body">
								{{ @lang_the_sales_page_url_is_a_page_that_will_list_all_the_ads_available_for }} {{ @sale->site_url }}.
								<p>
								<h4>URL:</h4>
								<pre><code id="url_code"><a href="{{ @sales_url }}" target="_blank">{{ @sales_url }}</a></code></pre>
							</div>
						</div>
					</div>

				</div>

			</div>

		</div>
	</div>


</div>