Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
36394 amit 1 
<style>
2 
    .imei-net-margin-container {
3 
        font-size: 13px;
4 
        padding: 12px;
5 
    }
6 
 
7 
    .imei-net-margin-container .header-block {
8 
        background: #e3f2fd;
9 
        padding: 10px 12px;
10 
        border-radius: 4px;
11 
        margin-bottom: 12px;
12 
    }
13 
 
14 
    .imei-net-margin-container .header-block .imei-label {
15 
        font-weight: 600;
16 
        color: #1565c0;
17 
        font-size: 14px;
18 
    }
19 
 
20 
    .imei-net-margin-container .header-block .sub-meta {
21 
        font-size: 12px;
22 
        color: #555;
23 
        margin-top: 4px;
24 
    }
25 
 
26 
    .imei-net-margin-container .model-row {
27 
        background: #f8f9fa;
28 
        padding: 8px 12px;
29 
        border-radius: 4px;
30 
        margin-bottom: 10px;
31 
        font-size: 13px;
32 
    }
33 
 
34 
    .imei-net-margin-container .model-row .model-name {
35 
        font-weight: 600;
36 
        color: #333;
37 
    }
38 
 
39 
    .imei-net-margin-container .table {
40 
        font-size: 12px;
41 
        margin-bottom: 10px;
42 
    }
43 
 
44 
    .imei-net-margin-container .table th {
45 
        background-color: #f5f5f5;
46 
        font-size: 11px;
47 
        padding: 6px 8px;
48 
    }
49 
 
50 
    .imei-net-margin-container .table td {
51 
        padding: 5px 8px;
52 
    }
53 
 
54 
    .imei-net-margin-container .totals-strip {
55 
        background: #f8f9fa;
56 
        padding: 8px 12px;
57 
        border-radius: 4px;
58 
        margin-top: 8px;
59 
        display: flex;
60 
        flex-wrap: wrap;
61 
        gap: 14px;
62 
        font-size: 12px;
63 
    }
64 
 
65 
    .imei-net-margin-container .totals-strip .cell label {
66 
        color: #666;
67 
        margin-right: 4px;
68 
    }
69 
 
70 
    .imei-net-margin-container .net-margin {
71 
        font-size: 15px;
72 
        font-weight: 700;
73 
        color: #28a745;
74 
        text-align: right;
75 
        margin-top: 10px;
76 
        padding: 8px 12px;
77 
        background: #e8f5e9;
78 
        border-radius: 4px;
79 
    }
80 
 
81 
    .imei-net-margin-container .error-msg {
82 
        padding: 18px;
83 
        text-align: center;
84 
        color: #a94442;
85 
        background: #f2dede;
86 
        border-radius: 4px;
87 
    }
88 
 
89 
    .imei-net-margin-container .price-block {
90 
        background: #fff;
91 
        border: 1px solid #e6e6e6;
92 
        padding: 8px 12px;
93 
        border-radius: 4px;
94 
        margin-bottom: 10px;
95 
        font-size: 12px;
96 
    }
97 
 
98 
    .imei-net-margin-container .billing-date-note {
99 
        background: #fff8e1;
100 
        border-left: 3px solid #f0ad4e;
101 
        padding: 6px 10px;
102 
        border-radius: 3px;
103 
        font-size: 11px;
104 
        color: #6c5400;
105 
        margin-bottom: 10px;
106 
    }
107 
 
108 
    .imei-net-margin-container .billing-date-note .fa {
109 
        margin-right: 4px;
110 
    }
111 
 
112 
    .imei-net-margin-container .price-block label {
113 
        color: #666;
114 
        font-weight: 500;
115 
        margin-right: 6px;
116 
        margin-bottom: 0;
117 
    }
118 
</style>
119 
 
120 
<div class="modal-header">
121 
    <button type="button" class="close" data-dismiss="modal">&times;</button>
122 
    <h4 class="modal-title">IMEI Scheme Margin</h4>
123 
</div>
124 
 
125 
<div class="modal-body">
126 
    <div class="imei-net-margin-container">
127 
        #if($errorMessage)
128 
            <div class="error-msg">$errorMessage</div>
129 
        #else
130 
            <div class="header-block">
131 
                <div class="imei-label">IMEI: $imei</div>
132 
                <div class="sub-meta">
133 
                    Billed on: <b>$billedDate</b>
134 
                    #if($invoiceNumber) &nbsp;|&nbsp; Invoice: <b>$invoiceNumber</b> #end
135 
                </div>
136 
            </div>
137 
 
138 
            <div class="model-row">
139 
                <span class="model-name">$modelName</span>
