@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">
                <h4 class="aligncenter">Photographers
                </h4>
                <p></p>
            </div>
        </div>
        <div class="fullwidth-section">
            @foreach(\App\User::whereHas('role', function (\Illuminate\Database\Eloquent\Builder $query) {
                               $query->where('name', '=', 'photographer');
                           })->get() as $index=>$photographer)

                @if(\App\Gallery::where('user_id',$photographer->id)->where('status','Approved')->count() >0)
                    @if($index % 2 == 0)
                        <div class="blog-section">
                            <article class="blog-entry">
                                <div class="entry-thumb">
                                    <ul class="blog-slider">
                                        @foreach($photographer->gallery->where('status','Approved') as $gallery)
                                            <li><img style="height: 400px"
                                                     src="{{Storage::disk('public')->url(Storage::disk('public')->files($gallery->slug)[0])}}"
                                                     alt="" title=""></li>
                                        @endforeach
                                    </ul>
                                </div>
                                <div class="entry-details">
                                    <div class="entry-title">
                                        <h3 style="margin-bottom: 1px">
                                            <img src="{{Storage::disk('public')->url($photographer->avatar)}}"
                                                 class="img img-rounded"
                                                 style="border-radius: 100%; width: 90px"><br><a
                                                href="blog-detail.html">{{$photographer->name}}</a></h3>

                                    </div>
                                    <div class="entry-body" style="margin-bottom: 5px">
                                        <p></p>
                                    </div>
                                    <a class="type1 dt-sc-button small"
                                       href="{{route('gallery.photographer',['user'=>$photographer])}}">View Portfolio<i
                                            class="fa fa-angle-right"></i></a>
                                    <a class="type1 dt-sc-button small" href="{{route('gallery.book')}}">Book For
                                        Event<i
                                            class="fa fa-angle-right"></i></a>
                                </div>
                            </article>
                        </div>
                    @else
                        <div class="blog-section">
                            <article class="blog-entry type2">
                                <div class="entry-details">
                                    <div class="entry-title">
                                        <h3 style="margin-bottom: 1px">
                                            <img src="{{Storage::disk('public')->url($photographer->avatar)}}"
                                                 class="img img-rounded"
                                                 style="border-radius: 100%; width: 90px"><br><a
                                                href="blog-detail.html">{{$photographer->name}}</a></h3>

                                    </div>
                                    <div class="entry-body" style="margin-bottom: 5px">
                                        <p></p>
                                    </div>
                                    <a class="type1 dt-sc-button small"
                                       href="{{route('gallery.photographer',['user'=>$photographer])}}">View Portfolio<i
                                            class="fa fa-angle-right"></i></a>
                                    <a class="type1 dt-sc-button small" href="{{route('gallery.book')}}">Book For
                                        Event<i
                                            class="fa fa-angle-right"></i></a>
                                </div>
                                <div class="entry-thumb">
                                    <ul class="blog-slider">
                                        @foreach($photographer->gallery->where('status','Approved') as $gallery)
                                            <li><img style="height: 400px"
                                                     src="{{Storage::disk('public')->url(Storage::disk('public')->files($gallery->slug)[0])}}"
                                                     alt="" title=""></li>
                                        @endforeach
                                    </ul>
                                </div>
                            </article>
                        </div>
                    @endif
                @endif
            @endforeach
            <div class="dt-sc-hr-invisible-small"></div>


        </div>
        <div class="clear"></div>

        <div class="dt-sc-hr-invisible-small"></div>
    </section>

@endsection
@section('style')
    <style>
        .search_photo {
            display: inline;
            float: left;
            margin: 0;
            padding: 3px 95px;
            text-align: center;
            width: 100%;
            position: absolute;
            bottom: 35%;
        }
    </style>
@endsection