Subversion Repositories SmartDukaan

Rev

Rev 33515 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
28599 amit.gupta 1 
<link href="https://cdn.datatables.net/fixedcolumns/3.3.0/css/fixedColumns.bootstrap.css" rel="stylesheet"/>
2 
 
3 
<section class="wrapper">
4 
    <div class="row">
5 
        <div class="col-lg-12">
32457 jai.hind 6 
            <h3 class="page-header"><i class="icon_document_alt"></i>DESIGN COMPLETED</h3>
28599 amit.gupta 7 
            <ol class="breadcrumb">
8 
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
32457 jai.hind 9 
                <li><i class="icon_document_alt"></i>Design Completed</li>
28599 amit.gupta 10 
            </ol>
11 
        </div>
12 
    </div>
35971 aman 13 
 
14 
    ## Search Box
15 
    <div class="col-lg-12" style="margin-bottom: 15px;">
16 
        <div class="row">
17 
            <div class="col-lg-8">
18 
                <label style="margin-right: 10px;"><strong>Search:</strong></label>
19 
                <input type="text" id="designCompletedSearch" class="form-control"
20 
                       style="width: 250px; display: inline-block;"
21 
                       placeholder="Outlet, Phone, Code, City..." value="$!search">
22 
                <button type="button" class="btn btn-primary" id="designCompletedSearchBtn" style="margin-left: 5px;">
23 
                    <i class="fa fa-search"></i> Search
24 
                </button>
25 
                #if($search && $search != "")
26 
                    <button type="button" class="btn btn-default" id="clearDesignCompletedSearchBtn"
27 
                            style="margin-left: 5px;">
28 
                        Clear
29 
                    </button>
30 
                #end
31 
            </div>
32 
        </div>
33 
    </div>
34 
 
28599 amit.gupta 35 
    <div class="col-lg-12">
36 
        <table class="table table-border table-condensed table-bordered" id="OnboardingDesignCompleted" style="width:100%">
37 
 
38 
            <thead class="row htable" style="background:#F5F5F5;">
39 
 
40 
            <tr style="color:black;">
28947 manish 41 
               <th>Id</th>
28599 amit.gupta 42 
                <th>Outlet Name(SM)</th>
43 
                <th>Created On</th>
44 
                <th>Acquired Date()</th>
35971 aman 45 
 
28947 manish 46 
                <th>Phone </br>Number(SM)</th>
35971 aman 47 
 
28599 amit.gupta 48 
                <th>City (SM)</th>
49 
                <th>State Head(SM)</th>
50 
                <th>BDM (SM)</th>
51 
                <th>Agreed Brand fees(SM)</th>
35971 aman 52 
 
28599 amit.gupta 53 
                <th>Inauguration Date(SM)</th>
54 
                <th>LOI(legal)</th>
28947 manish 55 
                <th>Kyc</th>
28599 amit.gupta 56 
                <th>Code(legal)</th>
35971 aman 57 
                <th class="hidden-col">Recee Planed</th>
58 
                <th>Recee Actual(Branding L1)</th>
59 
                <th class="hidden-col">Stock Payment</th>
60 
                <th class="hidden-col">2D with BOQ Planed</th>
61 
                <th>BOQ Actual(Branding L1)</th>
62 
                <th>BOQ Document(Branding L1)</th>
63 
                <th class="hidden-col">3D with BOQ Planed</th>
64 
                <th class="hidden-col">3D with BOQ Actual</th>
65 
                <th class="hidden-col">3D with BOQ</th>
66 
                <th class="hidden-col">PO To Vendor Planed</th>
67 
                <th class="hidden-col">PO To Vendor Actual</th>
68 
 
69 
                <th class="hidden-col">Briefing Partner Date</th>
70 
                <th class="hidden-col">Briefing Partner Actual Date</th>
71 
                <th class="hidden-col">Deployment Planed</th>
72 
                <th class="hidden-col">Deployment Actual</th>
73 
                <th class="hidden-col">Final Pics Planed</th>
74 
                <th>Final Pics Actual(Branding L1)</th>
75 
                <th>Final Pics(Branding L1)</th>
76 
                <th class="hidden-col">NOC Actual</th>
77 
                <th class="hidden-col">NOC</th>
78 
 
28599 amit.gupta 79 
            </tr>
80 
            </thead>
81 
            <tbody>
82 
                #foreach($pob in $user )
83 
                <tr>
84 
 
85 
                    #if($pob.getId())
