1. <?xml version="1.0" encoding="UTF-8"?>
2.         <templates id="template_custom_pos_partial_payment_extended" inherit_id="point_of_sale.template" xml:space="preserve">
3.  
4.  
5.         <t t-extend="ClientDetails">
6.                 <t t-jquery=".client-details-right" t-operation="append">
7.                         <div class="client-detail">
8.                                 <span class='label'>Crédito</span>
9.                                 <t t-if='partner.allow_credit'>
10.                                         <span> Si</span>
11.                                 </t>
12.                                 <t t-if='! partner.allow_credit'>
13.                                         <span> No</span>
14.                                 </t>
15.                         </div>
16.                         <div class="client-detail">
17.                                 <span class='label'>Monto crédito</span>
18.                                 <span> <t t-esc='partner.custom_credit'/></span>
19.                         </div>
20.                         <div class="client-detail">
21.                                 <span class='label'>Sobre el límite</span>
22.                                 <t t-if='partner.allow_over_limit'>
23.                                         <span> Si</span>
24.                                 </t>
25.                                 <t t-if='! partner.allow_over_limit'>
26.                                         <span> No</span>
27.                                 </t>
28.                         </div>
29.                         <div class="client-detail">
30.                                 <span class='label'>Límite</span>
31.                                 <span> <t t-esc='partner.limit_credit'/></span>
32.                         </div>
33.                         <div class="client-detail">
34.                                 <span class='label'>Ruta</span>
35.                                 <span> <t t-esc='partner.route'/></span>
36.                         </div>
37.                 </t>        
38.         </t>
39.  
40.  
41.         <t t-extend="ClientDetailsEdit">
42.                 <t t-jquery=".client-details-right" t-operation="append">
43.             <div class='client-detail'>
44.                 <span class='label'>Ruta</span>
45.                 <select class='detail client-address-country needsclick' name='route'>
46.                     <option value=''>None</option>
47.                     <t t-foreach='widget.pos.routes' t-as='rt'>
48.                         <option t-att-value='rt.id' t-att-selected="partner.route ? (rt.id === partner.route[0] ? true : undefined) : undefined">
49.                             <t t-esc='rt.name'/>
50.                         </option>
51.                     </t>
52.                 </select>
53.             </div>
54.                 </t>        
55.         </t>
56.        
57.         <t t-extend="ActionpadWidget">
58.                 <t t-jquery="t[t-if*='!widget.pos.get_client()']" t-operation="after">
59.                         <br/>
60.                         <t t-esc="(widget.pos.get_client() ? ' [Credit : ' + (Math.round(widget.pos.get_client().custom_credit * 100) / 100).toString() + ']': '')"/>
61.                 </t>
62.         </t>
63.  
64.         <t t-extend="PaymentScreenWidget">
65.                 <t t-jquery="t[t-if*='!widget.pos.get_client()']" t-operation="after">
66.                         <t t-esc="(widget.pos.get_client() ? ' [Credit: ' + (Math.round(widget.pos.get_client().custom_credit * 100) / 100).toString() + ']': '')"/>
67.                 </t>
68.         </t>
69.  
70.  
71.  
72.         <t t-extend="ClientDetails">
73.                 <t t-jquery=".edit-buttons" t-operation="after">
74.                         <div class='payment-button' style="position: absolute; right: 45px;top: 10px;">
75.                                 <div class="button add-payment" style="background-color: #7F82AC; color: #fff; padding: 10px 10px; font-size: 20px; margin-right:40px; cursor: pointer; border-radius: 3px;">
76.                                         <i class='fa fa-sign-in'/>  Pay Credit Amount
77.                                 </div>
78.                         </div>
79.                 </t>
80.         </t>  
81.  
82.         <!-- ClientListScreenWidget -->
83.         <t t-extend="ClientListScreenWidget">
84.                 <t t-jquery="tr" t-operation="append">
85.                         <th>Credit Amount</th>
86.                 </t>
87.         </t>
88.  
89.         <!-- ClientLineWidget -->
90.         <t t-extend="ClientLine">
91.                 <t t-jquery="tr.client-line" t-operation="append">
92.                 <td id="bal"><t t-esc='partner.custom_credit or "N/A"' /></td>
93.                 </t>
94.         </t>
95.          
96.          
97.        
98.          <!-- PayPartialPaymentPopupWidget -->    
99.         <t t-name="PayPartialPaymentPopupWidget">
100.                 <div class="modal-dialog">
101.                         <div class="popup popup-confirm" style="height: 60vh !important; width: 70%">
102.                                 <p class="title" style="background-color: rgb(110,200,155); color: #fff;">Pay Partial Payment</p>
103.                                 <p style="color: #0075AC;"><span>Enter Your Partial Amount</span>
104.                                 <div class='paymentmethods'>
105.                             <t t-foreach="widget.pos.cashregisters" t-as="cashregister">
106.                                 <div class="button paymentmethod" t-att-data-id="cashregister.journal_id[0]">
107.                                     <t t-esc="cashregister.journal_id[1]" />
108.                                 </div>
109.                             </t>
110.                         </div>
111.                                  <input id ="entered_amount" type="text" class="input-field" name="code" style="margin-top: 10px;"></input>
112.                                  </p>
113.                                 <div class="footer" style="background-color: rgb(110,200,155); color: #fff;">
114.                                         <div class="button cancel" style="background-color: #0075AC; color: #fff;">
115.                                                 Cancel
116.                                         </div>
117.                                         <div class="button confirm" id="pay_partial_payment" style="background-color: #0075AC; color: #fff;">
118.                                                 Pay
119.                                         </div>
120.                                 </div>
121.                         </div>
122.                 </div>
123.         </t>
124.  
125.         <t t-name="CustomErrorPopupWidget">
126.                 <div role="dialog" class="modal-dialog custom">
127.                         <div class="popup popup-error">
128.                                 <p class="title"><t t-esc=" widget.options.title || 'Error' " /></p>
129.                                 <p class="body"><t t-esc=" widget.options.body || '' "/></p>
130.                                 <div class="footer">
131.                                         <div class="button cancel">
132.                                                 Ok
133.                                         </div>
134.                                 </div>
135.                         </div>
136.                 </div>
137.         </t>
138.        
139.         <t t-name="PartialPaymentReceiptWidget">
140.                 <div class='receipt-screen screen'>
141.                         <div class='screen-content'>
142.                                 <div class='top-content'>
143.                                         <span class='button next' style="background-color:#6EC89B; color:white">
144.                                                 Exit
145.                                                 <i class='fa fa-close' style="margin-left:5px;"></i>
146.                                         </span>
147.                                 </div>
148.                                 <div class="centered-content touch-scrollable">
149.                                         <div class="button print-product">
150.                                                 <i class='fa fa-print'></i> Print Receipt
151.                                         </div>
152.                                         <div class="pos-receipt-container pos-partial-receipt" style="text-align: center;">
153.                                         </div>
154.                                 </div>
155.                         </div>
156.                 </div>
157.         </t>
158.  
159.         <t t-name="XMLPartialPaymentReceipt">
160.                 <div class="pos-sale-ticket">
161.                         <img style="width: 50%;display: block;margin: 0 auto;" t-att-src='widget.pos.company_logo_base64' alt="Logo"/>
162.                         <br/>
163.                         <div class="pos-receipt-contact" style="text-align: center;">
164.                                 <t t-if='widget.pos.company.contact_address'>
165.                                         <div><t t-esc='widget.pos.company.contact_address' /></div>
166.                                 </t>
167.                                 <t t-if='widget.pos.company.phone'>
168.                                         <div>Tel:<t t-esc='widget.pos.company.phone' /></div>
169.                                 </t>
170.                                 <t t-if='widget.pos.company.vat'>
171.                                         <div>VAT:<t t-esc='widget.pos.company.vat' /></div>
172.                                 </t>
173.                                 <t t-if='widget.pos.company.email'>
174.                                         <div><t t-esc='widget.pos.company.email' /></div>
175.                                 </t>
176.                                 <t t-if='widget.pos.company.website'>
177.                                         <div><t t-esc='widget.pos.company.website' /></div>
178.                                 </t>
179.                                 <div><t t-esc='date_p' /></div>
180.                                
181.                                 <t t-if='widget.pos.get_cashier()'>
182.                                         <div class='cashier'>
183.                                                 <div>--------------------------------</div>
184.                                                 <div>Served by <t t-esc='widget.pos.get_cashier().name' /></div>
185.                                         </div>
186.                                 </t>
187.                         </div>                 
188.                         <br/>
189.                         <div class="pos-center-align">
190.                         <strong style="    font-size: 16px;">Partial Payment Detail</strong>
191.                         </div><br />
192.                         <div>
193.                                 <table class='receipt-orderlines' style="margin:0px auto;width: 100%;">
194.                                         <colgroup>
195.                                                 <col width='50%' />
196.                                                 <col width='50%' />
197.                                         </colgroup>
198.                                         <tbody>
199.                                                 <tr>
200.                                                         <th>Partner</th>
201.                                                         <td class="pos-right-align">
202.                                                                 <t t-esc="partner_id.name || ''"/>
203.                                                         </td>
204.                                                 </tr>
205.                                                 <tr>
206.                                                         <th>Journal Entry</th>
207.                                                         <td class="pos-right-align">
208.                                                                 <t t-esc="journal_entry || ''"/>
209.                                                         </td>
210.                                                 </tr>
211.                                                 <tr>
212.                                                         <th>Amount</th>
213.                                                         <td class="pos-right-align">
214.                                                                 <t t-esc="widget.format_currency(amount)"/>
215.                                                         </td>
216.                                                 </tr>
217.                                                 <tr>
218.                                                         <th>SALDO PENDIENTE</th>
219.                                                         <td class="pos-right-align">
220.                                                                 <t t-esc="widget.format_currency(remain_credit)"/>
221.                                                         </td>
222.                                                 </tr>
223.                                         </tbody>
224.                                 </table>
225.                         </div>
226.                         <br/>
227.                         <div style="margin-top:70px;text-align: center;">
228.                         <p style="border-top: 2px dashed black;"></p>
229.                         <b><span>Signature</span></b>
230.                         </div>
231.                         <br />
232.                 </div>
233.         </t>
234.        
235.        
236.         </templates>
237.