1<!DOCTYPE html>
2<html lang="en">
3<head>
4 <meta charset="{$charset}" />
5 <meta http-equiv="X-UA-Compatible" content="IE=edge">
6 <meta name="viewport" content="width=device-width, initial-scale=1">
7 <title>{$companyname} - {$LANG.quotenumber}{$id}</title>
8
9 <link href="{assetPath file='all.min.css'}" rel="stylesheet">
10 <link href="{$WEB_ROOT}/assets/css/fontawesome-all.min.css" rel="stylesheet">
11 <link href="{assetPath file='invoice.css'}" rel="stylesheet">
12
13</head>
14<body>
15
16 <div class="container-fluid invoice-container">
17
18 {if $invalidQuoteIdRequested}
19
20 {include file="$template/includes/panel.tpl" type="danger" headerTitle=$LANG.error bodyContent=$LANG.invoiceserror bodyTextCenter=true}
21
22 {else}
23
24 <div class="row">
25 <div class="col-sm-7">
26
27 {if $logo}
28 <p><img src="{$logo}" title="{$companyname}" /></p>
29 {else}
30 <h2>{$companyname}</h2>
31 {/if}
32 <h3>{$LANG.quotenumber}{$id}</h3>
33
34 </div>
35 <div class="col-sm-5 text-center">
36
37 <div class="invoice-status">
38 {if $stage eq "Delivered"}
39 <span class="unpaid">{$LANG.quotestagedelivered}</span>
40 {elseif $stage eq "Accepted"}
41 <span class="paid">{$LANG.quotestageaccepted}</span>
42 {elseif $stage eq "On Hold"}
43 <span class="refunded">{$LANG.quotestageonhold}</span>
44 {elseif $stage eq "Lost"}
45 <span class="cancelled">{$LANG.quotestagelost}</span>
46 {elseif $stage eq "Dead"}
47 <span class="collections">{$LANG.quotestagedead}</span>
48 {/if}
49 </div>
50
51 {if $stage eq "Delivered" || $stage eq "On Hold"}
52 <div class="payment-btn-container" align="center">
53 <button type="button" class="btn btn-success" data-toggle="modal" data-target="#acceptQuoteModal"><i class="fas fa-check-circle"></i> {$LANG.quoteacceptbtn}</button>
54 </div>
55 {/if}
56
57 </div>
58 </div>
59
60 <hr>
61
62 {if $agreetosrequired}
63 {include file="$template/includes/panel.tpl" type="danger" headerTitle=$LANG.error bodyContent=$LANG.ordererroraccepttos bodyTextCenter=true}
64 {/if}
65
66 <div class="row">
67 <div class="col-xs-6">
68 <strong>{$LANG.quoterecipient}:</strong>
69 <address class="small-text">
70 {if $clientsdetails.companyname}{$clientsdetails.companyname}<br />{/if}
71 {$clientsdetails.firstname} {$clientsdetails.lastname}<br />
72 {$clientsdetails.address1}, {$clientsdetails.address2}<br />
73 {$clientsdetails.city}, {$clientsdetails.state}, {$clientsdetails.postcode}<br />
74 {$clientsdetails.country}
75 {if $customfields}
76 <br /><br />
77 {foreach from=$customfields item=customfield}
78 {$customfield.fieldname}: {$customfield.value}<br />
79 {/foreach}
80 {/if}
81 </address>
82 </div>
83 <div class="col-xs-6 text-right">
84 <strong>{$LANG.invoicespayto}:</strong>
85 <address class="small-text">
86 {$payto}
87 </address>
88 </div>
89 </div>
90
91 <div class="row">
92 <div class="col-xs-6">
93 <strong>{$LANG.quotedatecreated}:</strong><br>
94 <span class="small-text">
95 {$datecreated}<br /><br />
96 </span>
97 </div>
98 <div class="col-xs-6 text-right">
99 <strong>{$LANG.quotevaliduntil}:</strong><br>
100 <span class="small-text">
101 {$validuntil}<br /><br />
102 </span>
103 </div>
104 </div>
105
106 <br />
107
108 {if $proposal}
109 {include file="$template/includes/panel.tpl" type="warning" headerTitle=$LANG.quoteproposal bodyContent=$proposal}
110 {/if}
111
112 <div class="panel panel-default">
113 <div class="panel-heading">
114 <h3 class="panel-title"><strong>{$LANG.quotelineitems}</strong></h3>
115 </div>
116 <div class="panel-body">
117 <div class="table-responsive">
118 <table class="table table-condensed">
119 <thead>
120 <tr>
121 <td><strong>{$LANG.invoicesdescription}</strong></td>
122 <td class="text-center"><strong>{$LANG.quotediscountheading}</strong></td>
123 <td width="20%" class="text-center"><strong>{$LANG.invoicesamount}</strong></td>
124 </tr>
125 </thead>
126 <tbody>
127 {foreach from=$quoteitems item=item}
128 <tr>
129 <td>{$item.description}{if $item.taxed} *{/if}</td>
130 <td class="text-center">{if $item.discountpc > 0}{$item.discount} ({$item.discountpc}%){else} - {/if}</td>
131 <td class="text-center">{$item.amount}</td>
132 </tr>
133 {/foreach}
134 <tr>
135 <td colspan="2" class="total-row text-right"><strong>{$LANG.invoicessubtotal}</strong></td>
136 <td class="total-row text-center">{$subtotal}</td>
137 </tr>
138 {if $taxrate}
139 <tr>
140 <td colspan="2" class="total-row text-right"><strong>{$taxrate}% {$taxname}</strong></td>
141 <td class="total-row text-center">{$tax}</td>
142 </tr>
143 {/if}
144 {if $taxrate2}
145 <tr>
146 <td colspan="2" class="total-row text-right"><strong>{$taxrate2}% {$taxname2}</strong></td>
147 <td class="total-row text-center">{$tax2}</td>
148 </tr>
149 {/if}
150 <tr>
151 <td colspan="2" class="total-row text-right"><strong>{$LANG.quotelinetotal}</strong></td>
152 <td class="total-row text-center">{$total}</td>
153 </tr>
154 </tbody>
155 </table>
156 </div>
157 </div>
158 </div>
159
160 {if $notes}
161 {include file="$template/includes/panel.tpl" type="info" headerTitle=$LANG.invoicesnotes bodyContent=$notes}
162 {/if}
163
164 {if $taxrate}
165 <p>* {$LANG.invoicestaxindicator}</p>
166 {/if}
167
168 <div class="pull-right btn-group btn-group-sm hidden-print">
169 <a href="javascript:window.print()" class="btn btn-default"><i class="fas fa-print"></i> {$LANG.print}</a>
170 <a href="dl.php?type=q&id={$quoteid}" class="btn btn-default"><i class="fas fa-download"></i> {$LANG.invoicesdownload}</a>
171 </div>
172
173 {/if}
174
175 </div>
176
177 <p class="text-center hidden-print"><a href="clientarea.php">{$LANG.invoicesbacktoclientarea}</a></a></p>
178
179 <form method="post" action="viewquote.php?id={$quoteid}&action=accept">
180 <div class="modal fade" id="acceptQuoteModal">
181 <div class="modal-dialog">
182 <div class="modal-content">
183 <div class="modal-header">
184 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
185 <h4 class="modal-title">{$LANG.quoteacceptbtn}</h4>
186 </div>
187 <div class="modal-body">
188 <p>{$LANG.quoteacceptagreetos}</p>
189 <p class="text-center">
190 <label class="checkbox-inline" id="quoteAcceptAgreeTos">
191 <input type="checkbox" name="agreetos" />
192 {$LANG.ordertosagreement} <a href="{$tosurl}" target="_blank">{$LANG.ordertos}</a>
193 </label>
194 </p>
195 <small>{$LANG.quoteacceptcontractwarning}</small>
196 </div>
197 <div class="modal-footer">
198 <button type="button" class="btn btn-default" data-dismiss="modal">{$LANG.cancel}</button>
199 <button type="submit" class="btn btn-primary">{$LANG.quoteacceptbtn}</button>
200 </div>
201 </div>
202 </div>
203 </div>
204 </form>
205
206 <!-- Javascript -->
207 <script src="{$BASE_PATH_JS}/jquery.min.js"></script>
208 <script src="{$BASE_PATH_JS}/bootstrap.min.js"></script>
209
210</body>
211</html>
212