{{-- This is not working unless site_slider is running. Might be a problem with the carousel --}}

<!-- BEGIN CLIENTS -->
<div class="row margin-bottom-40 our-clients">
	<div class="col-md-3">
		<h2><a href="javascript:;">Our Clients</a></h2>
		<p>{{ $site->clients_intro }}</p>
	</div>

	{{-- @todo make sure this scrolls --}}
	<div class="col-md-9">
		<div class="owl-carousel owl-carousel6-brands">

			@foreach($site->clients as $c)
			<div class="client-item">
				<a href="javascript:;">
					<img src="{{ $c['image'] }}" class="img-responsive" alt="">
					<img src="{{ $c['hover'] }}" class="color-img img-responsive" alt="">
				</a>
			</div>
			@endforeach
		</div>
	</div>
</div>
<!-- END CLIENTS -->

@section('page-styles')
	<link rel="stylesheet" href="{{ asset('plugin/animate/animate.min.css') }}">
@append

@section('page-scripts')
	<!-- END SLIDER -->
	<!-- @todo change to Blade Service Provider -->
	@themecss('/site/js/jquery/plugins/owl.carousel/2.0.0/css/owl.carousel.css')
	@themejs('/site/js/jquery/plugins/owl.carousel/2.0.0/js/owl.carousel.min.js','jq-owl-carousel','jquery')

	<script type="text/javascript">
        jQuery(document).ready(function() {
            // Layout.initOWL();
        });
	</script>
@append