86 
                        <td style="background:#87cefa;">$pob.getId()</td>
87 
                    #else
88 
                        <td>$pob.getId()</td>
89 
                    #end
90 
 
28947 manish 91 
                    #if($pob.getOutLetName() && $pob.getOutLetName() != "")
92 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i>
93 
                        <input type="text" placeholder="OutLet Name" value="$pob.getOutLetName()" name="outlateName"
28599 amit.gupta 94 
                                   disabled></td>
95 
                    #else
28947 manish 96 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="text" placeholder="OutLet Name" name="outlateName" disabled></td>
28599 amit.gupta 97 
                    #end
98 
 
99 
                    #if($pob.getCreatedTimestamp())
28947 manish 100 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i>$pob.getCreatedTimestamp().format($datehiphenFormatter)</td>
101 
                     #else
102 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i>
28599 amit.gupta 103 
                        </td>
104 
                     #end
105 
 
106 
 
107 
                    #if($pob.getAcquiredDate())
28947 manish 108 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="date" class="acquired" placeholder="Acquired Date(SM)" disabled
28599 amit.gupta 109 
                                   name="acquireddate"
110 
                                   value="$pob.getAcquiredDate().format($datehiphenFormatter)"></td>
111 
                    #else
28947 manish 112 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="date" class="acquired" placeholder="Acquired Date(SM)" disabled
28599 amit.gupta 113 
                                   name="acquireddate">
114 
                        </td>
115 
                    #end
116 
 
117 
 
118 
                    #if($pob.getPhoneNumber() && $pob.getPhoneNumber() != 0)
28947 manish 119 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i>
28599 amit.gupta 120 
                        <input type="number" placeholder="9999999999" value="$pob.getPhoneNumber()"
121 
                                   name="phonenumber1"
122 
                                   disabled ></td>
123 
                    #else
28947 manish 124 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="number" placeholder="9999999999" name="phonenumber1" disabled></td>
28599 amit.gupta 125 
                    #end
126 
 
127 
 
128 
                    #if($pob.getCity() && $pob.getCity() != "")
28947 manish 129 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="text" placeholder="City (SM)" disabled name="city1" value="$pob.getCity()"></td>
28599 amit.gupta 130 
                    #else
28947 manish 131 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="text" placeholder="City (SM)" disabled name="city1"></td>
28599 amit.gupta 132 
                    #end
133 
                    #if($pob.getStateHead() && $pob.getStateHead() != "")
28947 manish 134 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="text" placeholder="State Head(SM)" disabled name="shead1"
28599 amit.gupta 135 
                                   value="$pob.getStateHead()"></td>
136 
                    #else
28947 manish 137 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="text" placeholder="State Head(SM)" disabled name="shead1"></td>
28599 amit.gupta 138 
                    #end
139 
                    #if($pob.getBDM() && $pob.getBDM() != "")
28947 manish 140 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="text" placeholder="BDM (SM)" disabled name="bdm1" value="$pob.getBDM()"></td>
28599 amit.gupta 141 
                    #else
28947 manish 142 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="text" placeholder="BDM (SM)" disabled name="bdm1"></td>
28599 amit.gupta 143 
                    #end
35971 aman 144 
 
145 
                    ## Agreed Brand Fees
28599 amit.gupta 146 
                    #if($pob.getAgreedBrandFees() != 0)
28700 amit.gupta 147 
                     #if($pob.getReceivedBrandFees()>= $pob.getAgreedBrandFees())
28947 manish 148 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="text" placeholder="Agreed Brand fees(SM)" disabled name="abrand1"
28599 amit.gupta 149 
                                   value="$pob.getAgreedBrandFees()" ></td>
35971 aman 150 
                     #else
28947 manish 151 
                             <td><i class="far fa-arrow-alt-circle-down" style="background:red"></i><input type="text" placeholder="Agreed Brand fees(SM)" disabled name="abrand1"
35971 aman 152 
                                                                                                           value="$pob.getAgreedBrandFees()">
153 
                             </td>
154 
                     #end
28599 amit.gupta 155 
                    #else
28947 manish 156 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="text" placeholder="Agreed Brand fees(SM)" disabled name="abrand1"></td>
28599 amit.gupta 157 
                    #end
28947 manish 158 
 
159 
 
28599 amit.gupta 160 
 
161 
 
162 
 
163 
                    #if($pob.getInvestmentDate())
164 
 
