| 33720 |
ranu |
1 |
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
|
| 33715 |
ranu |
2 |
<style>
|
|
|
3 |
.collection-div {
|
|
|
4 |
text-align: center;
|
|
|
5 |
background: #ccc;
|
|
|
6 |
max-width: max-content;
|
|
|
7 |
padding: 5px 10px;
|
|
|
8 |
border-radius: 8px;
|
|
|
9 |
float: right;
|
|
|
10 |
margin-right: 20px;
|
|
|
11 |
margin-bottom: 10px;
|
|
|
12 |
}
|
|
|
13 |
|
|
|
14 |
.mr-lr-5 {
|
|
|
15 |
margin-right: 5px;
|
|
|
16 |
margin-left: 5px;
|
|
|
17 |
}
|
|
|
18 |
</style>
|
|
|
19 |
|
|
|
20 |
|
|
|
21 |
<section class="wrapper">
|
|
|
22 |
<div class="row">
|
|
|
23 |
<div class="col-lg-12">
|
|
|
24 |
<h3 class="page-header">
|
|
|
25 |
<i class="icon_document_alt"></i>Up-Selling
|
|
|
26 |
</h3>
|
|
|
27 |
<div class="row">
|
|
|
28 |
<div class="col-md-8">
|
|
|
29 |
<ol class="breadcrumb">
|
|
|
30 |
<li><i class="fa fa-home"></i><a
|
|
|
31 |
href="${rc.contextPath}/dashboard">Home</a></li>
|
|
|
32 |
<li><i class="icon_document_alt"></i> Agent Call</li>
|
|
|
33 |
<li>
|
|
|
34 |
<button class="btn btn-primary" id="fetch-calling-data" type="button">Fetch Data</button>
|
|
|
35 |
</li>
|
|
|
36 |
</ol>
|
|
|
37 |
</div>
|
|
|
38 |
<div class="col-md-4 text-right">
|
|
|
39 |
<div class="collection-div">
|
|
|
40 |
Total Collection<br>
|
|
|
41 |
<b>₹ $totalProductSaleAmount</b>
|
|
|
42 |
</div>
|
|
|
43 |
</div>
|
|
|
44 |
</div>
|
|
|
45 |
</div>
|
|
|
46 |
</div>
|
|
|
47 |
|
|
|
48 |
|
|
|
49 |
<div class="col-lg-12">
|
|
|
50 |
#if($message)
|
|
|
51 |
<span>$message</span>
|
|
|
52 |
#end
|
|
|
53 |
## <iframe src="https://smartdukaan.smartpingcc.io/cc/helpinboxlogin" allow="microphone" height="400" width="500"></iframe>
|
|
|
54 |
<div class="table-responsive">
|
|
|
55 |
<table class="table table-border table-condensed table-bordered" style="width:100%">
|
|
|
56 |
<tr>
|
|
|
57 |
<td>Order Id</td>
|
|
|
58 |
<td>Customer Name</td>
|
|
|
59 |
<td>Customer Mobile</td>
|
|
|
60 |
<td>Created At</td>
|
|
|
61 |
<td>Action</td>
|
|
|
62 |
</tr>
|
|
|
63 |
#if($fofoOrder)
|
|
|
64 |
<tr>
|
|
|
65 |
<td>$fofoOrder.getId()</td>
|
|
|
66 |
<td>$customer.getFirstName() $customer.getLastName()</td>
|
|
|
67 |
<td>$customer.getMobileNumber()</td>
|
|
|
68 |
<td>
|
|
|
69 |
$fofoOrder.getCreateTimestamp()
|
|
|
70 |
</td>
|
|
|
71 |
<td>
|
|
|
72 |
<button class="btn btn-sm btn-info click-to-call-mk"
|
|
|
73 |
data-customermobile="$customer.getMobileNumber()" data-upsalecallid="$upsaleCallId">
|
|
|
74 |
<i class="fa fa-phone"></i></button>
|
|
|
75 |
<button class="btn btn-primary text-center disposition-button-mk" data-toggle="modal"
|
|
|
76 |
data-target="#dispositionModel">
|
|
|
77 |
Fill Disposition
|
|
|
78 |
</button>
|
|
|
79 |
</td>
|
|
|
80 |
</tr>
|
|
|
81 |
#else
|
|
|
82 |
<tr>
|
|
|
83 |
<td colspan="5"> No data found</td>
|
|
|
84 |
</tr>
|
|
|
85 |
#end
|
|
|
86 |
</table>
|
|
|
87 |
</div>
|
|
|
88 |
<div class="clearfix"></div>
|
|
|
89 |
<br>
|
|
|
90 |
#foreach($detail in $itemDetails)
|
|
|
91 |
<div class="well">
|
|
|
92 |
<div class="table-responsive">
|
|
|
93 |
<table class="table table-border table-condensed table-bordered" style="width:100%">
|
|
|
94 |
<tr>
|
|
|
95 |
<td>Item Name</td>
|
|
|
96 |
<td>Item Id</td>
|
|
|
97 |
<td>Order Id</td>
|
|
|
98 |
<td>Quantity</td>
|
|
|
99 |
<td>Price</td>
|
|
|
100 |
<td>Serial Number</td>
|
|
|
101 |
</tr>
|
|
|
102 |
<tr>
|
|
|
103 |
<td>$detail.fofoOrderItem.modelNumber</td>
|
|
|
104 |
<td>$detail.fofoOrderItem.itemId</td>
|
|
|
105 |
<td>$detail.fofoOrderItem.orderId</td>
|
|
|
106 |
<td>$detail.fofoOrderItem.quantity</td>
|
|
|
107 |
<td>$detail.fofoOrderItem.sellingPrice</td>
|
|
|
108 |
<td>
|
|
|
109 |
#foreach($lineItem in $fofoLineItemMap.get($detail.fofoOrderItem.id))
|
|
|
110 |
<span>$lineItem.getSerialNumber()</span>,
|
|
|
111 |
#end
|
|
|
112 |
</td>
|
|
|
113 |
</tr>
|
|
|
114 |
</table>
|
|
|
115 |
</div>
|
|
|
116 |
<div class="clearfix"></div>
|
|
|
117 |
<h4 style="margin-top:0px;">Insurance Plans </h4>
|
|
|
118 |
<div class="row" style="margin: 0;">
|
|
|
119 |
#foreach($planCategory in $detail.plans.entrySet())
|
|
|
120 |
|
|
|
121 |
<div class="col-md-4" style="padding-left: 8px;padding-right: 8px;">
|
|
|
122 |
<div style="font-size: 13px;border: 1px solid #ccc;border-radius: 5px;padding: 5px;background-color: #fff;min-height: 120px;">
|
|
|
123 |
<h5>$planCategory.key</h5>
|
|
|
124 |
#foreach($plan in $planCategory.value)
|
|
|
125 |
<p>
|
|
|
126 |
$plan.providerName ($plan.premium) $plan.productDescription
|
|
|
127 |
<br>
|
|
|
128 |
#foreach($lineItem in $fofoLineItemMap.get($detail.fofoOrderItem.id))
|
|
|
129 |
<span style="margin-right: 10px;">
|
|
|
130 |
<input type="radio" class="generatePlanModel" name="serial"
|
|
|
131 |
data-orderitemid="$detail.fofoOrderItem.id"
|
|
|
132 |
data-orderid="$fofoOrder.getId()"
|
|
|
133 |
data-planid="$plan.productId"
|
|
|
134 |
data-premium="$plan.premium"
|
|
|
135 |
data-description="$plan.productDescription"
|
|
|
136 |
data-planname="$plan.planName"
|
|
|
137 |
data-mobile="$customer.getMobileNumber()"
|
|
|
138 |
data-cutsomername="$customer.getFirstName()"
|
|
|
139 |
data-cutsomeremail="$customer.getEmailId()"
|
|
|
140 |
data-serialnumber="$lineItem.getSerialNumber()"
|
|
|
141 |
>
|
|
|
142 |
$lineItem.getSerialNumber()
|
|
|
143 |
</span>
|
|
|
144 |
#end
|
|
|
145 |
</p>
|
|
|
146 |
#end
|
|
|
147 |
</div>
|
|
|
148 |
</div>
|
|
|
149 |
#end
|
|
|
150 |
</div>
|
|
|
151 |
</div>
|
|
|
152 |
#end
|
|
|
153 |
</div>
|
|
|
154 |
|
|
|
155 |
|
|
|
156 |
</section>
|
|
|
157 |
|
|
|
158 |
<div class="modal fade" id="dispositionModel" role="dialog">
|
|
|
159 |
<div class="modal-dialog">
|
|
|
160 |
|
|
|
161 |
<!-- Modal content-->
|
|
|
162 |
<div class="modal-content">
|
|
|
163 |
<div class="modal-header">
|
|
|
164 |
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
|
165 |
</div>
|
|
|
166 |
<div class="modal-body" style="width: 100%">
|
|
|
167 |
<div class="row">
|
|
|
168 |
<div class="col-md-12">
|
|
|
169 |
<div class="form-group">
|
|
|
170 |
<label>Select disposition</label>
|
|
|
171 |
<select class="form-control disposition-options-mk">
|
|
|
172 |
#foreach($status in $upSaleCallStatuses)
|
|
|
173 |
<option value="$status.name()">$status.getValue()</option>
|
|
|
174 |
#end
|
|
|
175 |
</select>
|
|
|
176 |
</div>
|
|
|
177 |
<div class="form-group schedule-time" style="display: none;">
|
|
|
178 |
<label>Call re-schedule after hour</label>
|
|
|
179 |
<input class="form-control scheduleTime-select-mk" type="datetime-local">
|
|
|
180 |
</div>
|
|
|
181 |
<div class="form-group">
|
|
|
182 |
<button type="button" class="btn btn-info btn-sm fill-disposition-mk"
|
|
|
183 |
data-upsalecallid="$upsaleCallId">Submit
|
|
|
184 |
</button>
|
|
|
185 |
</div>
|
|
|
186 |
</div>
|
|
|
187 |
</div>
|
|
|
188 |
</div>
|
|
|
189 |
|
|
|
190 |
</div>
|
|
|
191 |
|
|
|
192 |
</div>
|
|
|
193 |
</div>
|
|
|
194 |
|
|
|
195 |
<div class="modal fade" id="generatePlanModel" role="dialog">
|
|
|
196 |
<div class="modal-dialog">
|
|
|
197 |
|
|
|
198 |
<!-- Modal content-->
|
|
|
199 |
<div class="modal-content">
|
|
|
200 |
<div class="modal-header planHeader">
|
|
|
201 |
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
|
202 |
</div>
|
|
|
203 |
<div class="modal-body" style="width: 100%">
|
|
|
204 |
<div id="generatePlanBody">
|
|
|
205 |
## dynemic model bodies
|
|
|
206 |
</div>
|
|
|
207 |
</div>
|
|
|
208 |
|
|
|
209 |
</div>
|
|
|
210 |
|
|
|
211 |
</div>
|
|
|
212 |
</div>
|
|
|
213 |
|
|
|
214 |
|
|
|
215 |
<div class="modal fade" id="checkPaymentStatusModel" role="dialog">
|
|
|
216 |
<div class="modal-dialog">
|
|
|
217 |
|
|
|
218 |
<!-- Modal content-->
|
|
|
219 |
<div class="modal-content">
|
|
|
220 |
<div class="modal-header">
|
|
|
221 |
|
|
|
222 |
<button type="button" class="close" data-dismiss="modal">×</button>
|
|
|
223 |
</div>
|
|
|
224 |
<div class="modal-body" style="width: 100%">
|
|
|
225 |
<div id="checkPaymentStatusBody"></div>
|
|
|
226 |
</div>
|
|
|
227 |
|
|
|
228 |
</div>
|
|
|
229 |
|
|
|
230 |
</div>
|
|
|
231 |
</div>
|
|
|
232 |
|
|
|
233 |
|
|
|
234 |
<div class="modal" id="addNewaddressModal" tabindex="-1" role="dialog">
|
|
|
235 |
<div class="modal-dialog" role="document">
|
|
|
236 |
<div class="modal-content">
|
|
|
237 |
<div class="modal-header">
|
|
|
238 |
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
|
|
239 |
<span aria-hidden="true">×</span>
|
|
|
240 |
</button>
|
|
|
241 |
<h4 class="modal-title">New Address</h4>
|
|
|
242 |
</div>
|
|
|
243 |
<div class="modal-body">
|
|
|
244 |
<form id="addnewaddress">
|
|
|
245 |
<div class="row">
|
|
|
246 |
<div class="col-lg-4 form-group">
|
|
|
247 |
<input placeholder="First Name" id="addFirstName" name="firstName" type="text"
|
|
|
248 |
class="form-control input-sm">
|
|
|
249 |
</div>
|
|
|
250 |
<div class="col-lg-4 form-group">
|
|
|
251 |
<input placeholder="Last Name" id="addLastName" name="lastName" type="text"
|
|
|
252 |
class="form-control input-sm">
|
|
|
253 |
</div>
|
|
|
254 |
<div class="col-lg-4 form-group">
|
|
|
255 |
<input placeholder="Mobile Number" id="addAlternatePhone" name="alternatePhone" type="text"
|
|
|
256 |
class="form-control input-sm">
|
|
|
257 |
</div>
|
|
|
258 |
</div>
|
|
|
259 |
<div class="row">
|
|
|
260 |
<div class="col-lg-4 form-group">
|
|
|
261 |
<input placeholder="Address Line 1" id="addLine1" name="line1" type="text"
|
|
|
262 |
class="form-control input-sm">
|
|
|
263 |
</div>
|
|
|
264 |
<div class="col-lg-4 form-group">
|
|
|
265 |
<input placeholder="Address Line 2" id="addLine2" name="line2" type="text"
|
|
|
266 |
class="form-control input-sm">
|
|
|
267 |
</div>
|
|
|
268 |
<div class="col-lg-4 form-group">
|
|
|
269 |
<input placeholder="Landmark" id="addLandmark" name="landmark" type="text"
|
|
|
270 |
class="form-control input-sm">
|
|
|
271 |
</div>
|
|
|
272 |
</div>
|
|
|
273 |
<div class="row">
|
|
|
274 |
<div class="col-lg-3 form-group">
|
|
|
275 |
<input placeholder="Pin Code" id="addPinCode" name="pinCode" type="number"
|
|
|
276 |
class="form-control input-sm">
|
|
|
277 |
</div>
|
|
|
278 |
<div class="col-lg-3 form-group">
|
|
|
279 |
<input placeholder="City" id="addCity" name="city" type="text"
|
|
|
280 |
class="form-control input-sm">
|
|
|
281 |
</div>
|
|
|
282 |
<div class="col-lg-3 form-group">
|
|
|
283 |
<select class="form-control input-sm" id="addState" name="state" placeholder="State">
|
|
|
284 |
<option value="" disabled selected>State</option>
|
|
|
285 |
#foreach($stateName in $stateNames) #if($retailerStateName == $stateName)
|
|
|
286 |
<option value="$stateName" selected>$stateName</option> #else
|
|
|
287 |
<option value="$stateName">$stateName</option> #end #end
|
|
|
288 |
</select>
|
|
|
289 |
</div>
|
|
|
290 |
</div>
|
|
|
291 |
</form>
|
|
|
292 |
</div>
|
|
|
293 |
<div class="modal-footer">
|
|
|
294 |
<button type="button" class="btn btn-primary btn-add-new-address">Add Address</button>
|
|
|
295 |
</div>
|
|
|
296 |
</div>
|
|
|
297 |
</div>
|
|
|
298 |
</div>
|