Subversion Repositories SmartDukaan

<style>

    .brandStock .tooltiptext {
        visibility: hidden;
        width: 120px;
        background-color: black;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;

        /* Position the tooltip */
        position: absolute;
        z-index: 1;
    }

    .brandStock:hover .tooltiptext {
        visibility: visible;
    }
</style>

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>BRAND WISE PLACEMENT</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="icon_document_alt"></i>BrandWise Placement</li>
            </ol>
        </div>
    </div>

    <div class="row">

        <div class="col-lg-12">
            <table id="partnerBrandWiseDetail" class="table table-striped table-advance table-hover" style="width:100%">
                <thead>
                <tr>
                    <th>Partner Name</th>
                    <th>Code</th>
                    <th>Activation Type</th>
                    <th>Category</th>
                    <th>Manager</th>
                    <th>Wallet Amount</th>
                    <th>Short Invest</th>
                    <th>Min Invest</th>

                    #foreach($brand in $brands)

                        <th class="$brand.toLowerCase()"><p>$brand</p></th>
                    #end
                    <th>Accessories</th>
                    <th>TV</th>
                </tr>


                </thead>
                <tbody>

                    #foreach($cr in $customRetailers.entrySet())
                    <tr>
                        <td class="brandStock" data-fofoid="$cr.getKey()" data-toggle="modal"
                            data-target="#itemWiseBrandStock">$cr.getValue().getBusinessName()</td>
                        <td>$cr.getValue().getCode()</td>
                        <td>


                            <div style="display:flex">
                                <select class="form-control input-sm" id="activationType" name="activationType"
                                        placeholder="Activation Type">

                                    #if($partnerActivationType.get($cr.getKey()))

                                        #foreach($activationType in $activationTypes)

                                            #if($activationType == $partnerActivationType.get($cr.getKey())))

                                                <option value="$partnerActivationType.get($cr.getKey())"
                                                        selected>$partnerActivationType.get($cr.getKey())</option>
                                            #else
                                                <option value="$activationType">$activationType</option>

                                            #end
                                        #end
                                    #else
                                        <option value="" disabled selected>Activation Type</option>
                                        #foreach($activationType in $activationTypes)
                                            <option value="$activationType">$activationType</option>
                                        #end
                                    #end
                            </div>
                            </select>


                        </td>
                        <td>$fofoIdPartnerTypeMap.get($cr.getKey())</td>
                        <td>$partnerSalesHeadersMap.get($cr.getKey()).getTerritoryManager()</td>

                        <td class="currency">$partnerDailyInvestmentMap.get($cr.getKey()).getWalletAmount()</td>


                        #set($realInvestment = $partnerDailyInvestmentMap.get($cr.getKey()).getTotalInvestment() + $partnerDailyInvestmentMap.get($cr.getKey()).getShortInvestment() )


                        #set($realpercent = ($partnerDailyInvestmentMap.get($cr.getKey()).getTotalInvestment() / $realInvestment)*100)



                        #if($realpercent < 75)
                            <td class="currency"
                                style="color:red">$partnerDailyInvestmentMap.get($cr.getKey()).getShortInvestment()</td>
                        #else
                            <td class="currency">$partnerDailyInvestmentMap.get($cr.getKey()).getShortInvestment()</td>
                        #end
                        <td class="currency">$partnerDailyInvestmentMap.get($cr.getKey()).getMinInvestment()</td>


                        #foreach($brand in $brands)


                            #set($totalStock =  $fofoIdBrandAmountMap.get($cr.getKey()).get($brand))

                            #set($minBrandAmount = 0.0)

                            #set($stockPercent = 100)

                            #if($partnerBrandLimitMap.get($cr.getKey()))

                                #if($partnerBrandLimitMap.get($cr.getKey()).get($brand))

                                    #set($minBrandAmount = $partnerBrandLimitMap.get($cr.getKey()).get($brand))

                                    #set($stockPercent = ($totalStock /  $minBrandAmount)*100)
                                #end
                            #end




                            #if($brand == "Nokia" || $brand == "Xiaomi" || $brand == "Realme")
                                <td class="currency brandStock" data-fofoid="$cr.getKey()" data-brand="$brand"
                                    data-toggle="modal" data-target="#itemWiseBrandStock">$totalStock <span
                                        class="tooltiptext">$minBrandAmount</span></td>

                            #else
                                #if($stockPercent >  90)
                                    <td class="currency brandStock" style="background-color:#52BE80"
                                        data-stock="$inStockBrandModel.get($cr.getKey()).get($brand)"
                                        data-pending="$pendingIndent.get($cr.getKey()).get($brand)"
                                        data-grn="$grnPendingOrders.get($cr.getKey()).get($brand)"
                                        data-fofoid="$cr.getKey()" data-brand="$brand" data-toggle="modal"
                                        data-target="#itemWiseBrandStock">$totalStock <span
                                            class="tooltiptext">$minBrandAmount</span></td>
                                #elseif($stockPercent <  80)
                                    <td class="currency brandStock" style="background-color:#EC7063 "
                                        data-stock="$inStockBrandModel.get($cr.getKey()).get($brand)"
                                        data-pending="$pendingIndent.get($cr.getKey()).get($brand)"
                                        data-grn="$grnPendingOrders.get($cr.getKey()).get($brand)"
                                        data-fofoid="$cr.getKey()" data-brand="$brand" data-toggle="modal"
                                        data-target="#itemWiseBrandStock"> $totalStock <span
                                            class="tooltiptext">$minBrandAmount</span></td>
                                #else
                                    <td class="currency brandStock" style="background-color:#F7DC6F"
                                        data-stock="$inStockBrandModel.get($cr.getKey()).get($brand)"
                                        data-pending="$pendingIndent.get($cr.getKey()).get($brand)"
                                        data-grn="$grnPendingOrders.get($cr.getKey()).get($brand)"
                                        data-fofoid="$cr.getKey()" data-brand="$brand" data-toggle="modal"
                                        data-target="#itemWiseBrandStock">$totalStock <span
                                            class="tooltiptext">$minBrandAmount</span></td>
                                #end

                            #end

                        #end







                        #if($inStockAccessTv.get($cr.getKey()))
                            #set($inStockAcc = $inStockAccessTv.get($cr.getKey()).getAccessoriesAmount())
                            #set($inStockTv = $inStockAccessTv.get($cr.getKey()).getTvAmount())
                        #else
                            #set($inStockAcc = 0)
                            #set($inStockTv = 0)
                        #end


                        #if($pendingIndentAccessTv.get($cr.getKey()))
                            #set($pendingIndentAcc = $pendingIndentAccessTv.get($cr.getKey()).getAccessoriesAmount())
                            #set($pendingIndentTv = $pendingIndentAccessTv.get($cr.getKey()).getTvAmount())
                        #else
                            #set($pendingIndentAcc = 0)
                            #set($pendingIndentTv = 0)
                        #end


                        #if($grnPendingAccessTvOrders.get($cr.getKey()))
                            #set($grnPendingAcc = $grnPendingAccessTvOrders.get($cr.getKey()).getAccessoriesAmount())
                            #set($grnPendingTv = $grnPendingAccessTvOrders.get($cr.getKey()).getTvAmount())
                        #else
                            #set($grnPendingAcc = 0)
                            #set($grnPendingTv = 0)
                        #end


                        #set($totalAccStock = $inStockAcc+ $pendingIndentAcc + $grnPendingAcc)

                        #set($totalTvStock = $inStockTv+ $pendingIndentTv + $grnPendingTv)


                        #if($brandAmountLimit.get("accessories") != 0)
                            #set($stockAccPercent = ($totalAccStock /  $brandAmountLimit.get("accessories"))*100)
                        #else
                            #set($stockAccPercent = 100)
                        #end


                        #if($stockAccPercent >  90)
                            <td class="currency brandStock" style="background-color:#52BE80" data-fofoid="$cr.getKey()"
                                data-brand="accessories" data-toggle="modal"
                                data-target="#itemWiseBrandStock">$totalAccStock</td>
                        #elseif($stockAccPercent <  80)
                            <td class="currency brandStock" style="background-color:#EC7063 " data-fofoid="$cr.getKey()"
                                data-brand="accessories" data-toggle="modal"
                                data-target="#itemWiseBrandStock"> $totalAccStock</td>
                        #else
                            <td class="currency brandStock" style="background-color:#F7DC6F" data-fofoid="$cr.getKey()"
                                data-brand="accessories" data-toggle="modal"
                                data-target="#itemWiseBrandStock">$totalAccStock</td>
                        #end



                        #if($brandAmountLimit.get("TV") != 0)
                            #set($stockTVPercent = ($totalTvStock /  $brandAmountLimit.get("TV"))*100)
                        #else
                            #set($stockTVPercent = 100)
                        #end


                        #if($stockTVPercent >  90)
                            <td class="currency brandStock" style="background-color:#52BE80" data-fofoid="$cr.getKey()"
                                data-brand="TV" data-toggle="modal" data-target="#itemWiseBrandStock">$totalTvStock</td>
                        #elseif($stockTVPercent <  80)
                            <td class="currency brandStock" style="background-color:#EC7063 " data-fofoid="$cr.getKey()"
                                data-brand="TV" data-toggle="modal"
                                data-target="#itemWiseBrandStock"> $totalTvStock</td>
                        #else
                            <td class="currency brandStock" style="background-color:#F7DC6F" data-fofoid="$cr.getKey()"
                                data-brand="TV" data-toggle="modal"
                                data-target="#itemWiseBrandStock"> $totalTvStock</td>
                        #end


                    </tr>
                    #end

                </tbody>
            </table>


            <div id="itemWiseBrandStock" class="modal" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">

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

</section>


<script type="text/javascript">
    var editor;

    $(document).ready(function () {

        $('#partnerBrandWiseDetail').DataTable({
            "bPaginate": true,
            "bLengthChange": true,
            "bFilter": true,
            "bInfo": false,
            "bAutoWidth": false,
            "scrollX": true,
        });
    });

    $('#partnerBrandWiseDetail').on('click', '.brandStock', function () {
        var fofoId = $(this).data('fofoid');
        var brand = $(this).data('brand');

        console.log(brand)

        doGetAjaxRequestHandler(context + "/getPartnerShortageStock?brand=" + brand + "&fofoId="
                + fofoId, function (response) {

            $('#itemWiseBrandStock .modal-content').html(response);

        });
    });


</script>