@extends('frontend.layouts.partials.default')
@section('title','IMAGESOUK')
@section('main')

<div class="section">
    <div class="container py-5 profile_form profile_nav">
            <nav>
                <div class="nav nav-tabs dB_tabsCstm_design" id="nav-tab" role="tablist">
                    <a class="nav-item nav-link active" id="nav-activity-tab" data-toggle="tab" href="#nav-activity" role="tab" aria-controls="nav-activity" aria-selected="true">Recently Viewed</a>
                    <a class="nav-item nav-link" id="nav-download-tab" data-toggle="tab" href="#nav-download" role="tab" aria-controls="nav-download" aria-selected="false">Download History</a>
                    <a class="nav-item nav-link" id="nav-lightbox-tab" data-toggle="tab" href="#nav-lightbox" role="tab" aria-controls="nav-lightbox" aria-selected="false">Lightbox</a>
                </div>
            </nav>

            <div class="tab-content" id="nav-tabContent">
                <div class="tab-pane fade show active py-4" id="nav-activity" role="tabpanel" aria-labelledby="nav-activity-tab">
                    <h4 class="text-warning mb-3 profile_text"> Recently Viewed Images </h4>


                    @if (count($items) == 0)

                    <div class="row">
                        <div class="col-12 col-md-12">
                            <h6 class="mb-3"> No images viewed yet . <a href="{{ route('homepage') }}"> Browse images </a> </h6>
                        </div>
                    </div>
                    @endif


                        <div class="grid">
                            <div class="grid-sizer"></div>
                            @foreach($items as $item)
                            @if($item->item_type == 1)
                            <div class="grid-item">
                                <a href="/imagedetails?image={{$item->item_secret}}"  target="_blank">
                                    <img src="/uploads/watermark/{{$item->item_secret}}.jpeg" />
                                </a>
                            </div>
                            @elseif($item->item_type == 2)
                            <div class="grid-item">
                                <a href="/videodetails?video={{$item->item_secret}}"  target="_blank">
                                <video class="video"  height="200px">
                                    <source src="/uploads/videos/{{$item->item_secret}}/watermarked.mp4" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                                </a>
                            </div>
                            @endif
                            @endforeach

                        </div>

                </div>
                <div class="tab-pane fade p-3" id="nav-download" role="tabpanel" aria-labelledby="nav-download-tab">
                        <h4 class="text-warning mb-3 profile_text"> Downloaded Images & Videos </h4>

                        @if (count($items) == 0)

                        <div class="row">
                            <div class="col-12 col-md-12">
                                <h6 class="mb-3"> No images viewed yet . <a href="{{ route('homepage') }}"> Browse images </a> </h6>
                            </div>
                        </div>
                        @endif
                </div>
                <div class="tab-pane fade p-3" id="nav-lightbox" role="tabpanel" aria-labelledby="nav-lightbox-tab">
                        <h4 class="text-warning mb-3 profile_text">Images in your lightbox </h4>
                        @if (count($wishlist_items) == 0)

                        <div class="row">
                            <div class="col-12 col-md-12">
                                <h6 class="mb-3"> No images viewed yet . <a href="{{ route('homepage') }}"> Browse images </a> </h6>
                            </div>
                        </div>
                        @endif

                        <div class="grid">
                            <div class="grid-sizer"></div>
                            @foreach($wishlist_items as $item)
                            @if($item->item_type == 1)
                            <div class="grid-item">
                                <a href="/imagedetails?image={{$item->item_secret}}"  target="_blank">
                                    <img src="/uploads/watermark/{{$item->item_secret}}.jpeg" />
                                </a>
                            </div>
                            @elseif($item->item_type == 2)
                            <div class="grid-item">
                                <a href="/videodetails?video={{$item->item_secret}}"  target="_blank">
                                <video class="video"  height="200px">
                                    <source src="/uploads/videos/{{$item->item_secret}}/watermarked.mp4" type="video/mp4">
                                    Your browser does not support the video tag.
                                </video>
                                </a>
                            </div>
                            @endif
                            @endforeach

                        </div>
                </div>
            </div>
        </ul>
    </div>
</div>

@endsection