@extends('gallery.layouts.app')

@section('content')
    <section id="primary" class="content-full-width">
        <div class="container">
            <div class="dt-sc-hr-invisible-small"></div>
            <div class="main-title">
                <h3> {{$gallery->title}} </h3>
                {{-- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do</p>--}}
            </div>
            <div class="cart-wrapper">
                <div class="dt-sc-three-fifth column first">
                    <div class="cart-thumb">
                        <a href="#">
                            <img
                                src="{{Storage::disk('public')->url(Storage::disk('public')->files($gallery->slug)[0])}}"
                                alt="" title="Acrylic">
                        </a>
                    </div>
                    <ul class="thumblist">
                        @foreach(Storage::disk('public')->files($gallery->slug) as $index=>$image)
                            <li>
                                <a href="#" class="product"><img style="width: 200px; height: 200px"
                                                                 src="{{Storage::disk('public')->url($image)}}" alt=""
                                                                 title=""></a>
                            </li>
                        @endforeach
                    </ul>
                    {{--  <div class="commententries">
                          <h4> Comments ( 3 ) </h4>
                          <h6><a href="#"><i class="fa fa-comments-o"></i>Add Comments</a></h6>
                          <ul class="commentlist">
                              <li>
                                  <div class="comment">
                                      <header class="comment-author">
                                          <img title="" alt="image" src="images/post-img1.jpg">
                                      </header>
                                      <div class="comment-details">
                                          <div class="author-name">
                                              <a href="#">Callahan James</a>
                                          </div>
                                          <div class="commentmetadata"><span>/</span> Acrylic Painting</div>
                                          <div title="Rated 5.00 out of 5" class="star-rating"><span
                                                  style="width:80%"></span></div>
                                          <div class="comment-body">
                                              <div class="comment-content">
                                                  <p>The wise man therefore always holds in these matters to this
                                                      principle of selection: he rejects pleasures to secure other
                                                      greater pleasures, or else he endures pains to avoid worse
                                                      pains.</p>
                                                  <div class="author-metadata">
                                                      <p><span class="fa fa-comments"></span><a href="#"> 19 </a>
                                                      </p>
                                                      <p><span class="fa fa-folder-open"> </span><a href="#">
                                                              Art</a></p>
                                                      <p><span class="fa fa-calendar"></span><a href="#"> 05 Apr
                                                              2015 </a></p>
                                                  </div>
                                              </div>
                                          </div>
                                      </div>
                                  </div>
                                  <ul class="children">
                                      <li>
                                          <div class="comment">
                                              <header class="comment-author">
                                                  <img title="" alt="image" src="images/post-img2.jpg">
                                              </header>
                                              <div class="comment-details">
                                                  <div class="author-name">
                                                      <a href="#">Sean Bean</a>
                                                  </div>
                                                  <div class="commentmetadata"><span>/</span> Sculpture</div>
                                                  <div title="Rated 5.00 out of 5" class="star-rating"><span
                                                          style="width:70%"></span></div>
                                                  <div class="comment-body">
                                                      <div class="comment-content">
                                                          <p>The wise man therefore always holds in these matters
                                                              to this principle of selection: he rejects pleasures
                                                              to secure other greater pleasures he rejects
                                                              pleasures to secure other greater pleasures, or else
                                                              he endures pains to avoid worse pains.</p>
                                                          <div class="author-metadata">
                                                              <p><span class="fa fa-comments"></span><a href="#">
                                                                      08 </a></p>
                                                              <p><span class="fa fa-folder-open"> </span><a
                                                                      href="#"> Creative</a></p>
                                                              <p><span class="fa fa-calendar"></span><a href="#">
                                                                      26 Aug 2015 </a></p>
                                                          </div>
                                                      </div>
                                                  </div>
                                              </div>
                                          </div>
                                      </li>
                                  </ul>
                              </li>
                          </ul>
                      </div>--}}
                </div>
                <div class="dt-sc-two-fifth column">

                    <div class="post-author-details">
                        <div class="entry-author-image">
                            <img style="width: 100px"
                                 src="{{Storage::disk('public')->url($gallery->photographer->avatar)}}" alt=""
                                 title=""/>
                        </div>
                        <div class="author-title">
                            <h5><a href="{{route('gallery.photographer',['user'=>$gallery->photographer])}}">{{$gallery->photographer->name}}</a></h5>
                            <span>Photographer</span>
                            <div class="woocommerce-product-rating">
                                <a href="{{route('gallery.photographer',['user'=>$gallery->photographer])}}">{{\App\Gallery::where('user_id',$gallery->photographer->id)->count()}}
                                    photos</a>
                            </div>
                        </div>
                        {{--  <div class="author-desc">
                              <p>{{$gallery->description}}</p>
                          </div>--}}
                    </div>

                    <div class="project-details">
                        <ul class="client-details">
                            {{-- <li>
                                 <p><span>Title :</span>{{$gallery->title}}</p>
                             </li>
                             <li>
                                 <p><span>Photographer :</span>{{$gallery->photographer->name}}</p>
                             </li>--}}
                            <li>
                                <p><span>Category :</span>{{$gallery->category->name}}</p>
                            </li>
                            <li>
                                <p><span>Description :</span>{{$gallery->description}}</p>
                            </li>
                            <li>
                                <p><span>Camera : </span>{{$gallery->camera}}</p>
                            </li>
                           {{-- <li>
                                <p><span>Select Frame size :</span>
                                <div class="selection-box">
                                    <select class="shop-dropdown">
                                        <option>Small</option>
                                        <option>Medium</option>
                                        <option>Large</option>
                                        <option>Customized</option>
                                    </select>
                                </div>
                                </p>
                            </li>--}}
                            <li>
                                <p>
                                    <span>Tags :</span>
                                <div class="tagcloud type3">
                                    @foreach(explode(',', $gallery->tags) as $tag)
                                        <a href="#">{{$tag}}</a>
                                    @endforeach
                                </div>
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
@endsection
@section('style')

@endsection
@section('script')

@endsection