@extends('layouts.frontend')

@section('content')
<div class="banner">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <h2 class="page-title"> MARKETING BANNERS</h2>
            </div>
        </div>
    </div>
    <a href="#" class="btn-chat">Chat With Us</a>
</div>
<section class="main-sec">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <div class="top-tab">
                        <ul>
                            <li class="@if(empty($slug)) ? '' : active @endif"><a href="{{url('premium-banners')}}">All <span>({{$totalPosts}})</span></a></li> 

                            @foreach($categories as $category)
                                <li class="@if($slug == $category->slug) ? '' : active @endif"><a href="{{url('premium-banners/category')}}/{{$category->slug}}">{{$category->name}} ({{count($category->premiumbanners)}})</a></li>
                            @endforeach

                        </ul>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="row text-center">
                        @if(isset($posts))
                            @php
                            $count = 0;
                            @endphp
                            @foreach($posts as $post)
                            @php
                            $count++;
                            @endphp
                            <div class="col-md-4 mb-3">
                                <div class="rt-pnl">
                                    <img class="img-fluid" src="{{url('uploads/premiumbanner')}}/{{$post->cover_image}}" alt="">

                                    @if (Auth::check()) 
                                        
                                        <a href="{{url('watermark-image')}}/{{$post->premium_banner}}">
                                            <button class="btn btn-primary btn-round mt-3"><i class="fas fa-download"></i> Download</button>
                                        </a>

                                        {{--<a href="javascript:void(0);" class="whatsapp-share" data-count="{{$count}}">
                                            <button class="btn btn-success btn-round mt-3"><i class="fab fa-whatsapp"></i> Share</button>
                                        </a>--}}
                                        <input type="hidden" id="primium-banner{{$count}}" value="{{$post->premium_banner}}">

                                    @else
                                        <a href="{{url('login')}}">
                                            <button class="btn btn-primary btn-round mt-3"><i class="fas fa-download"></i> Download</button>
                                        </a>
                                        {{--<a href="{{url('login')}}">
                                            <button class="btn btn-success  btn-round mt-3"><i class="fab fa-whatsapp"></i> Share</button>
                                        </a>--}}
                                    @endif
                                </div>
                            </div>
                            @endforeach
                            
                            <div class="col-md-12">
                                <nav aria-label="Page navigation example">
                                    {{$posts->links()}}
                                </nav>
                            </div>
                        @endif
                        @if($count < 1)
                            <div class="col-12">
                                <h2>No Premium Banner Found!</h2>
                            </div> 
                        @endif
                    </div>
                </div>
            </div>
        </div>
        <div class="btm-shape-prt">
            <img class="img-fluid" src="{{asset('f/images/shape2.png')}}" alt="" />
        </div>
    </section>

@endsection

@section("js_after")
<script>
  $(document).ready(function() {

        $(".whatsapp-share").click(function(){
            
            /*var imageURL = 'http://172.16.10.42/masterstrokeonline.myvtd.site/public/uploads/premiumbanner/1586176541.jpg';
            window.location.href = 'https://api.whatsapp.com/?text='+encodeURIComponent(imageURL);
            //window.location = 'whatsapp://send?text='+encodeURIComponent(imageURL);*/

            /*t='http://172.16.10.42/masterstrokeonline.myvtd.site/public/uploads/premiumbanner/1586176541.jpg';
            window.open('http://www.facebook.com/sharer.php?t='+encodeURIComponent(t),'sharer','toolbar=0,status=0,width=626,height=436');
            return false;*/

            image_id = "#primium-banner"+$(this).attr("data-count");

           var primiumBanner = $(image_id).val();
            
           var base_url = window.location.origin;
            $.ajax({
                
                //url: 'http://172.16.10.42/masterstrokeonline.myvtd.site/public'+'/whatappshare/'+primiumBanner,
                url: base_url+'/whatappshare/'+primiumBanner,
                type: 'get',
                dataType: 'html',
                success: function(response){
                    //console.log(response);
                    var imageURL = response;
                    //window.location.href = 'https://api.whatsapp.com/?text='+encodeURIComponent(imageURL);
                    window.location = 'https://wa.me/?text='+encodeURIComponent(imageURL);

                }
            });

            return false;

        });

    }); 
</script>

@endsection