@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">YOU CAN USE THE FOLLOWING SHEETS TO CREATE SALES PRESENTER</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 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">
                <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">
                                            <!-- <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>
                                    </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">
                                                <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>
    </div>
    <div class="btm-shape-prt">
        <img class="img-fluid" src="{{asset('f/images/shape2.png')}}" alt="" />
    </div>
</section>

@endsection