@extends('main')
@section('title')
@endsection
@section('styles')
<style>
#wrap {
  max-width: 660px;
  margin: 100px auto;
}
</style>
@endsection
@section('content')
  <div class="page-header">
    <div class="row-inner">
      <h1 class="page-title">{{ $page->title }}</h1>
        <nav class="breadcrumbs-trail" role="navigation"><a href="{{ Route('mobily.site.home.page') }}" class="home">{{ __('Home') }}</a><span class='breadcrumbs-separator'>&raquo;</span> {{ $page->title }}</nav>
    </div>
</div>
<div class="vc_empty_space" style="height: 20px"><span class="vc_empty_space_inner"></span></div>
<section class="wpb_row main_row  no-seperator" style="padding-top:0px; padding-bottom:10px;">
    <div class="row-inner">
      @foreach ($directors as $key => $director)
        <div class="wpb_column vc_column_container vc_col-sm-3">
            <div class="vc_column-inner ">
                <div class="wpb_wrapper">
                    <div class="testimonials-slider testimonials-style-4">
                        <div class="wpb_flexslider" data-interval="5" data-flex_fx="fade">
                            <ul class="slides">
                                <li class="testimonial-wrapper" style="display:none;">
                                    <div class="testimonial-content">
                                      <div style="text-align:center">
                                        <a href="{!! URL::Route('mobily.ShowDirector',[$director->slug]) !!}"><img  style="width: auto; max-height: 220px; max-width: 100%;" src="{{ asset($director->image) }}" /></a>
                                        <div class="vc_empty_space" style="height: 10px"><span class="vc_empty_space_inner"></span></div>
                                      </div>
                                      <p style="margin-bottom:5px">{!! str_limit(strip_tags($director->content), 80) !!}</p>
                                        <div class="vc_empty_space" style="height: 0px"></div>
                                      <a style="text-align:right" class="more-link-button"  href="{!! URL::Route('mobily.ShowDirector',[$director->slug]) !!}">{{ __('More') }}</a>
                                    </div>
                                    <div class="testimonial-line tl-bottom"><i class="fa fa-quote-right"></i><span></span></div>
                                    <div class="testimonial-author"> <span class="testimonial-author-desc"> {{ __('Met') }}</span> <a href="{!! URL::Route('mobily.ShowDirector',[$director->slug]) !!}">{{ $director->title }}</a>                                        <div class="vc_empty_space" style="height: 5px"></div>
                                    <span class="testimonial-author-desc"> {{ $director->job_title }}</span></div>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
      @endforeach
      </div>
    </section>
  @endsection
  @section('scripts')
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-5306f8f674bfda4c"></script>
  @endsection