@extends('frontend.layouts.master')
@section('title') Portfolio @endsection
@section('main-content')

<section class="page_breadcrumbs ds parallax section_padding_top_65 section_padding_bottom_65">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 text-center">
                <h2 class="highlight">Portfolio</h2>
                <ol class="breadcrumb darklinks">
                    <li>
                        <a href="{{route('home')}}">
                            Home
                        </a>
                    </li>
                    <li>
                        <a href="{{route('service')}}">Service</a>
                    </li>
                    <li class="active">Portfolio</li>
                </ol>
            </div>
        </div>
    </div>
</section>


<section class="ls page_portfolio section_padding_top_100 section_padding_bottom_75">
    <div class="container">
        <div class="row">
            <div class="col-sm-12">
                <div class="filters isotope_filters darklinks">
                    @foreach(Helper::portfolioServiceList('services') as $service)
                        <a  class="{{ Request::path() == 'portfolio.service.'.$service['slug'] ? 'active' : '' }}"
                            href="{{route('portfolio.service', $service['slug'])}}"
                            data-filter=".{{ $service['slug'] }}">
                            {{$service->title}}
                        </a>
                    @endforeach
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <div class="category-title">
                        <h2>
                            @if(isset($selectedService))
                                {{ $selectedService->title }}
                            @else
                                All Portfolios
                            @endif
                        </h2>
                    </div>
                </div>
            </div>

            <div class="col-sm-8 col-sm-push-2">
                <div class="isotope_container isotope row masonry-layout columns_margin_bottom_20" data-filters=".isotope_filters">
                    @if($portfolios)
                        @foreach($portfolios as $portfolio)
                            <div class="isotope-item col-lg-12 col-md-12 col-sm-12 architecture">
                                <div class="vertical-item gallery-item content-absolute text-center ds">
                                    <div class="item-media">
                                        @php
                                            $photo = explode(',',$portfolio->photo);
                                        @endphp
                                        <img src="{{ Storage::url($portfolio->photo) }}" alt="">
                                        <div class="media-links">
                                            <div class="links-wrap">
                                                @if ($portfolio->images)
                                                    @php
                                                        $imageArray = explode(',', $portfolio->images);
                                                    @endphp
                                                    <a class="p-view prettyPhoto " data-fancybox="gallery{{$portfolio->id}}" data-gal="#gallery{{$portfolio->id}}" href="{{ Storage::url($imageArray[0]) }}"></a>
                                                @endif
                                                {{-- <a class="p-view prettyPhoto " title="" data-gal="prettyPhoto[gal]" href="images/gallery/01.jpg"></a> --}}
                                            </div>
                                        </div>
                                    </div>
                                    <div class="item-content darken_gradient">
                                        <h4 class="poppins">
                                            @if($portfolio->link)
                                                <a href="{{$portfolio->link}}" target="_blank">{{$portfolio->name}}</a>
                                            @endif
                                        </h4>
                                    </div>
                                </div>
                            </div>

                            @if ($portfolio->images)
                                <div id="gallery{{$portfolio->id}}" style="display: none;">
                                    @foreach($imageArray as $index => $image)
                                        <a href="{{ Storage::url($image) }}" data-fancybox="gallery{{$portfolio->id}}" data-caption="Caption #1">
                                            <img src="{{ Storage::url($image) }}" />
                                        </a>
                                    @endforeach
                                </div>
                            @endif
                        @endforeach
                    @endif
                </div>
                <!-- eof .isotope_container.row -->
            </div>
        </div>
    </div>
</section>

@endsection