28947 manish 165 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="date" placeholder="Investment Date(SM)" disabled name="idate1" id="idate"
28599 amit.gupta 166 
                                   value="$pob.getInvestmentDate().format($datehiphenFormatter)"
167 
                                   ></td>
168 
                    #else
28947 manish 169 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:pink"></i><input type="date" placeholder="Investment Date(SM)" disabled name="idate1"></td>
28599 amit.gupta 170 
                    #end
33515 tejus.loha 171 
 
172 
 
173 
                    #if($pob.getLOI() != 0)
28947 manish 174 
                        <td class="loiDesign docfile">
175 
                        <i class="far fa-arrow-alt-circle-up" style="background:lime"></i>
28599 amit.gupta 176 
                            <input type="hidden" class="loiHidden" value="$pob.getLOI()">
28947 manish 177 
                            <input type="file" class="loidoc" name="loi1" placeholder="LOI(SM)" disabled  value="$pob.getLOI()">
28599 amit.gupta 178 
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getLOI()" class="download">Download Doc</a>
33515 tejus.loha 179 
                            <a href="javascript:void(0)" style="padding: 49px;" class="Del">Delete Doc</a>
28599 amit.gupta 180 
 
181 
                        </td>
182 
                      #else
183 
 
28947 manish 184 
                        <td class="loiDesign docfile">
185 
                        <i class="far fa-arrow-alt-circle-up" style="background:pink"></i>
28599 amit.gupta 186 
                         <input type="hidden" class="loiHidden">
187 
                        <input type="file" placeholder="LOI(SM)" disabled name="loi1">
188 
                        </td>
189 
                      #end
190 
 
28610 amit.gupta 191 
                    #if($pob.getKyc() && $pob.getKyc() != 0)
28947 manish 192 
                        <td class="kycDesign docfile">
193 
                        <i class="far fa-arrow-alt-circle-up" style="background:lime"></i>
28610 amit.gupta 194 
                            <input type="hidden" class="kychidden" value="$pob.getKyc()">
195 
                            <input type="file" class="kyc" placeholder="KYC (SM)" disabled name="kyc1"
196 
                                   value="$pob.getKyc()">
197 
                            ##<button type="button" class="btn btn-primary download-kyc-file" data-docpid="$pob.getKyc()" data-id="$pob.getId()">Download Document</button>
198 
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getKyc()" class="download">Download Doc</a>
199 
                             <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
200 
 
201 
                        </td>
202 
                    #else
28947 manish 203 
                        <td class="kycDesign docfile">
204 
                        <i class="far fa-arrow-alt-circle-up" style="background:pink"></i>
28610 amit.gupta 205 
                            <input type="hidden">
206 
                            <input type="file" id="kyc" placeholder="KYC (SM)" disabled name="kyc1">
207 
                        </td>
208 
                    #end
28599 amit.gupta 209 
 
210 
                    #if($pob.getCode() && $pob.getCode() != "")
28947 manish 211 
                        <td ><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="text" placeholder="Code(SM)" disabled name="code1" value="$pob.getCode()"
28599 amit.gupta 212 
                                   ></td>
213 
                    #else
28947 manish 214 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="text" placeholder="Code(SM)" disabled name="code1"></td>
28599 amit.gupta 215 
                    #end
35971 aman 216 
 
217 
                    ## Hidden: Recee Planed
28599 amit.gupta 218 
                    #if($pob.getReceeActual())
35971 aman 219 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
220 
                                type="date" id="rplaned" placeholder="Recee Planed" disabled name="rplaned1"
28599 amit.gupta 221 
                                   value="$pob.getReceePlaned().format($datehiphenFormatter)" >
222 
                        </td>
223 
                    #else
35971 aman 224 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down" style="background:red"></i><input
225 
                                type="date" id="rplaned" placeholder="Recee Planed" disabled name="rplaned1"
226 
                                value="$pob.getReceePlaned().format($datehiphenFormatter)">
28599 amit.gupta 227 
                        </td>
228 
                    #end
229 
                   #if($pob.getReceeActual())
28947 manish 230 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="date" id="ractual" placeholder="Recee Actual(Kamini)" disabled name="ractual1"
28599 amit.gupta 231 
                                   value="$pob.getReceeActual().format($datehiphenFormatter)" >
232 
                        </td>
233 
                    #else
28947 manish 234 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="date" id="ractual" placeholder="Recee Actual(Kamini)" disabled name="ractual1">
28599 amit.gupta 235 
                        </td>
236 
                    #end
35971 aman 237 
 
238 
                    ## Hidden: Stock Payment
