@extends('layouts.master')

@section('content')
<div id="body">
    <div class="container" id="product_page">
		@if(isset($product) && $product)
			<h1>{{{ $product->name }}}</h1>
		@elseif(isset($page) && $page)
			<h1>{{{ $page->title }}}</h1>
		@else
			<h1>Products</h1>
		@endif
        <div id="content">
			@if(isset($product) && $product)
            <div class="gallery">
							@if($product->photos()->count() > 0)

                <div class="big">
								
                    <a href="{{asset($product->photo_path)}}" data-fancybox-group="gallery" title="{{{ $product->first_photo->caption }}}">
											{{ HTML::image($product->first_photo->path,$product->first_photo->caption) }}
                    </a>

                    <div class="hide">
											@foreach($photos as $index => $photo)
												@if($photo->id !== $product->first_photo->id)
													{{ HTML::link($photo->path,$photo->caption,array('data-fancybox-group'=>'gallery','title'=>$photo->caption)) }}
												@endif
											@endforeach
                    </div>
                </div>

                <p><a href="#" class="gallery-active"><strong>Image Gallery ></strong></a></p>
                <div class="image">
                    <ul>
                        <!-- 
                        <li><a href="#"><img src="{{asset('images/7.png')}}" alt=""></a></li>
                        <li><a href="#"><img src="{{asset('images/8.png')}}" alt=""></a></li>
                        -->
                    </ul>
                </div>
							@endif
							@if($product->logos()->count() > 0)
								<div class="logo_area">
									@foreach($product->logos as $logo)
										<div class="logo_block_container">
											{{ HTML::image($logo->path,$logo->caption) }}
										</div>
									@endforeach
								</div>
							@endif
            </div>
            <div class="entry">
                <h2>{{{ $product->name }}}</h2>
				    {{ $product->content }}
            </div>
        
						@if($product->documents()->count() > 0)
            <div class="links">
                <h5>Helpful Tips</h5>
                <ul class="pdf">
									@foreach($product->documents as $document)
                    <li><a href="{{asset($document->path)}}" target="_blank">{{{ $document->caption?:$document->filename }}}</a></li>
									@endforeach
                </ul>
            </div>
						@endif
					@elseif(isset($page) && $page)
						<div class="cms_content">
							{{ $page->content }}
						</div>
					@endif
        </div>
        <!-- / content -->
    
				{{-- TODO: Add sidenav callout --}}
				@include('widgets.sidenav')
        <!-- / sidebar -->

    </div>
    <!-- / container -->
</div>
<!-- / body -->
@stop