Subversion Repositories SmartDukaan

                                                    #if($pinelabsOfferMap.get($cartItem.getItemId()))

                                                        <br/><a role="button" style="color:green;font-size: 10px;"

                                                           class="pinelabs-offer-submit" data-toggle="modal"

                                                           data-target="#pinelabsOfferModal"

                                                           data-itemid="$cartItem.getItemId()">

                                                            - EMI offers<i class="fas fa-arrow-circle-right"></i>

                                                        </a>

                                                    #end

<!-- Pinelabs Offer Modal -->

<div id="pinelabsOfferModal" class="modal" role="dialog">

    <div class="modal-dialog modal-lg">

        <div class="modal-content">

            <div class="modal-header">

                <button type="button" class="close" data-dismiss="modal">&times;</button>

                <h4 class="modal-title">Pinelabs EMI Offers <small class="text-danger">All plans are showing on MOP basis</small></h4>

            </div>

            <div class="modal-body" id="pinelabsOfferModalBody" style="max-height:450px;overflow-y:auto;">

            </div>

        </div>

    </div>

</div>

## Pinelabs offer data rendered per item - grouped accordion by bank name

#if($pinelabsOfferMap && !$pinelabsOfferMap.isEmpty())

#foreach($entry in $pinelabsOfferMap.entrySet())

<div id="pinelabs-data-$entry.key" style="display:none;">

    <div class="panel-group" id="pinelabs-accordion-$entry.key">

        #foreach($issuerEntry in $entry.value.entrySet())

        <div class="panel panel-default">

            <div class="panel-heading" style="cursor:pointer;" data-toggle="collapse" data-parent="#pinelabs-accordion-$entry.key" data-target="#pinelabs-collapse-${entry.key}-${velocityCount}">

                <h4 class="panel-title">

                    <span class="glyphicon glyphicon-chevron-down" style="margin-right:8px;font-size:12px;"></span>

                    $!issuerEntry.key

                    <span class="badge" style="margin-left:8px;">$issuerEntry.value.size() offers</span>

                </h4>

            </div>

            <div id="pinelabs-collapse-${entry.key}-${velocityCount}" class="panel-collapse collapse#if($velocityCount == 1) in#end">

                <div class="panel-body" style="padding:0;">

                    <table class="table table-striped table-hover" style="margin-bottom:0;">

                        <thead>

                            <tr>

                                <th>Tenure</th>

                                <th>Monthly EMI</th>

                                <th>Interest Rate</th>

                                <th>EMI Type</th>

                            </tr>

                        </thead>

                        <tbody>

                        #foreach($tenure in $issuerEntry.value)

                            <tr>

                                <td>$!tenure.getTenureValue() months</td>

                                <td>#if($tenure.getMonthlyEmiAmount())$!tenure.getMonthlyEmiAmount().getValue() $!tenure.getMonthlyEmiAmount().getCurrency()#end</td>

                                <td>$!tenure.getInterestRatePercentage()%</td>

                                <td>$!tenure.getEmiType()</td>

                            </tr>

                        #end

                        </tbody>

                    </table>

                </div>

            </div>

        </div>

        #end

    </div>

</div>

#end

#end

<script type="text/javascript">

    $(document).on('click', '.pinelabs-offer-submit', function() {

        var itemId = $(this).data('itemid');

        var content = $('#pinelabs-data-' + itemId).html();

        $('#pinelabsOfferModalBody').html(content || '<p>No offers available</p>');

    });