@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">SALES PRESENTER SOFT COPY</h2>
            </div>
        </div>
    </div>
    <a href="#" class="btn-chat">Chat With Us</a>
</div>

<form id="savelistform" action="{{route('frontend.salespresenters.saveListData')}}" method="post" enctype="multipart/form-data">
@csrf
<section class="main-sec">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="top-tab">
                    <ul id="menulist">
                        <li class="active"><a href="javascript:void(0)">All <span>({{$totalSoftCopy}})</a></li>
                        @foreach($salespresentercategories as $salespresentercategory)
                            <li class=""><a href="javascript:void(0)">{{$salespresentercategory->name}} <span>({{count($salespresentercategory->softcopies)}})</span></a></li>
                        @endforeach

                    </ul>
                </div>
            </div>
            <div class="col-md-12 mb-2">    
                <a href="javascript:void(0)" class="btn btn-primary btn-round mb-3 mr-2 save-this-list" data-toggle="modal" data-target="#saveList">Save this list</a>
                <a href="{{route('frontend.salespresenters.mysavelist.index')}}" class="btn btn-primary btn-round mb-3 gotosavemylist">Go to my saved lists</a>
                <a href="{{route('frontend.salespresenters.howToUseSalesPresenters')}}" target="_blank" class="btn btn-primary btn-round mb-3 float-right">How to use</a>
                <span class="btn btn-primary btn-round mb-3 float-right mr-2">Selections: <span class="selections-count" id="selections-count-get">0</span></span>
            </div>
            <div class="col-md-12">
                <div class="stage">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row text-center">

                                @foreach($softCopies as $softCopy)
                                    <div class="col-md-4 mb-3">
                                        <div class="rt-pnl">
                                            {{--<button type="button" class="btn btn-success btn-round w-share whatsapp-share" data-count="{{$softCopy['id']}}" title="Share on WhatsApp">
                                              <i class="fab fa-whatsapp"></i>
                                            </button>--}}
                                            <input type="hidden" id="primium-banner{{$softCopy['id']}}" value="{{$softCopy['image']}}">
                                            <!-- <div class="status">
                                                Saved
                                            </div> -->
                                            <img class="img-fluid" src="{{(isset($softCopy['image']) && $softCopy['image']!='')?asset('uploads/salespresentersoftcopy/'.$softCopy['image']):''}}" alt="">
                                            <!-- <div class="water-mark-sale">
                                                MasterStroke
                                            </div> -->
                                            <div class="action-buttons">
                                            <div class="custom-control custom-checkbox">
                                                    <input type="checkbox" name="softcopy_id[]" value="{{$softCopy['id']}}" class="custom-control-input save-list-salespresenters" id="pdf{{$softCopy['id']}}">
                                                    <label class="custom-control-label" for="pdf{{$softCopy['id']}}">Select image for PDF</label>
                                                </div>
                                                <a class="btn btn-success" href="{{url('watermark-image-sales-presenters')}}/{{$softCopy['image']}}">Download as JPG</a> 
                                               </div>
                                            
                                        </div>
                                    </div>
                                @endforeach

                            </div>

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

                @foreach($salespresentercategories as $salespresentercategory)

                    <div class="stage" style="display: none;">
                        <div class="row">
                            <div class="col-md-12">

                                <div class="row text-center">

                                    @foreach($salespresentercategory->softcopies as $softCopy)
                                    
                                        <div class="col-md-4 mb-3">
                                            <div class="rt-pnl">
                                                <button type="button" class="btn btn-success btn-round w-share whatsapp-share" data-count="{{$softCopy['id']}}" title="Share on WhatsApp">
                                                <i class="fab fa-whatsapp"></i>
                                                </button>
                                                <input type="hidden" id="primium-banner{{$softCopy['id']}}" value="{{$softCopy['image']}}">
                                                <img class="img-fluid" src="{{(isset($softCopy['image']) && $softCopy['image']!='')?asset('uploads/salespresentersoftcopy/'.$softCopy['image']):''}}" alt="">
                                                <!-- <div class="water-mark-sale">
                                                    MasterStroke
                                                </div> -->
                                                <div class="action-buttons">
                                                    <div class="custom-control custom-checkbox">
                                                        <input type="checkbox" name="softcopy_id[]" value="{{$softCopy['id']}}" class="custom-control-input save-list-salespresenters" id="pdfcat{{$softCopy['id']}}">
                                                        <label class="custom-control-label" for="pdfcat{{$softCopy['id']}}">Select image for PDF</label>
                                                    </div>
                                                    <a class="btn btn-success" href="{{url('watermark-image-sales-presenters')}}/{{$softCopy['image']}}">Download as JPG</a>
                                                    
                                                </div>
                                            </div>
                                        </div>

                                    @endforeach

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

                @endforeach
            </div>
            <div class="col-md-12 mt-2">    
                <a href="javascript:void(0)" class="btn btn-primary btn-round mb-3 mr-2 save-this-list" data-toggle="modal" data-target="#saveList">Save this list</a>
                <a href="{{route('frontend.salespresenters.mysavelist.index')}}" class="btn btn-primary btn-round mb-3 gotosavemylist">Go to my saved lists</a>
                <a href="{{route('frontend.salespresenters.howToUseSalesPresenters')}}" target="_blank" class="btn btn-primary btn-round mb-3 float-right">How to use</a>
                <span class="btn btn-primary btn-round mb-3 float-right mr-2">Selections: <span class="selections-count">0</span></span>
            </div>
        </div>
    </div>
    <div class="btm-shape-prt">
        <img class="img-fluid" src="{{asset('f/images/shape2.png')}}" alt="" />
    </div>
