@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 SAVE LIST EDIT</h2>
            </div>
        </div>
    </div>
    <a href="#" class="btn-chat">Chat With Us</a>
</div>

<form action="{{route('frontend.salespresenters.updateListData')}}" 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" data-toggle="modal" data-target="#saveList">Save this list</a> -->
                <button class="btn btn-primary btn-round mb-3 mr-2" type="submit">Save this list</button>
                <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>
                <button class="btn btn-primary btn-round mb-3 float-right mr-2">Selections: <span class="selections-count" id="selections-count-get">{{count($editList->softcopies)}}</span></button>
            </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">
                                            @if(in_array($softCopy['id'],$savesoftcopy))
                                                <div class="status">
                                                    Saved
                                                </div>
                                            @endif

                                            <img class="img-fluid" src="{{(isset($softCopy['image']) && $softCopy['image']!='')?asset('uploads/salespresentersoftcopy/'.$softCopy['image']):''}}" alt="">
                                            
                                            <div class="action-buttons">
                                                <div class="custom-control custom-checkbox">
                                                    @if(in_array($softCopy['id'],$savesoftcopy))
                                                        <input type="checkbox" name="softcopy_id[]" value="{{$softCopy['id']}}" class="custom-control-input save-list-salespresenters" id="pdf{{$softCopy['id']}}" checked>
                                                    @else
                                                        <input type="checkbox" name="softcopy_id[]" value="{{$softCopy['id']}}" class="custom-control-input save-list-salespresenters" id="pdf{{$softCopy['id']}}">
                                                    @endif
                                                    <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">
                                                @if(in_array($softCopy['id'],$savesoftcopy))
                                                    <div class="status">
                                                        Saved
                                                    </div>
                                                @endif
                                                <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">
                                                        @if(in_array($softCopy['id'],$savesoftcopy))
                                                            <input type="checkbox" name="softcopy_id[]" value="{{$softCopy['id']}}" class="custom-control-input save-list-salespresenters" id="pdfcat{{$softCopy['id']}}" checked>
                                                        @else
                                                            <input type="checkbox" name="softcopy_id[]" value="{{$softCopy['id']}}" class="custom-control-input save-list-salespresenters" id="pdfcat{{$softCopy['id']}}">
                                                        @endif
                                                        <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" data-toggle="modal" data-target="#saveList">Save this list</a> -->
                <button class="btn btn-primary btn-round mb-3 mr-2" type="submit">Save this list</button>
                <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>
                <button class="btn btn-primary btn-round mb-3 float-right mr-2">Selections: <span class="selections-count">{{count($editList->softcopies)}}</span></button>
            </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" placeholder="List Name" value="{{$editList->title}}" require>
                </div>
                <input type="hidden" name="list_id" value="{{$editList->id}}">
                <button type="submit" class="btn btn-primary btn-round">Save List</button>
            <!-- </form> -->
          </div>
        </div>
      </div>
    </div>

    </form>


@endsection

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

    $('.gotosavemylist').click(function () {
        var selections_count = $(".selections-count").text();
        if(selections_count > 0){
            if (confirm("Your modification will be lost")) {
                return true;
            } else {
                return false;
            }
        }
        //return true;
    });
  });
</script>
@endsection