Subversion Repositories SmartDukaan

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
35773 ranu 1
<style>
2
    .imei-modal-container {
3
        font-size: 13px;
4
        padding: 10px;
5
    }
6
 
7
    .imei-modal-container .table {
8
        font-size: 12px;
9
        margin-bottom: 10px;
10
    }
11
 
12
    .imei-modal-container .table th {
13
        background-color: #f5f5f5;
14
        font-size: 11px;
15
        padding: 6px 8px;
16
    }
17
 
18
    .imei-modal-container .table td {
19
        padding: 5px 8px;
20
    }
21
 
22
    .imei-modal-container h4 {
23
        font-size: 14px;
24
        color: #4169e1;
25
        margin: 10px 0 8px 0;
26
        padding-bottom: 5px;
27
        border-bottom: 1px solid #ddd;
28
    }
29
 
30
    .imei-modal-container .section-title {
31
        font-size: 13px;
32
        font-weight: 600;
33
        color: #4169e1;
34
        text-align: center;
35
        margin: 8px 0;
36
    }
37
 
38
    .imei-modal-container .net-margin {
39
        font-size: 14px;
40
        font-weight: 600;
41
        color: #28a745;
42
        margin: 5px 0 10px 0;
43
    }
44
 
45
    .imei-modal-container .retailer-name {
46
        background-color: #d4edda;
47
        color: #155724;
48
        padding: 3px 8px;
49
        border-radius: 3px;
50
        font-weight: 500;
51
    }
52
 
53
    .imei-modal-container .model-name {
54
        font-weight: 600;
55
        color: #333;
56
    }
57
 
58
    .imei-search-box {
59
        margin-bottom: 15px;
60
        padding: 10px;
61
        background: #f8f9fa;
62
        border-radius: 5px;
63
    }
64
</style>
65
 
66
<div class="imei-modal-container">
67
    <div class="imei-search-box">
68
        <div class="form-inline">
69
            <div class="form-group">
70
                <label style="margin-right: 10px; font-weight: 500;">Check IMEI Margin:</label>
71
                <div class="input-group">
72
                    <input type="text" class="form-control input-sm"
73
                           id="scheme-imei-wise-search-text" autocomplete="off"
74
                        #if($searchImei)
75
                           value="$searchImei"
76
                        #end
77
                           placeholder="Enter IMEI Number" style="width: 250px;"/>
78
                    <span class="input-group-btn">
79
                        <button class="btn btn-primary btn-sm"
80
                                id="scheme-imei-wise-search-button" type="button">Search</button>
81
                    </span>
82
                </div>
83
            </div>
84
        </div>
85
    </div>
86
 
87
    #if($customRetailer)
88
        <div style="margin-bottom: 10px;">
89
            <span class="retailer-name">$customRetailer.getBusinessName()</span>
90
            #if($schemeInOut && $item)
91
                <span class="model-name" style="margin-left: 15px;">Model: $item.getItemDescription()</span>
92
            #end
93
        </div>
94
    #end
95
 
96
    #if($searchImei && $searchImei.length() > 0)
97
        <div class="row">
98
            <div class="col-md-6">
99
                <div class="section-title">Purchase Summary</div>
100
                <table class="table table-bordered table-condensed">
101
                    <thead>
102
                    <tr>
103
                        <th>Item Id</th>
104
                        <th>Invoice No</th>
105
                        <th>Buy Price</th>
106
                        <th>Invoice Date</th>
107
                    </tr>
108
                    </thead>
109
                    <tbody>
110
                        #if($itemPurchaseSummaryModels && !$itemPurchaseSummaryModels.isEmpty())
111
                            #foreach($itemPurchaseSummaryMode in $itemPurchaseSummaryModels)
112
                            <tr>
113
                                <td>$itemPurchaseSummaryMode.getItem().getId()</td>
114
                                <td>$itemPurchaseSummaryMode.getInvoiceNumber()</td>
115
                                <td>$itemPurchaseSummaryMode.getBuyPrice()</td>
116
                                <td>$itemPurchaseSummaryMode.getInvoiceDate().format($dateFormatter)</td>
117
                            </tr>
118
                            #end
119
                        #else
120
                        <tr>
121
                            <td colspan="4" class="text-center">No data</td>
122
                        </tr>
123
                        #end
124
                    </tbody>
125
                </table>
126
            </div>
127
            <div class="col-md-6">
128
                <div class="section-title">Sales Summary</div>
129
                <table class="table table-bordered table-condensed">
130
                    <thead>
131
                    <tr>
132
                        <th>Invoice No</th>
133
                        <th>Sale Price</th>
134
                        <th>Invoice Date</th>
