Subversion Repositories SmartDukaan

<style>
    .imei-modal-container {
        font-size: 13px;
        padding: 10px;
    }

    .imei-modal-container .table {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .imei-modal-container .table th {
        background-color: #f5f5f5;
        font-size: 11px;
        padding: 6px 8px;
    }

    .imei-modal-container .table td {
        padding: 5px 8px;
    }

    .imei-modal-container h4 {
        font-size: 14px;
        color: #4169e1;
        margin: 10px 0 8px 0;
        padding-bottom: 5px;
        border-bottom: 1px solid #ddd;
    }

    .imei-modal-container .section-title {
        font-size: 13px;
        font-weight: 600;
        color: #4169e1;
        text-align: center;
        margin: 8px 0;
    }

    .imei-modal-container .net-margin {
        font-size: 14px;
        font-weight: 600;
        color: #28a745;
        margin: 5px 0 10px 0;
    }

    .imei-modal-container .retailer-name {
        background-color: #d4edda;
        color: #155724;
        padding: 3px 8px;
        border-radius: 3px;
        font-weight: 500;
    }

    .imei-modal-container .model-name {
        font-weight: 600;
        color: #333;
    }

    .imei-search-box {
        margin-bottom: 15px;
        padding: 10px;
        background: #f8f9fa;
        border-radius: 5px;
    }
</style>

<div class="imei-modal-container">
    <div class="imei-search-box">
        <div class="form-inline">
            <div class="form-group">
                <label style="margin-right: 10px; font-weight: 500;">Check IMEI Margin:</label>
                <div class="input-group">
                    <input type="text" class="form-control input-sm"
                           id="scheme-imei-wise-search-text" autocomplete="off"
                        #if($searchImei)
                           value="$searchImei"
                        #end
                           placeholder="Enter IMEI Number" style="width: 250px;"/>
                    <span class="input-group-btn">
                        <button class="btn btn-primary btn-sm"
                                id="scheme-imei-wise-search-button" type="button">Search</button>
                    </span>
                </div>
            </div>
        </div>
    </div>

    #if($customRetailer)
        <div style="margin-bottom: 10px;">
            <span class="retailer-name">$customRetailer.getBusinessName()</span>
            #if($schemeInOut && $item)
                <span class="model-name" style="margin-left: 15px;">Model: $item.getItemDescription()</span>
            #end
        </div>
    #end

    #if($searchImei && $searchImei.length() > 0)
        <div class="row">
            <div class="col-md-6">
                <div class="section-title">Purchase Summary</div>
                <table class="table table-bordered table-condensed">
                    <thead>
                    <tr>
                        <th>Item Id</th>
                        <th>Invoice No</th>
                        <th>Buy Price</th>
                        <th>Invoice Date</th>
                    </tr>
                    </thead>
                    <tbody>
                        #if($itemPurchaseSummaryModels && !$itemPurchaseSummaryModels.isEmpty())
                            #foreach($itemPurchaseSummaryMode in $itemPurchaseSummaryModels)
                            <tr>
                                <td>$itemPurchaseSummaryMode.getItem().getId()</td>
                                <td>$itemPurchaseSummaryMode.getInvoiceNumber()</td>
                                <td>$itemPurchaseSummaryMode.getBuyPrice()</td>
                                <td>$itemPurchaseSummaryMode.getInvoiceDate().format($dateFormatter)</td>
                            </tr>
                            #end
                        #else
                        <tr>
                            <td colspan="4" class="text-center">No data</td>
                        </tr>
                        #end
                    </tbody>
                </table>
            </div>
            <div class="col-md-6">
                <div class="section-title">Sales Summary</div>
                <table class="table table-bordered table-condensed">
                    <thead>
                    <tr>
                        <th>Invoice No</th>
                        <th>Sale Price</th>
                        <th>Invoice Date</th>
                        <th>Activation</th>
                    </tr>
                    </thead>
                    <tbody>
                        #if($fofoOrders && !$fofoOrders.isEmpty())
                            #foreach($fo in $fofoOrders)
                            <tr>
                                <td>$fo.getInvoiceNumber()</td>
                                <td>$fo.getTotalAmount()</td>
                                <td>$fo.getCreateTimestamp().format($dateFormatter)</td>
                                #if($activatedImei && $activatedImei.getActivationTimestamp())
                                    <td>$activatedImei.getActivationTimestamp().format($dateFormatter)</td>
                                #else
                                    <td>--</td>
                                #end
                            </tr>
                            #end
                        #else
                        <tr>
                            <td colspan="4" class="text-center">No data</td>
                        </tr>
                        #end
                    </tbody>
                </table>
            </div>
        </div>

        #if($schemeInOut || $offerPayouts)
            <div class="net-margin">Net Margin: Rs. $nf.format($netEarnings)</div>
            <div class="section-title">Margin Status</div>
            <table class="table table-bordered table-condensed">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Name</th>
                    <th>Type</th>
                    <th>Amount</th>
                    <th>Paid</th>
                    <th>Status</th>
                    <th>Credit Date</th>
                </tr>
                </thead>
                <tbody>
                    #if($schemeInOut && !$schemeInOut.isEmpty())
                        #foreach($sio in $schemeInOut)
                        <tr>
                            <td>$schemeMap.get($sio.getSchemeId()).getId()</td>
                            <td>$schemeMap.get($sio.getSchemeId()).getName()</td>
                            <td>$schemeMap.get($sio.getSchemeId()).getType()</td>
                            <td>$schemeMap.get($sio.getSchemeId()).getAmountModel()</td>
                            <td>$sio.getAmount()</td>
                            <td>$sio.getStatus()</td>
                            #if($sio.getCreditTimestamp())
                                <td>$sio.getCreditTimestamp().format($dateFormatter)</td>
                            #else
                                <td>-</td>
                            #end
                        </tr>
                        #end
                    #end
                    #if($offerPayouts && !$offerPayouts.isEmpty())
                        #foreach($offerPayout in $offerPayouts)
                        <tr>
                            <td colspan="2">$offerPayout.getDescription()</td>
                            <td>$offerRequestMap.get($offerPayout.getOfferId().intValue()).getSchemeType()</td>
                            <td>$nf.format($inventoryItem.getMarginPercentage($offerPayout.getAmount()))%</td>
                            <td>$offerPayout.getAmount()</td>
                            <td>$offerPayout.getStatus()</td>
                            <td>$offerPayout.getCreateTimestamp().format($dateFormatter)</td>
                        </tr>
                        #end
                    #end
                </tbody>
            </table>
        #end

        #if($priceDropImeis && !$priceDropImeis.isEmpty())
            <div class="section-title">Price Drop</div>
            <table class="table table-bordered table-condensed">
                <thead>
                <tr>
                    <th>ID</th>
                    <th>Date</th>
                    <th>Status</th>
                    <th>Amount</th>
                    <th>Credited On</th>
                </tr>
                </thead>
                <tbody>
                    #foreach($pdi in $priceDropImeis)
                    <tr>
                        <td>$pdi.getPriceDrop().getId()</td>
                        <td>$pdi.getPriceDrop().getAffectedOn().format($dateFormatter)</td>
                        <td>$pdi.getStatus()</td>
                        <td>$pdi.getPriceDrop().getAmount()</td>
                        #if($pdi.getCreditTimestamp())
                            <td>$pdi.getCreditTimestamp().format($dateFormatter)</td>
                        #else
                            <td>-</td>
                        #end
                    </tr>
                    #end
                </tbody>
            </table>
        #end
    #else
        <div class="text-center" style="padding: 30px; color: #666;">
            <i class="fa fa-search fa-2x" style="margin-bottom: 10px;"></i>
            <p>Enter IMEI number above to check margin details</p>
        </div>
    #end
</div>