140 
            </div>
141 
 
142 
            <div class="billing-date-note">
143 
                <i class="fa fa-info-circle"></i>
144 
                Schemes are paid as applicable on the billing date
145 
                (<b>$billedDate</b>).
146 
            </div>
147 
 
148 
            <div class="price-block">
149 
                <div><label>Purchase price (at GRN):</label> <b>&#8377; $purchasePrice</b></div>
150 
                #if($hasPriceDrop)
151 
                    <div>
152 
                        <label>Price drop:</label>
153 
                        <b style="color:#a94442;">- &#8377; $priceDropAmount</b>
154 
                        #if(!$priceDropImeis.isEmpty())
155 
                            <a role="button" class="toggle-price-drop-detail"
156 
                               style="color:#1565c0;font-size:11px;margin-left:6px;cursor:pointer;">
157 
                                view drops
158 
                            </a>
159 
                        #end
160 
                    </div>
161 
                    #if(!$priceDropImeis.isEmpty())
162 
                    <div class="price-drop-detail" style="display:none;margin-top:6px;">
163 
                        <table class="table table-condensed" style="font-size:11px;margin-bottom:4px;">
164 
                            <thead>
165 
                            <tr>
166 
                                <th>Date</th>
167 
                                <th>Description</th>
168 
                                <th style="text-align:right;">Amount (&#8377;)</th>
169 
                                <th>Status</th>
170 
                            </tr>
171 
                            </thead>
172 
                            <tbody>
173 
                                #foreach($pdi in $priceDropImeis)
174 
                                <tr>
175 
                                    <td>
176 
                                        #if($pdi.getCreditTimestamp())
177 
                                            $pdi.getCreditTimestamp().toLocalDate()
178 
                                        #elseif($pdi.getUpdateTimestamp())
179 
                                            $pdi.getUpdateTimestamp().toLocalDate()
180 
                                        #end
181 
                                    </td>
182 
                                    <td>
183 
                                        #if($pdi.getPriceDrop())
184 
                                            $!pdi.getPriceDrop().getDescription()
185 
                                        #end
186 
                                    </td>
187 
                                    <td style="text-align:right;">
188 
                                        #if($pdi.getPriceDrop())
189 
                                            $pdi.getPriceDrop().getAmount()
190 
                                        #end
191 
                                    </td>
192 
                                    <td>$pdi.getStatus()</td>
193 
                                </tr>
194 
                                #end
195 
                            </tbody>
196 
                        </table>
197 
                    </div>
198 
                    #end
199 
                #end
200 
                <div><label>Effective DP (used for margin):</label> <b>&#8377; $dp</b></div>
201 
            </div>
202 
 
203 
            #if($noSchemes)
204 
                <div class="alert alert-warning" style="padding:8px;font-size:12px;">
205 
                    No schemes were active on $billedDate for this item.
206 
                </div>
207 
            #else
208 
                <table class="table table-striped">
209 
                    <thead>
210 
                    <tr>
211 
                        <th>Scheme</th>
212 
                        <th>Type</th>
213 
                        <th style="text-align:right;">Rate</th>
214 
                        <th style="text-align:right;">Contribution (&#8377;)</th>
215 
                    </tr>
216 
                    </thead>
217 
                    <tbody>
218 
                        #foreach($ssm in $schemeSummaryModels)
219 
                        <tr>
220 
                            <td>$ssm.getSchemeName()
221 
                                #if($ssm.getDescription())
222 
                                    <br><small style="color:#666;">$ssm.getDescription()</small>
223 
                                #end
224 
                            </td>
225 
                            <td>$ssm.getSchemeType()</td>
226 
                            <td style="text-align:right;">$!rateMap.get($ssm.getSchemeId())</td>
227 
                            <td style="text-align:right;">$!contributionMap.get($ssm.getSchemeId())</td>
228 
                        </tr>
229 
                        #end
230 
                    </tbody>
231 
                </table>
232 
 
233 
                <div class="totals-strip">
234 
                    <div class="cell"><label>Fixed:</label><b>&#8377; $fixedSchemeAmount</b></div>
235 
                    <div class="cell"><label>Percentage sum:</label><b>$percentageSchemeAmount%</b></div>
236 
                    <div class="cell"><label>NLC:</label><b>&#8377; $nlc</b></div>
237 
                </div>
238 
            #end
239 
 
240 
            <div class="net-margin">
241 
                Net Scheme Margin: &#8377; $netMargin
242 
            </div>
243 
        #end
244 
    </div>
245 
</div>
246 
 
247 
<div class="modal-footer">
248 
    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
249 
</div>