<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Ad {{ @lang_sales_spots }}">
	<meta name="author" content="mySimpleAds Ad Server - clippersoft.net">

	<set currPort = "{{((empty(@PORT)) || (@PORT == 80) || (@PORT == 443)) ? '' : ':'.@PORT}}" />
	<base href="{{@SCHEME.'://'.@HOST.@currPort.@BASE.'/'}}"/>
	<title>{{ @title }} | {{ @lang_sales_spots }}</title>
	<link href="{{ IncludeAsset('assets/img/favicon.ico') }}" rel="icon" type="image/x-icon" />

	<!-- Bootstrap core CSS -->
	<link rel="stylesheet" href="{{ IncludeAsset('assets/lib/bootstrap/css/bootstrap.min.css') }}">

	<link rel="stylesheet" href="{{ IncludeAsset('assets/lib/lightbox/css/ekko-lightbox.min.css') }}">
	<link rel="stylesheet" href="{{ IncludeAsset('assets/lib/Font-Awesome/css/font-awesome.min.css') }}">

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

</head>
<body>

<div class="container">

	<div class="jumbotron hero-spacer">
		<h1>{{ @res_sales[0].site_name }} {{ @lang_advertising }}</h1>
		<p>{{ @lang_below_we_list_our_current_sales_spots__click }} <a class="btn btn-primary btn-large">{{ @lang_buy_now }}!</a> {{ @lang_on_any_of_the_available_spots_below_to_start_advertising_with_us }}. </p>
		<p>
		</p>
	</div>

	<hr>
	<div id="alert" class='alert alert-warning <check if="{{empty(@alert)}}">hide</check>'>{{ @alert }}</div>

	<div class="row">
		<div class="col-lg-12">
			<h3>{{ @lang_sales_spots }}</h3>
		</div>
	</div>
	<!-- /.row -->

	<div class="row text-center">

		<repeat group="{{ @res_sales }}" value="{{ @res_sale }}">

			<div class="col-lg-3 col-md-6 hero-feature">
				<div class="thumbnail hero-feature">
					{{ @res_sale.spot_image | raw }}
					<div class="caption">
						<h3>{{ @res_sale.title }}</h3>
						<dl id="{{ @res_sale.id }}"  class="text-left">
							<dt>{{ @lang_type }}</dt>
							<dd>{{ @res_sale.type }}</dd>
							<check if="{{ !empty(@res_sale.dimensions) }}">
								<dt>{{ @lang_dimensions }}</dt>
								<dd>{{ @res_sale.dimensions }}</dd>
							</check>
							<dt>{{ @lang_price }}</dt>
							<dd>{{ @res_sale.pricing_cost }} {{ @res_sale.pricing_currency }}</dd>
							<dt>{{ @lang_per }}</dt>
							<dd>{{ @res_sale.pricing_type }}</dd>
							<dt>{{ @lang_spots_left }}</dt>
							<dd><span class="text-success">{{ @res_sale.spots_left }}</span></dd>
							<check if="{{ !empty(@res_sale.pricing_type_input) }}">
								<dt>{{ @res_sale.pricing_type_input }} {{ @lang_to_purchase }}</dt>
								<dd><input type="text" class="form-control qty {{ @res_sale.pricing_type_code }}" value="1" data-id="{{ @res_sale.id }}" data-price="{{ @res_sale.pricing_cost }}" id="qty_{{ @res_sale.id }}"></dd>
							</check>
							<dt>{{ @lang_total_price }}</dt>
							<dd><span class="text-primary"><span id="price_{{ @res_sale.id }}">{{ @res_sale.pricing_cost }}</span> {{ @res_sale.pricing_currency }}</span></dd>
							<dt>{{ @lang_purchase_method }}</dt>
							<dd>
								<select id="payment_method_{{ @res_sale.id }}">
									<repeat group="{{ @payment_methods }}" value="{{ @payment_method }}">
										<option value="{{ @payment_method.value }}">{{ @payment_method.name }}</option>
									</repeat>
								</select>
							</dd>
						</dl>
						<p><button class="btn btn-primary buy_now" data-id="{{ @res_sale.id }}">{{ @lang_buy_now }}!</button>
						</p>
					</div>
				</div>
			</div>

		</repeat>


	</div>
	<!-- /.row -->

	<a href="{{ @res_sales[0].site_contact_url }}" target="_blank">{{ @lang_questions }} ?</a>
	<hr>

	<footer>
		<div class="row">
			<div class="col-lg-12">
				<p><small>{{ @lang_powered_by }} <a href="http://www.clippersoft.net/?utm_source=mysimpleads_spots&utm_medium=mysimpleads&utm_campaign=mysimpleads">mySimpleAds Ad Server</a></small></p>
			</div>
		</div>
	</footer>

</div>
<!-- /.container -->

<!-- JavaScript -->
<script src="{{ IncludeAsset('assets/lib/jquery.min.js') }}"></script>
<script src="{{ IncludeAsset('assets/lib/bootstrap/js/bootstrap.js') }}"></script>
<script src="{{ IncludeAsset('assets/lib/lightbox/js/ekko-lightbox.min.js') }}"></script>
<script src="{{ IncludeAsset('assets/lib/bootstrap-touchspin/js/bootstrap.touchspin.js') }}"></script>
<script src="{{ IncludeAsset('assets/js/spots-bottom.js') }}"></script>
<check if="{{ !empty(@stripe_publishable_key) }}">
	<script src="https://checkout.stripe.com/checkout.js"></script>
</check>
</body>
</html>