<link rel="stylesheet" href="{{ IncludeAsset('assets/lib/jquery-file-upload/css/jquery.fileupload.css') }}">


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

		<div class="box dark">
			<header>
				<h5>
					{{ @lang_video_ad_settings }} <small>| {{ @lang_video_ad_settings }}</small>
				</h5>
				<!-- .toolbar -->
				<div class="toolbar">
					<ul class="nav">
						<li>
							<a class="minimize-box" data-toggle="collapse" href="#div-6">
								<i class="fa fa-chevron-up"></i>
							</a>
						</li>
					</ul>
				</div>
				<!-- /.toolbar -->
			</header>

			<div id="div-6" class="accordion-body collapse in body">

				<div class="form-group">
					<label for="url" class="tips control-label col-lg-3" title="{{ @lang_url_image_will_link_to }}.">{{ @lang_link_url }}</label>
					<div class="col-lg-8">
						<input class="form-control" placeholder="http://" type="url" id="url" name="url" value="{{ @ad->type_video->url }}" maxlength="256" />
					</div>
				</div><!-- /.form-group -->
				<div class="form-group">
					<label for="caption" class="tips control-label col-lg-3" title="{{ @lang_text_to_display_under_the_video__may_contain_html_ }}.">{{ @lang_caption }}</label>
					<div class="col-lg-8">
						<input class="form-control" type="text" id="caption" name="caption" value="{{ @ad->type_video->caption }}" maxlength="256" />
					</div>
				</div><!-- /.form-group -->
				<div class="form-group">
					<label for="css_class" class="tips control-label col-lg-3" title="{{ @lang_css_class_to_assign_to_the_container }}.">{{ @lang_css_class }}</label>
					<div class="col-lg-8">
						<input class="form-control" type="text" id="css_class" name="css_class" value="{{ @ad->type_video->css_class }}" maxlength="256" />
					</div>
				</div><!-- /.form-group -->
				<div class="form-group">
					<label for="width" class="tips control-label col-lg-3" title="{{ @lang_width_of_the_video_display }}.">{{ @lang_video_width }}</label>
					<div class="col-lg-2">
						<input class="form-control" type="number" id="width" name="width" min="0" value="{{ @ad->type_video->width }}" />
					</div>
				</div><!-- /.form-group -->
				<div class="form-group">
					<label for="height" class="tips control-label col-lg-3" title="{{ @lang_height_of_the_video_display }}.">{{ @lang_video_height }}</label>
					<div class="col-lg-2">
						<input class="form-control" type="number" id="height" name="height" min="0" value="{{ @ad->type_video->height }}" />
					</div>
				</div><!-- /.form-group -->
				<div class="form-group">
					<label for="duration" class="tips control-label col-lg-3" title="{{ @lang_length_of_the_video__for_vast_only_ }}.">{{ @lang_video_duration }}</label>
					<div class="col-lg-2">
						<input class="form-control" type="text" id="duration" name="duration" value="{{ @ad->type_video->duration }}" />
					</div>
				</div><!-- /.form-group -->

			</div>
		</div>
	</div>
</div>
<!-- /form section -->

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

		<div class="box dark">
			<header>
				<h5>
					{{ @lang_video_ad_urls }} <small>| {{ @lang_video_file_urls }}</small>
				</h5>
				<!-- .toolbar -->
				<div class="toolbar">
					<ul class="nav">
						<li>
							<a class="minimize-box" data-toggle="collapse" href="#div-5">
								<i class="fa fa-chevron-up"></i>
							</a>
						</li>
					</ul>
				</div>
				<!-- /.toolbar -->
			</header>

			<div id="div-5" class="accordion-body collapse in body">

				<div class="form-group">
					<label for="src" class="tips control-label col-lg-3"
					       title="{{ @lang_url_pointing_to_the_video_file__swf__mp4__flv__for_vast_only__ }}.">{{ @lang_video_url }}</label>

					<div class="col-lg-8">
						<div class="input-group">
							<input class="form-control" type="text" placeholder="http://" id="src" name="src" value="{{ @ad->type_video->src }}"/>
							<span class="input-group-btn">

						    <span class="btn btn-sm btn-success fileinput-button">
						        <i class="glyphicon glyphicon-plus"></i> {{ @lang_upload }}
						        <!-- The file input field used as target for the file upload widget -->
						        <input id="fileupload_lg" type="file" name="files_lg[]">
						    </span>

							</span>&nbsp;
							<span class="input-group-btn">

						    <span class="btn btn-sm btn-metis-6 btn-gallery" data-size="src">
						        <i class="glyphicon glyphicon-plus"></i> {{ @lang_gallery }}
						    </span>

							</span>
						</div>
						<div id="progress_lg" class="progress">
							<div class="progress-bar progress-bar-success"></div>
						</div>
						<!-- The container for the uploaded files -->
						<div id="files_lg" class="files"></div>
					</div>
				</div>
				<!-- /.form-group -->
				<div class="form-group">
					<label for="fallback_image_url" class="tips control-label col-lg-3"
					       title="{{ @lang_url_pointing_to_a_fallback_image__jpg__gif__png__that_will_be_displayed_if_the_video_is_not_available }}.">{{ @lang_fallback_image_url }}</label>

					<div class="col-lg-8">
						<div class="input-group">
							<input class="form-control" type="text" placeholder="http://" id="fallback_image_url" name="fallback_image_url" value="{{ @ad->type_video->fallback_image_url }}"/>
							<span class="input-group-btn">

						    <span class="btn btn-sm btn-success fileinput-button">
						        <i class="glyphicon glyphicon-plus"></i> {{ @lang_upload }}
						        <!-- The file input field used as target for the file upload widget -->
						        <input id="fileupload_sm" type="file" name="files_sm[]">
						    </span>

							</span>&nbsp;
							<span class="input-group-btn">

						    <span class="btn btn-sm btn-metis-6 btn-gallery" data-size="fallback_image_url">
						        <i class="glyphicon glyphicon-plus"></i> {{ @lang_gallery }}
						    </span>

							</span>
						</div>
						<div id="progress_sm" class="progress">
							<div class="progress-bar progress-bar-success"></div>
						</div>
						<!-- The container for the uploaded files -->
						<div id="files_sm" class="files"></div>
					</div>
				</div>
				<!-- /.form-group -->
				<input type="hidden" id="modal_select" value=""/>
				<input type="hidden" id="modal_size" value=""/>

			</div>
		</div>
	</div>
</div>
<!-- /form section -->

<!-- Modal -->
<div class="modal fade" id="galleryModal" tabindex="-1" role="dialog" aria-labelledby="GalleryModal" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel">{{ @lang_gallery }}</h4>
			</div>
			<div id="galleryModalBody" class="modal-body">
			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">{{ @lang_close }}</button>
			</div>
		</div>
	</div>
</div>

<script src="{{ IncludeAsset('assets/lib/jquery-file-upload/js/vendor/jquery.ui.widget.js') }}"></script>
<script src="{{ IncludeAsset('assets/lib/jquery-file-upload/js/jquery.fileupload.js') }}"></script>
<script src="{{ IncludeAsset('assets/lib/jquery-file-upload/js/jquery.fileupload-process.js') }}"></script>
<script src="{{ IncludeAsset('assets/lib/jquery-file-upload/js/jquery.fileupload-validate.js') }}"></script>

<script>
	var preview = '{{ @lang_preview }}';
</script>
<script src="{{ IncludeAsset('assets/js/ads-edit-type-video.js') }}"></script>