28947 manish 239 
                     #if($pob.getStockPayment()!= 0)
35971 aman 240 
                         <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
241 
                                 type="text" placeholder="Stock payment" disabled
28947 manish 242 
                                   value="$pob.getStockPayment()" name="stockPaymentDesign"></td>
243 
                    #else
35971 aman 244 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down"
245 
                                                  style="background:pink"></i><input type="text"
246 
                                                                                     placeholder="Stock payment"
247 
                                                                                     disabled name="stockPaymentDesign">
248 
                        </td>
28947 manish 249 
                    #end
35971 aman 250 
 
251 
 
252 
 
253 
                    ## Hidden: 2D BOQ Planed
28599 amit.gupta 254 
                    #if($pob.getTwoDBoqdate() &&  $pob.getTwodBOQ() != 0)
35971 aman 255 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
256 
                                type="date" id="TwoDBoqdate" placeholder="2D BOQ Planed" disabled name="twoDBoq1"
28599 amit.gupta 257 
                                   value="$pob.getTwoDBoqPlanedDate().format($datehiphenFormatter)" >
258 
                        </td>
259 
                    #else
35971 aman 260 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down" style="background:red"></i><input
261 
                                type="date" id="TwoDBoqdate" placeholder="2D BOQ Planed" disabled name="twoDBoq1"
262 
                                value="$pob.getTwoDBoqPlanedDate().format($datehiphenFormatter)">
28599 amit.gupta 263 
                        </td>
264 
                    #end
265 
 
266 
                     #if($pob.getTwoDBoqdate())
28947 manish 267 
                        <td><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="date" id="actualTwoDBoqdate" placeholder="Two D Boqdate (Kamini)" disabled name="ractual1"
28599 amit.gupta 268 
                                   value="$pob.getTwoDBoqdate().format($datehiphenFormatter)" >
269 
                        </td>
270 
                    #else
28947 manish 271 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="date" id="actualTwoDBoqdate" placeholder="Two D Boqdate(Kamini)" disabled name="ractual1">
28599 amit.gupta 272 
                        </td>
273 
                    #end
274 
 
275 
 
276 
                     #if($pob.getTwodBOQ() &&  $pob.getTwodBOQ() != 0)
28947 manish 277 
                        <td class="twoDBoq docfile">
278 
                        <i class="far fa-arrow-alt-circle-up" style="background:lime"></i>
28599 amit.gupta 279 
                            <input type="hidden" class="twoDBoqHidden" value="$pob.getTwodBOQ()">
280 
                            <input type="file" class="twoDBoqDoc" placeholder="2D with BOQ" disabled  value="$pob.getTwodBOQ()">
281 
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getTwodBOQ()" class="download">Download Doc</a>
282 
                       <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
283 
                      #else
28947 manish 284 
                       <td class="twoDBoq docfile">
285 
                       <i class="far fa-arrow-alt-circle-up" style="background:pink"></i>
28599 amit.gupta 286 
                         <input type="hidden">
287 
                        <input type="file" placeholder="2D with BOQ" disabled name="3d1">
288 
                        </td>
35971 aman 289 
                      #end
290 
                    ## Hidden: 3D BOQ Planed
28599 amit.gupta 291 
                        #if($pob.getThreeDBoq() && $pob.getThreeDBoq() !=0 )
35971 aman 292 
                            <td class="hidden-col"><i class="far fa-arrow-alt-circle-up"
293 
                                                      style="background:lime"></i><input type="date" id="threeDBoqdate"
294 
                                                                                         placeholder="3D Boqdate"
295 
                                                                                         disabled name="threeBoqDate1"
28599 amit.gupta 296 
                                   value="$pob.getThreeDBoqPlanedDate().format($datehiphenFormatter)" >
297 
                        </td>
298 
                    #else
35971 aman 299 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:red"></i><input
300 
                                type="date" id="threeDBoqdate" placeholder="3D Boqdate" disabled name="threeBoqDate1"
301 
                                value="$pob.getThreeDBoqPlanedDate().format($datehiphenFormatter)">
28599 amit.gupta 302 
                        </td>
303 
                    #end
35971 aman 304 
 
305 
                    ## Hidden: 3D BOQ Actual
28599 amit.gupta 306 
                    #if($pob.getThreeDBoqdate() )
35971 aman 307 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
308 
                                type="date" id="threeDBoqdate" placeholder="3D Boqdate" disabled name="threeBOQDate1"