135
                        <th>Activation</th>
136
                    </tr>
137
                    </thead>
138
                    <tbody>
139
                        #if($fofoOrders && !$fofoOrders.isEmpty())
140
                            #foreach($fo in $fofoOrders)
141
                            <tr>
142
                                <td>$fo.getInvoiceNumber()</td>
143
                                <td>$fo.getTotalAmount()</td>
144
                                <td>$fo.getCreateTimestamp().format($dateFormatter)</td>
145
                                #if($activatedImei && $activatedImei.getActivationTimestamp())
146
                                    <td>$activatedImei.getActivationTimestamp().format($dateFormatter)</td>
147
                                #else
148
                                    <td>--</td>
149
                                #end
150
                            </tr>
151
                            #end
152
                        #else
153
                        <tr>
154
                            <td colspan="4" class="text-center">No data</td>
155
                        </tr>
156
                        #end
157
                    </tbody>
158
                </table>
159
            </div>
160
        </div>
161
 
162
        #if($schemeInOut || $offerPayouts)
163
            <div class="net-margin">Net Margin: Rs. $nf.format($netEarnings)</div>
164
            <div class="section-title">Margin Status</div>
165
            <table class="table table-bordered table-condensed">
166
                <thead>
167
                <tr>
168
                    <th>ID</th>
169
                    <th>Name</th>
170
                    <th>Type</th>
171
                    <th>Amount</th>
172
                    <th>Paid</th>
173
                    <th>Status</th>
174
                    <th>Credit Date</th>
175
                </tr>
176
                </thead>
177
                <tbody>
178
                    #if($schemeInOut && !$schemeInOut.isEmpty())
179
                        #foreach($sio in $schemeInOut)
180
                        <tr>
181
                            <td>$schemeMap.get($sio.getSchemeId()).getId()</td>
182
                            <td>$schemeMap.get($sio.getSchemeId()).getName()</td>
183
                            <td>$schemeMap.get($sio.getSchemeId()).getType()</td>
184
                            <td>$schemeMap.get($sio.getSchemeId()).getAmountModel()</td>
185
                            <td>$sio.getAmount()</td>
186
                            <td>$sio.getStatus()</td>
187
                            #if($sio.getCreditTimestamp())
188
                                <td>$sio.getCreditTimestamp().format($dateFormatter)</td>
189
                            #else
190
                                <td>-</td>
191
                            #end
192
                        </tr>
193
                        #end
194
                    #end
195
                    #if($offerPayouts && !$offerPayouts.isEmpty())
196
                        #foreach($offerPayout in $offerPayouts)
197
                        <tr>
198
                            <td colspan="2">$offerPayout.getDescription()</td>
199
                            <td>$offerRequestMap.get($offerPayout.getOfferId().intValue()).getSchemeType()</td>
200
                            <td>$nf.format($inventoryItem.getMarginPercentage($offerPayout.getAmount()))%</td>
201
                            <td>$offerPayout.getAmount()</td>
202
                            <td>$offerPayout.getStatus()</td>
203
                            <td>$offerPayout.getCreateTimestamp().format($dateFormatter)</td>
204
                        </tr>
205
                        #end
206
                    #end
207
                </tbody>
208
            </table>
209
        #end
210
 
211
        #if($priceDropImeis && !$priceDropImeis.isEmpty())
212
            <div class="section-title">Price Drop</div>
213
            <table class="table table-bordered table-condensed">
214
                <thead>
215
                <tr>
216
                    <th>ID</th>
217
                    <th>Date</th>
218
                    <th>Status</th>
219
                    <th>Amount</th>
220
                    <th>Credited On</th>
221
                </tr>
222
                </thead>
223
                <tbody>
224
                    #foreach($pdi in $priceDropImeis)
225
                    <tr>
226
                        <td>$pdi.getPriceDrop().getId()</td>
227
                        <td>$pdi.getPriceDrop().getAffectedOn().format($dateFormatter)</td>
228
                        <td>$pdi.getStatus()</td>
229
                        <td>$pdi.getPriceDrop().getAmount()</td>
230
                        #if($pdi.getCreditTimestamp())
231
                            <td>$pdi.getCreditTimestamp().format($dateFormatter)</td>
232
                        #else
233
                            <td>-</td>
234
                        #end
235
                    </tr>
236
                    #end
237
                </tbody>
238
            </table>
239
        #end
240
    #else
241
        <div class="text-center" style="padding: 30px; color: #666;">
242
            <i class="fa fa-search fa-2x" style="margin-bottom: 10px;"></i>
243
            <p>Enter IMEI number above to check margin details</p>
244
        </div>
245
    #end
246
</div>