<?php $__env->startSection('CSS'); ?>
<style type="text/css">
	.vjs-poster{
		background-size: 100%!important;
	}
</style>
<?php $__env->stopSection(); ?>


<?php $__env->startSection('Contenido'); ?>
<div class="row">
	<div class="col-md-12">
		<h2><i class="fa fa-question-circle"></i> Video de ayuda </h2>
	</div><!--/col-md-12-->
</div><!--/row-->

<div class="row">

	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> E-Mail Marketing </h3> </div>
			<div class="porlets-content">
				<div class="panel-group accordion" id="VideoAyudaEM" style="background: #EFEFEF;">
					<?php foreach($VideosAyudaEM as $indice => $VideoaAyudaEM): ?>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a class="collapsed" data-toggle="collapse" data-parent="#VideoAyudaEM" href="#VideoEM<?php echo $indice; ?>">
									<i class="fa fa-angle-right"></i> <?php echo $VideoaAyudaEM->nombre; ?>

								</a>
							</h4>
						</div>
						<div id="VideoEM<?php echo $indice; ?>" class="panel-collapse collapse">
							<div class="panel-body" id="PanelBodyVideoEM<?php echo $indice; ?>">
								<div class="row">
									<div class="col-md-2"></div>
									<div class="col-md-8">
										<div class="videocontent">
											<video id="VideoJSEM<?php echo $indice; ?>" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo asset('SysWeb/SumeClientes/PreviewVideos.png'); ?>" data-setup="{}">
												<source src="<?php echo $VideoaAyudaEM->ruta; ?>" type="video/mp4">
											</video>
										</div>
									</div>
									<div class="col-md-2"></div>
								</div>
							</div>
						</div>
					</div>
					<?php endforeach; ?>
				</div>
			</div>
		</div>
	</div>

	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Páginas de captura </h3> </div>
			<div class="porlets-content">
				<div class="panel-group accordion" id="VideoAyudaPA" style="background: #EFEFEF;">
					<?php foreach($VideosAyudaPA as $indice => $VideoAyudaPA): ?>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a class="collapsed" data-toggle="collapse" data-parent="#VideoAyudaPA" href="#VideoPA<?php echo $indice; ?>">
									<i class="fa fa-angle-right"></i> <?php echo $VideoAyudaPA->nombre; ?>

								</a>
							</h4>
						</div>
						<div id="VideoPA<?php echo $indice; ?>" class="panel-collapse collapse">
							<div class="panel-body" id="PanelBodyVideoPA<?php echo $indice; ?>">
								<div class="row">
									<div class="col-md-2"></div>
									<div class="col-md-8">
										<div class="videocontent">
											<video id="VideoJSPA<?php echo $indice; ?>" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo asset('SysWeb/SumeClientes/PreviewVideos.png'); ?>" data-setup="{}">
												<source src="<?php echo $VideoAyudaPA->ruta; ?>" type="video/mp4">
											</video>
										</div>
									</div>
									<div class="col-md-2"></div>
								</div>
							</div>
						</div>
					</div>
					<?php endforeach; ?>
				</div>
			</div>
		</div>
	</div>

	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Gestión de prospectos </h3> </div>
			<div class="porlets-content">
				<div class="panel-group accordion" id="VideoAyudaGP" style="background: #EFEFEF;">
					<?php foreach($VideosAyudaGP as $indice => $VideoAyudaGP): ?>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a class="collapsed" data-toggle="collapse" data-parent="#VideoAyudaGP" href="#VideoGP<?php echo $indice; ?>">
									<i class="fa fa-angle-right"></i> <?php echo $VideoAyudaGP->nombre; ?>

								</a>
							</h4>
						</div>
						<div id="VideoGP<?php echo $indice; ?>" class="panel-collapse collapse">
							<div class="panel-body" id="PanelBodyVideoGP<?php echo $indice; ?>">
								<div class="row">
									<div class="col-md-2"></div>
									<div class="col-md-8">
										<div class="videocontent">
											<video id="VideoJSGP<?php echo $indice; ?>" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo asset('SysWeb/SumeClientes/PreviewVideos.png'); ?>" data-setup="{}">
												<source src="<?php echo $VideoAyudaGP->ruta; ?>" type="video/mp4">
											</video>
										</div>
									</div>
									<div class="col-md-2"></div>
								</div>
							</div>
						</div>
					</div>
					<?php endforeach; ?>
				</div>
			</div>
		</div>
	</div>

	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Reportes </h3> </div>
			<div class="porlets-content">
				<div class="panel-group accordion" id="VideoAyudaRT" style="background: #EFEFEF;">
					<?php foreach($VideosAyudaRT as $indice => $VideoAyudaRT): ?>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a class="collapsed" data-toggle="collapse" data-parent="#VideoAyudaRT" href="#VideoRT<?php echo $indice; ?>">
									<i class="fa fa-angle-right"></i> <?php echo $VideoAyudaRT->nombre; ?>

								</a>
							</h4>
						</div>
						<div id="VideoRT<?php echo $indice; ?>" class="panel-collapse collapse">
							<div class="panel-body" id="PanelBodyVideoRT<?php echo $indice; ?>">
								<div class="row">
									<div class="col-md-2"></div>
									<div class="col-md-8">
										<div class="videocontent">
											<video id="VideoJSRT<?php echo $indice; ?>" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo asset('SysWeb/SumeClientes/PreviewVideos.png'); ?>" data-setup="{}">
												<source src="<?php echo $VideoAyudaRT->ruta; ?>" type="video/mp4">
											</video>
										</div>
									</div>
									<div class="col-md-2"></div>
								</div>
							</div>
						</div>
					</div>
					<?php endforeach; ?>
				</div>
			</div>
		</div>
	</div>

	<div class="col-md-12">
		<div class="block-web">
			<div class="header"> <h3 class="content-header"> Video Tutoriales </h3> </div>
			<div class="porlets-content">
				<div class="panel-group accordion" id="VideoAyudaVT" style="background: #EFEFEF;">
					<?php foreach($VideosAyudaVT as $indice => $VideoAyudaVT): ?>
					<div class="panel panel-default">
						<div class="panel-heading">
							<h4 class="panel-title">
								<a class="collapsed" data-toggle="collapse" data-parent="#VideoAyudaVT" href="#VideoVT<?php echo $indice; ?>">
									<i class="fa fa-angle-right"></i> <?php echo $VideoAyudaVT->nombre; ?>

								</a>
							</h4>
						</div>
						<div id="VideoVT<?php echo $indice; ?>" class="panel-collapse collapse">
							<div class="panel-body" id="PanelBodyVideoVT<?php echo $indice; ?>">
								<div class="row">
									<div class="col-md-2"></div>
									<div class="col-md-8">
										<div class="videocontent">
											<video id="VideoJSVT<?php echo $indice; ?>" class="video-js vjs-16-9 vjs-default-skin" controls="controls" poster="<?php echo asset('SysWeb/SumeClientes/PreviewVideos.png'); ?>" data-setup="{}">
												<source src="<?php echo $VideoAyudaVT->ruta; ?>" type="video/mp4">
											</video>
										</div>
									</div>
									<div class="col-md-2"></div>
								</div>
							</div>
						</div>
					</div>
					<?php endforeach; ?>
				</div>
			</div>
		</div>
	</div>

</div><!--/row end-->
<?php $__env->stopSection(); ?>

<?php $__env->startSection('JS'); ?>
<?php echo HTML::script('WebPro/js/accordion.js'); ?>

<?php $__env->stopSection(); ?>

<?php $__env->startSection('JSOr'); ?>
<?/* @forelse($VideosAyuda as $key => $VideoAyuda)
var video{{ $key }} = videojs("VideoJS{{ $key }}", { fluid: true, preload: 'metadata' }, function(){
	var player = this;
	player.on("ended", function() {
		player.posterImage.show();
	});
	player.on("pause", function() {
		player.posterImage.show();
	});
});
@endforeach */?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('BaseSistemaWeb', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>