28599 amit.gupta 309 
                                   value="$pob.getThreeDBoqdate().format($datehiphenFormatter)" >
310 
                        </td>
311 
                    #else
35971 aman 312 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down"
313 
                                                  style="background:pink"></i><input type="date" id="threeDBoqdate"
314 
                                                                                     placeholder="3D Boqdate" disabled
315 
                                                                                     name="threeBOQDate1">
28599 amit.gupta 316 
                        </td>
317 
                    #end
35971 aman 318 
 
319 
                    ## Hidden: 3D BOQ Document
28599 amit.gupta 320 
                     #if($pob.getThreeDBoq() && $pob.getThreeDBoq() !=0 )
35971 aman 321 
                     <td class="threeDBoq docfile hidden-col">
28947 manish 322 
                        <i class="far fa-arrow-alt-circle-up" style="background:lime"></i>
28599 amit.gupta 323 
                            <input type="hidden" class="threeDBoqHidden" value="$pob.getThreeDBoq()">
324 
                            <input type="file" class="threeDBoqDoc" placeholder="3D with BOQ" disabled  value="$pob.getThreeDBoq()">
325 
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getThreeDBoq()" class="download">Download Doc</a>
326 
                       <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
327 
                      #else
35971 aman 328 
                          <td class="threeDBoq docfile hidden-col">
28947 manish 329 
                       <i class="far fa-arrow-alt-circle-down" style="background:pink"></i>
28599 amit.gupta 330 
                         <input type="hidden">
331 
                        <input type="file" placeholder="3D with BOQ" disabled name="3d1">
332 
                        </td>
35971 aman 333 
                      #end
334 
 
335 
 
336 
 
337 
                    ## Hidden: PO Vendor Planed
28599 amit.gupta 338 
                      #if($pob.getPoVendor() && $pob.getPoVendor() !=0)
35971 aman 339 
                          <td class="hidden-col"><i class="far fa-arrow-alt-circle-up"
340 
                                                    style="background:lime"></i><input type="date" id="poVenderDate"
341 
                                                                                       placeholder="PO Vender Date"
342 
                                                                                       disabled name="poVenderDate1"
28599 amit.gupta 343 
                                   value="$pob.getPoVenderPlanedDate().format($datehiphenFormatter)" >
344 
                        </td>
345 
                    #else
35971 aman 346 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:red"></i><input
347 
                                type="date" id="poVenderDate" placeholder="po Vender" disabled name="poVenderDate1"
348 
                                value="$pob.getPoVenderPlanedDate().format($datehiphenFormatter)">
28599 amit.gupta 349 
                        </td>
350 
                    #end
35971 aman 351 
 
352 
                    ## Hidden: PO Vendor Actual
28599 amit.gupta 353 
                     #if($pob.getPoVenderDate())
35971 aman 354 
                         <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
355 
                                 type="date" id="poVenderDate" placeholder="PO Vender Date" disabled
356 
                                 name="poVenderDate2"
28599 amit.gupta 357 
                                   value="$pob.getPoVenderDate().format($datehiphenFormatter)" >
358 
                        </td>
359 
                    #else
35971 aman 360 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:red"></i><input
361 
                                type="date" id="poVenderDate" placeholder="po Vender" disabled name="poVenderDate2">
28599 amit.gupta 362 
                        </td>
363 
                    #end
35971 aman 364 
 
365 
 
366 
 
367 
                    ## Hidden: Briefing Partner Planed
28599 amit.gupta 368 
                      #if($pob.getBriefingPartner())
35971 aman 369 
                          <td class="hidden-col"><i class="far fa-arrow-alt-circle-up"
370 
                                                    style="background:lime"></i><input type="date"
371 
                                                                                       id="briefingPartnerPlanedDate"
372 
                                                                                       placeholder="Briefing Partner Planed"
373 
                                                                                       disabled
374 
                                                                                       name="briefingPartnerPlanedDate1"
28599 amit.gupta 375 
                                   value="$pob.getBriefingPartnerPlaned().format($datehiphenFormatter)" >
376 
                        </td>
377 
                    #else
35971 aman 378 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down" style="background:red"></i><input
379 
                                type="date" id="briefingPartnerPlanedDate" placeholder="Briefing Partner Planed"
380 
                                disabled name="briefingPartnerPlanedDate1"
381 
                                value="$pob.getBriefingPartnerPlaned().format($datehiphenFormatter)">
28599 amit.gupta 382 
                        </td>
383 
                    #end
35971 aman 384 
 