</section>

    <!-- Modal -->
    <div class="modal fade" id="saveList" tabindex="-1" role="dialog" aria-labelledby="saveList" aria-hidden="true">
      <div class="modal-dialog" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Enter the name of your list.</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            <!-- <form action="my-saved-lists.php"> -->
                <div class="form-group">
                    <input type="text" name="title" class="form-control" id="list_name" placeholder="List Name*" value="">
                    
                        <div class="invalid-feedback" id="invalid-feedback" role="alert"></div>
                </div>
                <button  type="button" id="save-list-button" class="btn btn-primary btn-round">Save List</button>
            <!-- </form> -->
          </div>
        </div>
      </div>
    </div>

    </form>

    <style>
        .save-this-list{
            display:none;
        }
    </style>

@endsection

@section("js_after")
<script>
  $(document).ready(function() {
      $(this).bind("contextmenu", function(e) {
          e.preventDefault();
      });
      
    $('.gotosavemylist').click(function () {
        var selections_count = $(".selections-count").text();
        if(selections_count > 0){
            if (confirm("Your selection will be lost!")) {
                return true;
            } else {
                return false;
            }
        }
        //return true;
    });

    $("#save-list-button").click(function(){
    //$( "form" ).submit(function(event) {
        //event.preventDefault();
        var list_name = $("#list_name").val();
        var base_url = window.location.origin;
        var aa = 1;
        $.ajax({
            url: base_url+'/checklist/'+list_name,
            //url: 'http://172.16.10.42/masterstrokeonline.myvtd.site/public'+'/checklist/'+list_name,
            type: 'get',
            //dataType: 'json',
            success: function(response){
                console.log(response);
                if(response == 1){
                    $("#invalid-feedback").html('<strong>List name already exist</strong>');
                    $("#invalid-feedback").show();
                    return false;
                    
                }else{
                    console.log("ok2");
                    $("#savelistform").submit();
                    return true;
                    
                }
            }
        })

        
        
    });
    

    $(".whatsapp-share").click(function(){

            image_id = "#primium-banner"+$(this).attr("data-count");
            
           var primiumBanner = $(image_id).val();
           //alert(primiumBanner);
           var base_url = window.location.origin;
            $.ajax({
                
                //url: 'http://172.16.10.42/masterstrokeonline.myvtd.site/public'+'/salespresenters/whatappshare/'+primiumBanner,
                url: base_url+'/salespresenters/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