@extends('main')
@section('title')

@endsection
@section('styles')
<style>
.btn-full-width {
    padding: 5px !important;
    text-align: center;
    width: 100%;
}
#wrap {
  max-width: 660px;
  margin: 100px auto;
}
.grow { transition: all .3s ease-in-out;

    border : 3px solid #ddd;

   }
.grow:hover { transform: scale(1.05);   border : 3px solid #eee;    }
</style>
@endsection

@section('content')

  <div class="page-header">
    <div class="row-inner">
        <h1 class="page-title">{{ $project->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> <a href="{{ Route('mobily.AllProjects') }}" class="home"> {{ __('Projects') }} </a> <span class='breadcrumbs-separator'>&raquo;</span> {{ $project->title }}</nav>
    </div>
</div>
<section class="wpb_row main_row  no-seperator" style="padding-top:35px; padding-bottom:50px;">
                                <div class="row-inner">
                                  @foreach ($project->files as $key => $image)

                                    <div class="wpb_column vc_column_container vc_col-sm-3">
                                        <div class="vc_column-inner ">
                                            <div class="wpb_wrapper">
                                              <div class="wpb_single_image wpb_content_element vc_align_left">

                                                  <figure class="wpb_wrapper vc_figure">
                                                      <div class="vc_single_image-wrapper vc_box_shadow_3d  vc_box_border_green">
                                                        <a  class="prettyphoto" rel="prettyPhoto['gall']" href="{{ asset(getProjectFileURL().$image->file) }}">
                                                          <img width="400" height="300" src="{{ asset(getProjectFileURL().$image->file) }}" class="grow vc_single_image-img attachment-full" alt="{{ $project->title }}"  />
                                                        </a>
                                                      </div>
                                                  </figure>
                                              </div>
                                              <div class="vc_empty_space" style="height: 15px"></div>



                                            </div>
                                        </div>
                                    </div>
                                  @endforeach
                                  <hr />
                                  <div class="clearfix">  </div>
                                  <div class="d_inline_middle m_left_5 addthis_widget_container">
                                                  <!-- AddThis Button BEGIN -->
                                                  <div class="addthis_toolbox addthis_default_style addthis_32x32_style">
                                                  <a class="addthis_button_preferred_1"></a>
                                                  <a class="addthis_button_preferred_2"></a>
                                                  <a class="addthis_button_preferred_3"></a>
                                                  <a class="addthis_button_preferred_4"></a>
                                                  <a class="addthis_button_compact"></a>

                                                  </div>
                                                  <!-- AddThis Button END -->
                                                </div>
                                                <div class="clearfix">  </div>
                                </div>
                            </section>

  @endsection
  @section('scripts')
    <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-5306f8f674bfda4c"></script>
    <script type="text/javascript">
    jQuery(document).ready(function($){
        //  $("a[rel^='prettyPhoto']").prettyPhoto();
           $("a[rel^='prettyPhoto']").prettyPhoto({social_tools:''});
       });
     </script>
  @endsection