385 
                    ## Hidden: Briefing Partner Actual
28599 amit.gupta 386 
                    #if($pob.getBriefingPartner())
35971 aman 387 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
388 
                                type="date" id="briefingPartner" placeholder="Briefing Partner" disabled
389 
                                name="briefPartner1"
28599 amit.gupta 390 
                                   value="$pob.getBriefingPartner().format($datehiphenFormatter)" >
391 
                        </td>
392 
                    #else
35971 aman 393 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down"
394 
                                                  style="background:pink"></i><input type="date" id="briefingPartner"
395 
                                                                                     placeholder="Briefing Partner"
396 
                                                                                     disabled name="briefPartner1">
28599 amit.gupta 397 
                        </td>
398 
                    #end
35971 aman 399 
 
400 
                    ## Hidden: Deployment Planed
28599 amit.gupta 401 
                      #if($pob.getDeploymentDate())
35971 aman 402 
                          <td class="hidden-col"><i class="far fa-arrow-alt-circle-up"
403 
                                                    style="background:lime"></i><input type="date"
404 
                                                                                       id="deploymentPlanedDate"
405 
                                                                                       placeholder="Deployment Planed Date"
406 
                                                                                       disabled
407 
                                                                                       name="deploymentPlanedDate"
28599 amit.gupta 408 
                                   value="$pob.getDeploymentPlanedDate().format($datehiphenFormatter)" >
409 
                        </td>
410 
                    #else
35971 aman 411 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down" style="background:red"></i><input
412 
                                type="date" id="deploymentPlanedDate" placeholder="Deployment Planed Date" disabled
413 
                                name="deploymentPlanedDate"
414 
                                value="$pob.getDeploymentPlanedDate().format($datehiphenFormatter)">
28599 amit.gupta 415 
                        </td>
416 
                    #end
35971 aman 417 
 
418 
                    ## Hidden: Deployment Actual
28599 amit.gupta 419 
                    #if($pob.getDeploymentDate())
35971 aman 420 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
421 
                                type="date" id="deploymentActualDate" placeholder="Deployment Actual Date" disabled
422 
                                name="deploymentPlanedDate1"
28599 amit.gupta 423 
                                   value="$pob.getDeploymentDate().format($datehiphenFormatter)" >
424 
                        </td>
425 
                    #else
35971 aman 426 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down"
427 
                                                  style="background:pink"></i><input type="date"
428 
                                                                                     id="deploymentActualDate"
429 
                                                                                     placeholder="Deployment Actual Date"
430 
                                                                                     disabled
431 
                                                                                     name="deploymentPlanedDate1">
28599 amit.gupta 432 
                        </td>
35971 aman 433 
                    #end
434 
 
435 
 
436 
                    ## Hidden: Final Pics Planed
28599 amit.gupta 437 
                     #if($pob.getFinalPicsOutlet() && $pob.getFinalPicsOutlet() != 0)
35971 aman 438 
                         <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
439 
                                 type="date" id="finalPicsOutLetsDate" placeholder="Final Pics OutLets" disabled
440 
                                 name="FinalPicsOutLets"
28599 amit.gupta 441 
                                   value="$pob.getFinalPicsOutletPlanedDate().format($datehiphenFormatter)" >
442 
                        </td>
443 
                    #else
35971 aman 444 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down" style="background:red"></i><input
445 
                                type="date" id="finalPicsOutLetsDate" placeholder="Final Pics OutLets" disabled
446 
                                name="FinalPicsOutLets"
447 
                                value="$pob.getFinalPicsOutletPlanedDate().format($datehiphenFormatter)">
28599 amit.gupta 448 
                        </td>
449 
                    #end
450 
 
451 
                    #if($pob.getFinalPicsOutletDate())
28947 manish 452 
                        <td ><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input type="date" id="finalPicsOutLetsDate" placeholder="Final Pics OutLets" disabled name="FinalPicsOutLets1"
28599 amit.gupta 453 
                                   value="$pob.getFinalPicsOutletDate().format($datehiphenFormatter)" >
454 
                        </td>
455 
                    #else
28947 manish 456 
                        <td><i class="far fa-arrow-alt-circle-down" style="background:pink"></i><input type="date" id="finalPicsOutLetsDate" placeholder="Final Pics OutLets" disabled name="FinalPicsOutLets1" >
28599 amit.gupta 457 
                        </td>
458 
                    #end
459 
 
460 
                      #if($pob.getFinalPicsOutlet() && $pob.getFinalPicsOutlet() != 0)
28947 manish 461 
                        <td class="finalPics docfile">
462 
                        <i class="far fa-arrow-alt-circle-up" style="background:lime"></i>
28599 amit.gupta 463 
                            <input type="hidden" class="finalPicsHidden" value="$pob.getFinalPicsOutlet()">
464 
                            <input type="file" class="finalPicsDoc" placeholder="Final Pics" disabled  value="$pob.getFinalPicsOutlet()">
465 
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getFinalPicsOutlet()" class="download">Download Doc</a>
466 
                       <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
467 
                      #else
28947 manish 468 
                       <td class="finalPics docfile">
469 
                       <i class="far fa-arrow-alt-circle-down" style="background:pink"></i>
28599 amit.gupta 470 
                         <input type="hidden">
471 
                        <input type="file" placeholder="finalPics Vendor" disabled name="finalPics1">
472 
                        </td>
35971 aman 473 
                      #end
474 
 
475 
                    ## Hidden: NOC Actual
28599 amit.gupta 476 
                     #if($pob.getNocDate())
35971 aman 477 
                         <td class="hidden-col"><i class="far fa-arrow-alt-circle-up" style="background:lime"></i><input
478 
                                 type="date" id="nocDate" placeholder="NOC" disabled name="noc1"
28599 amit.gupta 479 
                                   value="$pob.getNocDate().format($datehiphenFormatter)" >
480 
                        </td>
481 
                    #else
35971 aman 482 
                        <td class="hidden-col"><i class="far fa-arrow-alt-circle-down"
483 
                                                  style="background:pink"></i><input type="date" id="noc"
484 
                                                                                     placeholder="NOC" disabled
485 
                                                                                     name="noc1">
28599 amit.gupta 486 
                        </td>
487 
                    #end
35971 aman 488 
 
489 
                    ## Hidden: NOC Document
28599 amit.gupta 490 
                     #if($pob.getNoc() && $pob.getNoc() != 0)
35971 aman 491 
                     <td class="noc docfile hidden-col">
28947 manish 492 
                        <i class="far fa-arrow-alt-circle-up" style="background:lime"></i>
28599 amit.gupta 493 
                            <input type="hidden" class="nocDocHiddend" value="$pob.getNoc()">
494 
                            <input type="file" class="nocDoc" placeholder="NOC Docs" disabled  value="$pob.getNoc()">
495 
                            <a href="${rc.contextPath}/download-attachment?documentId=$pob.getNoc()" class="download">Download Doc</a>
496 
                       <a href="#" style="padding: 49px;" class="Del">Delete Doc</a>
497 
                      #else
35971 aman 498 
                          <td class="noc docfile hidden-col">
28947 manish 499 
                       <i class="far fa-arrow-alt-circle-down" style="background:pink"></i>
28599 amit.gupta 500 
                         <input type="hidden">
501 
                        <input type="file" placeholder="Noc File" disabled name="noc1">
502 
                        </td>
503 
                      #end
504 
 
505 
 
506 
 
507 
                </tr>
508 
                #end
509 
 
510 
            </tbody>
511 
 
512 
        </table>
513 
    </div>
35971 aman 514 
 
515 
    ## Pagination Controls (Bottom)
516 
    <div class="col-lg-12" style="margin-top: 15px;">
517 
        <div class="row">
518 
            <div class="col-lg-12 text-center">
519 
                #if($totalRecords > 0)
520 
                    <span class="pagination-info">Showing $startRecord - $endRecord of $totalRecords</span>
521 
                    <ul class="pagination pagination-sm" style="margin: 0 15px; display: inline-flex;">
522 
                        #if($currentPage > 0)
523 
                            <li><a href="javascript:void(0)" class="design-completed-page-link" data-page="0">First</a>
524 
                            </li>
525 
                            <li><a href="javascript:void(0)" class="design-completed-page-link" data-page="$prevPage">Prev</a>
526 
                            </li>
527 
                        #else
528 
                            <li class="disabled"><span>First</span></li>
529 
                            <li class="disabled"><span>Prev</span></li>
530 
                        #end
531 
 
532 
                        <li class="active"><span>Page $currentPageDisplay of $totalPages</span></li>
533 
 
534 
                        #if($currentPage < $lastPage)
535 
                            <li><a href="javascript:void(0)" class="design-completed-page-link" data-page="$nextPage">Next</a>
536 
                            </li>
537 
                            <li><a href="javascript:void(0)" class="design-completed-page-link" data-page="$lastPage">Last</a>
538 
                            </li>
539 
                        #else
540 
                            <li class="disabled"><span>Next</span></li>
541 
                            <li class="disabled"><span>Last</span></li>
542 
                        #end
543 
                    </ul>
544 
                    <select class="form-control design-completed-page-size"
545 
                            style="width: 120px; display: inline-block;">
546 
                        <option value="10" #if($pageSize==10)selected#end>10 per page</option>
547 
                        <option value="25" #if($pageSize==25)selected#end>25 per page</option>
548 
                        <option value="50" #if($pageSize==50)selected#end>50 per page</option>
549 
                        <option value="100" #if($pageSize==100)selected#end>100 per page</option>
550 
                    </select>
551 
                #end
552 
            </div>
553 
        </div>
554 
    </div>
28599 amit.gupta 555 
</section>
556 
 
557 
<script>
35971 aman 558 
    $(document).ready(function () {
559 
        // Search button click handler
560 
        $('#designCompletedSearchBtn').on('click', function () {
561 
            refreshDesignCompletedList(0);
562 
        });
28599 amit.gupta 563 
 
35971 aman 564 
        // Search on Enter key
565 
        $('#designCompletedSearch').on('keypress', function (e) {
566 
            if (e.which === 13) {
567 
                refreshDesignCompletedList(0);
568 
            }
569 
        });
28599 amit.gupta 570 
 
35971 aman 571 
        // Clear search button
572 
        $('#clearDesignCompletedSearchBtn').on('click', function () {
573 
            $('#designCompletedSearch').val('');
574 
            refreshDesignCompletedList(0);
575 
        });
576 
 
577 
        // Pagination link click handler
578 
        $(document).on('click', '.design-completed-page-link', function (e) {
579 
            e.preventDefault();
580 
            refreshDesignCompletedList($(this).data('page'));
581 
        });
582 
 
583 
        // Page size change handler
584 
        $(document).on('change', '.design-completed-page-size', function () {
585 
            refreshDesignCompletedList(0);
586 
        });
587 
 
588 
        // Destroy existing DataTable if it exists
589 
        if ($.fn.DataTable.isDataTable('#OnboardingDesignCompleted')) {
590 
            $('#OnboardingDesignCompleted').DataTable().destroy();
591 
        }
592 
 
593 
        var dtable = $('#OnboardingDesignCompleted').DataTable({
594 
            "paging": false,
595 
            "info": false,
596 
            "bFilter": false,
597 
            "bAutoWidth": false,
598 
            "scrollX": true,
599 
            fixedColumns: {
600 
                leftColumns: 2
601 
            },
602 
            "columnDefs": [
603 
                {"targets": [13, 15, 16, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 31, 32], "visible": false}
604 
            ]
605 
        });
606 
    });
607 
 
608 
    // Function to refresh design completed list via AJAX
609 
    function refreshDesignCompletedList(page) {
610 
        var pageSize = $('.design-completed-page-size').val() || '25';
611 
        var search = $('#designCompletedSearch').val() || '';
612 
        var url = context + '/DesignTatCompletedShow?page=' + (page || 0)
613 
                + '&pageSize=' + pageSize
614 
                + '&search=' + encodeURIComponent(search);
615 
        $.ajax({
616 
            url: url,
617 
            type: 'GET',
618 
            success: function (response) {
619 
                $('#main-content').html(response);
620 
            }
621 
        });
622 
    }
623 
</script>
624 
 
625 
<style>
626 
    .hidden-col {
627 
        display: none !important;
628 
    }
629 
 
630 
    td.hidden-col {
631 
        display: none !important;
632 
    }
633 
 
634 
    .pagination-info {
635 
        margin-right: 15px;
636 
        font-weight: bold;
637 
    }
638 
 
639 
    .pagination {
640 
        margin: 0;
641 
    }
642 
 
643 
    .pagination li {
644 
        display: inline-block;
645 
        margin: 0 2px;
646 
    }
647 
 
648 
    .pagination li a, .pagination li span {
649 
        padding: 5px 10px;
650 
        border: 1px solid #ddd;
651 
        text-decoration: none;
652 
        color: #333;
653 
    }
654 
 
655 
    .pagination li.active span {
656 
        background-color: #337ab7;
657 
        color: white;
658 
        border-color: #337ab7;
659 
    }
660 
 
661 
    .pagination li.disabled span {
662 
        color: #999;
663 
        cursor: not-allowed;
664 
    }
665 
</style>