viewcart.tpl 51 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892
  1. {if $smarty.post.onepageorder == "1"}
  2. {if $action eq 'checkout'}
  3. {include file="orderforms/{$carttpl}/checkout.tpl"}
  4. {else}
  5. <div class="cartsummary_cont">
  6. <div class="heading">
  7. <ul>
  8. <li>
  9. {$LANG.orderdesc}
  10. </li>
  11. <li>
  12. {$LANG.orderprice}
  13. </li>
  14. </ul>
  15. </div>
  16. <div class="summary_body">
  17. {if $errormessage}
  18. <div class="errorbox" style="display:block;">
  19. {$errormessage|replace:'<li>':' &nbsp;#&nbsp; '} &nbsp;#&nbsp;
  20. </div>
  21. {elseif $promotioncode && $rawdiscount eq "0.00"}
  22. <div class="errorbox" style="display:block;">
  23. {$LANG.promoappliedbutnodiscount}
  24. </div>
  25. {/if}
  26. <div class="cart-contents collapse" id="CartContents">
  27. {if $cartitems == 0}
  28. <div class="emptycart">
  29. {$LANG.cartempty}
  30. </div>
  31. {/if}
  32. {foreach $products as $num => $product}
  33. <div class="summary_products">
  34. <ul>
  35. <li>
  36. <span class="product-group">{$product.productinfo.groupname}</span>
  37. <span class="product-name">{$product.productinfo.name}</span>
  38. {if $product.domain}<span class="product-domain text-muted">{$product.domain}</span>{/if}
  39. </li>
  40. <li>{$product.pricing.baseprice}{if $product.proratadate}<br />({$LANG.orderprorata} {$product.proratadate}){/if}</li>
  41. </ul>
  42. {if $product.configoptions}
  43. <div class="configurableoptions">
  44. {foreach key=confnum item=configoption from=$product.configoptions}
  45. <div class="clearfix">
  46. <span class="pull-left float-left">&nbsp;&raquo; {$configoption.name}: {$configoption.optionname}</span>
  47. <span class="pull-right float-right">{$configoption.recurring} {* {if $configoption.setup} + {$configoption.setup} {$LANG.ordersetupfee}{/if} *}</span>
  48. </div>
  49. {/foreach}
  50. </div>
  51. {/if}
  52. {foreach $product.addons as $addonnum => $addon}
  53. <div class="clearfix">
  54. <span class="pull-left float-left">+ {$addon.name}</span></li>
  55. <span class="pull-right float-right">{$addon.recurring}</span></li>
  56. </div>
  57. {/foreach}
  58. </div>
  59. {/foreach}
  60. {foreach $addons as $num => $addon}
  61. <div class="summary_addons">
  62. <div class="clearfix">
  63. <span class="pull-left float-left">+ {$addon.name}<br />{$addon.productname}{if $addon.domainname} - {$addon.domainname}<br />{/if}</span>
  64. <span class="pull-right float-right">{$addon.recurring}</span>
  65. </div>
  66. </div>
  67. {/foreach}
  68. {foreach $domains as $num => $domain}
  69. <div class="summary_domains">
  70. <div class="clearfix">
  71. <span class="pull-left float-left">
  72. {if $domain.type eq "register"}{$LANG.orderdomainregistration}{else}{$LANG.orderdomaintransfer}{/if} - <br /><strong>{$domain.domain}</strong> - {$domain.regperiod} {$LANG.orderyears}<br />
  73. {if $domain.dnsmanagement}&nbsp;&raquo; {$LANG.domaindnsmanagement}<br />{/if}
  74. {if $domain.emailforwarding}&nbsp;&raquo; {$LANG.domainemailforwarding}<br />{/if}
  75. {if $domain.idprotection}&nbsp;&raquo; {$LANG.domainidprotection}<br />{/if}
  76. </span>
  77. <span class="pull-right float-right">{$domain.price}</span>
  78. </div>
  79. </div>
  80. {/foreach}
  81. {foreach $renewals as $num => $domain}
  82. <div class="summary_domains">
  83. <ul>
  84. <li>
  85. <strong>{$LANG.domainrenewal}</strong><br /><i>{$domain.domain} - {$domain.regperiod} {$LANG.orderyears}</i><br />
  86. {if $domain.dnsmanagement}&nbsp;&raquo; {$LANG.domaindnsmanagement}<br />{/if}
  87. {if $domain.emailforwarding}&nbsp;&raquo; {$LANG.domainemailforwarding}<br />{/if}
  88. {if $domain.idprotection}&nbsp;&raquo; {$LANG.domainidprotection}<br />{/if}
  89. </li>
  90. <li>{$domain.price}</li>
  91. </ul>
  92. </div>
  93. {/foreach}
  94. {if $product.pricing.setup || $product.pricing.recurring || $product.pricing.addons}
  95. <div class="subtotal">
  96. {if $product.pricing.setup}
  97. <div class="clearfix">
  98. <span class="pull-left float-left">{$LANG.cartsetupfees}:</span>
  99. <span class="pull-right float-right">{$product.pricing.setup}</span>
  100. </div>
  101. {/if}
  102. {foreach from=$product.pricing.recurringexcltax key=cycle item=recurring}
  103. <div class="clearfix">
  104. <span class="pull-left float-left text-muted">{$cycle}:</span>
  105. <span class="pull-right float-right text-muted">{$recurring}</span>
  106. </div>
  107. {/foreach}
  108. </div>
  109. {/if}
  110. <div class="subtotal">
  111. <ul>
  112. <li>{$LANG.ordersubtotal}</li>
  113. <li>{$subtotal}</li>
  114. </ul>
  115. </div>
  116. {if $promotioncode}
  117. <div class="promotion">
  118. <ul>
  119. <li>{$promotiondescription}</li>
  120. <li>- {$discount}</li>
  121. </ul>
  122. </div>
  123. {/if}
  124. <div class="subtotal">
  125. {if $taxrate}
  126. <ul>
  127. <li>{$taxname} @ {$taxrate}%</li>
  128. <li>{$taxtotal}</li>
  129. </ul>
  130. {/if}
  131. {if $taxrate2}
  132. <ul>
  133. <li>{$taxname2} @ {$taxrate2}%</li>
  134. <li>{$taxtotal2}</li>
  135. </ul>
  136. {/if}
  137. </div>
  138. </div>
  139. <div class="total">
  140. <div class="d-flex align-items-center">
  141. <button type="button" class="btn btn-cart-contents"><i class="fas fa-chevron-up"></i></button>
  142. </div>
  143. <ul>
  144. <li><span class="text-muted total-text">{$LANG.ordertotalduetoday}</span></li>
  145. <li>{$total}</li>
  146. </ul>
  147. </div>
  148. <div class="cart-loader">
  149. <i class="fad fa-circle-notch fa-spin fa-2x"></i>
  150. </div>
  151. </div>
  152. </div>
  153. {/if}
  154. {else}
  155. {if $checkout} {else}
  156. <script>
  157. // Define state tab index value
  158. var statesTab = 10;
  159. var stateNotRequired = true;
  160. </script>
  161. {include file="orderforms/{$carttpl}/common.tpl"}
  162. <script type="text/javascript" src="{$BASE_PATH_JS}/StatesDropdown.js"></script>
  163. {/if}
  164. {if $cartitems > 0}
  165. {if file_exists("templates/orderforms/{$carttpl}/layouts/head.tpl")}
  166. {include file="templates/orderforms/{$carttpl}/layouts/head.tpl"}
  167. {/if}
  168. {/if}
  169. <div id="order-standard_cart">
  170. {if $cartitems > 0}
  171. <div class="row">
  172. <div class="col-md-12">
  173. {if file_exists("templates/orderforms/{$carttpl}/layouts/head.tpl")}
  174. {else}
  175. <div class="header-lined">
  176. <h1>{if !$checkout}{$LANG.cartreviewcheckout}{else}{$LANG.orderForm.checkout}{/if}</h1>
  177. </div>
  178. {/if}
  179. {include file="orderforms/{$carttpl}/sidebar-categories-collapsed.tpl"}
  180. </div>
  181. <div class="col-md-12">
  182. <div class="row ajaxcart_cont">
  183. <div class="col-md-8 col-lg-9">
  184. {if $checkout} {else}
  185. {if $promoerrormessage}
  186. <div class="alert alert-warning text-center" role="alert">
  187. {$promoerrormessage}
  188. </div>
  189. {elseif $errormessage}
  190. <div class="alert alert-danger" role="alert">
  191. <p>{$LANG.orderForm.correctErrors}:</p>
  192. <ul>
  193. {$errormessage}
  194. </ul>
  195. </div>
  196. {elseif $promotioncode && $rawdiscount eq "0.00"}
  197. <div class="alert alert-info text-center" role="alert">
  198. {$LANG.promoappliedbutnodiscount}
  199. </div>
  200. {elseif $promoaddedsuccess}
  201. <div class="alert alert-success text-center" role="alert">
  202. {$LANG.orderForm.promotionAccepted}
  203. </div>
  204. {/if}
  205. {if $bundlewarnings}
  206. <div class="alert alert-warning" role="alert">
  207. <strong>{$LANG.bundlereqsnotmet}</strong><br />
  208. <ul>
  209. {foreach from=$bundlewarnings item=warning}
  210. <li>{$warning}</li>
  211. {/foreach}
  212. </ul>
  213. </div>
  214. {/if}
  215. <form method="post" action="{$smarty.server.PHP_SELF}?a=view">
  216. <div class="panel panel-default cart-item">
  217. <div class="panel-heading">
  218. <div class="row">
  219. <div class="{if $showqtyoptions}col-sm-5{else}col-sm-7{/if} col-xs-7">
  220. <strong>{$LANG.orderForm.productOptions}</strong>
  221. </div>
  222. {if $showqtyoptions}
  223. <div class="col-sm-2 hidden-xs d-none d-sm-block text-center">
  224. <strong>{$LANG.orderForm.qty}</strong>
  225. </div>
  226. {/if}
  227. <div class="col-sm-4 col-xs-5 col-5 text-right">
  228. <strong>{$LANG.orderForm.priceCycle}</strong>
  229. </div>
  230. </div>
  231. </div>
  232. <div class="no-border no-margin">
  233. {foreach $products as $num => $product}
  234. <div class="panel-body">
  235. <div class="row">
  236. <div class="{if $showqtyoptions}col-sm-5{else}col-sm-7{/if} col-xs-7 col-7">
  237. <span class="item-group">
  238. {$product.productinfo.groupname}
  239. </span>
  240. <span class="item-title">
  241. {$product.productinfo.name}
  242. <a href="{$smarty.server.PHP_SELF}?a=confproduct&i={$num}" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.edit}">
  243. <i class="fas fa-edit"></i>
  244. </a>
  245. <span class="visible-xs-inline d-inline d-sm-none">
  246. <button type="button" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.remove}" onclick="removeItem('p', '{$num}')">
  247. <i class="fas fa-trash-alt"></i>
  248. </button>
  249. </span>
  250. </span>
  251. {if $product.domain}
  252. <span class="item-domain">
  253. <i>{$product.domain}</i>
  254. </span>
  255. {/if}
  256. {if $product.configoptions}
  257. <div class="item-configoption">
  258. <small>
  259. {foreach key=confnum item=configoption from=$product.configoptions}
  260. &nbsp;&raquo; {$configoption.name}: {if $configoption.type eq 1 || $configoption.type eq 2}{$configoption.option}{elseif $configoption.type eq 3}{if $configoption.qty}{$configoption.option}{else}{$LANG.no}{/if}{elseif $configoption.type eq 4}{$configoption.qty} x {$configoption.option}{/if}<br />
  261. {/foreach}
  262. </small>
  263. </div>
  264. {/if}
  265. </div>
  266. {if $showqtyoptions}
  267. <div class="col-sm-2 item-qty">
  268. {if $product.allowqty}
  269. <input type="number" name="qty[{$num}]" value="{$product.qty}" class="form-control text-center" min="0" />
  270. <button type="submit" class="btn btn-xs btn-default">
  271. {$LANG.orderForm.update}
  272. </button>
  273. {/if}
  274. </div>
  275. {/if}
  276. <div class="col-sm-4 item-price">
  277. <span>{$product.pricing.totalTodayExcludingTaxSetup}</span>
  278. <span class="cycle">{$product.billingcyclefriendly}</span>
  279. {if $product.pricing.productonlysetup}
  280. {$product.pricing.productonlysetup->toPrefixed()} {$LANG.ordersetupfee}
  281. {/if}
  282. {if $product.proratadate}<br />({$LANG.orderprorata} {$product.proratadate}){/if}
  283. </div>
  284. <div class="col-sm-1 hidden-xs d-none d-sm-block">
  285. <button type="button" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.remove}" onclick="removeItem('p', '{$num}')">
  286. <i class="fas fa-trash-alt"></i>
  287. </button>
  288. </div>
  289. </div>
  290. {foreach $product.addons as $addonnum => $addon}
  291. <div class="item-addons">
  292. <div class="row">
  293. <div class="{if $showAddonQtyOptions}col-sm-5{else}col-sm-7{/if}">
  294. <span class="item-group">
  295. {$LANG.orderaddon}
  296. </span>
  297. <span class="item-title">
  298. {$addon.name}
  299. </span>
  300. {if $addon.setup}
  301. <span class="item-setup">
  302. {$addon.setup} {$LANG.ordersetupfee}
  303. </span>
  304. {/if}
  305. </div>
  306. {if $showAddonQtyOptions}
  307. <div class="col-sm-2 item-qty">
  308. {if $addon.allowqty === 2}
  309. <input type="number" name="paddonqty[{$num}][{$addonnum}]" value="{$addon.qty}" class="form-control text-center" min="0" />
  310. <button type="submit" class="btn btn-xs">
  311. {$LANG.orderForm.update}
  312. </button>
  313. {/if}
  314. </div>
  315. {/if}
  316. <div class="col-sm-4 item-price">
  317. <span>{$addon.totaltoday}</span>
  318. <span class="cycle">{$addon.billingcyclefriendly}</span>
  319. </div>
  320. </div>
  321. </div>
  322. {/foreach}
  323. </div>
  324. {/foreach}
  325. {foreach $addons as $num => $addon}
  326. <div class="panel-body">
  327. <div class="row">
  328. <div class="{if $showAddonQtyOptions}col-sm-5{else}col-sm-7{/if}">
  329. <span class="item-title">
  330. {$addon.name}
  331. <span class="visible-xs-inline d-inline d-sm-none">
  332. <button type="button" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.remove}" onclick="removeItem('a', '{$num}')">
  333. <i class="fas fa-trash-alt"></i>
  334. </button>
  335. </span>
  336. </span>
  337. <span class="item-group">
  338. {$addon.productname}
  339. </span>
  340. {if $addon.domainname}
  341. <span class="item-domain">
  342. {$addon.domainname}
  343. </span>
  344. {/if}
  345. {if $addon.setup}
  346. <span class="item-setup">
  347. {$addon.setup} {$LANG.ordersetupfee}
  348. </span>
  349. {/if}
  350. </div>
  351. {if $showAddonQtyOptions}
  352. <div class="col-sm-2 item-qty">
  353. {if $addon.allowqty === 2}
  354. <input type="number" name="addonqty[{$num}]" value="{$addon.qty}" class="form-control text-center" min="0" />
  355. <button type="submit" class="btn btn-xs">
  356. {$LANG.orderForm.update}
  357. </button>
  358. {/if}
  359. </div>
  360. {/if}
  361. <div class="col-sm-4 item-price">
  362. <span>{$addon.pricingtext}</span>
  363. <span class="cycle">{$addon.billingcyclefriendly}</span>
  364. </div>
  365. <div class="col-sm-1 hidden-xs d-none d-sm-block">
  366. <button type="button" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.remove}" onclick="removeItem('a', '{$num}')">
  367. <i class="fas fa-trash-alt"></i>
  368. </button>
  369. </div>
  370. </div>
  371. </div>
  372. {/foreach}
  373. {foreach $domains as $num => $domain}
  374. <div class="panel-body">
  375. <div class="row">
  376. <div class="col-sm-7">
  377. <span class="item-title">
  378. {if $domain.type eq "register"}{$LANG.orderdomainregistration}{else}{$LANG.orderdomaintransfer}{/if}
  379. <a href="{$smarty.server.PHP_SELF}?a=confdomains" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.edit}">
  380. <i class="fas fa-edit"></i>
  381. </a>
  382. <span class="visible-xs-inline d-inline d-sm-none">
  383. <button type="button" class="btn btn-icon btn-xs" data-placement="top" data-trigger="manual" title="{$LANG.cartremove}" onclick="removeItem('d', '{$num}')">
  384. <i class="fas fa-trash-alt"></i>
  385. </button>
  386. </span>
  387. </span>
  388. {if $domain.domain}
  389. <span class="item-domain">
  390. {$domain.domain}
  391. </span>
  392. {/if}
  393. <div class="item-addons">
  394. {if $domain.dnsmanagement}{$LANG.domaindnsmanagement}<br />{/if}
  395. {if $domain.emailforwarding}{$LANG.domainemailforwarding}<br />{/if}
  396. {if $domain.idprotection}{$LANG.domainidprotection}<br />{/if}
  397. </div>
  398. </div>
  399. <div class="col-sm-4 item-price">
  400. {if count($domain.pricing) == 1 || $domain.type == 'transfer'}
  401. <span name="{$domain.domain}Price">{$domain.price}</span>
  402. <span class="cycle">{$domain.regperiod} {$domain.yearsLanguage}</span>
  403. <span class="renewal cycle">
  404. {if isset($domain.renewprice)}{lang key='domainrenewalprice'} <span class="renewal-price cycle">{$domain.renewprice->toPrefixed()}{$domain.shortRenewalYearsLanguage}{/if}</span>
  405. </span>
  406. {else}
  407. <span name="{$domain.domain}Price">{$domain.price}</span>
  408. <div class="dropdown">
  409. <button class="btn btn-default btn-xs dropdown-toggle" type="button" id="{$domain.domain}Pricing" name="{$domain.domain}Pricing" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
  410. {$domain.regperiod} {$domain.yearsLanguage}
  411. <span class="caret"></span>
  412. </button>
  413. <ul class="dropdown-menu dropdown-menu dropdown-caret dropdown-checkboxes dropdown-menu-right dropdown-close" aria-labelledby="{$domain.domain}Pricing">
  414. {foreach $domain.pricing as $years => $price}
  415. <li>
  416. <a class="dropdown-item" href="#" onclick="selectDomainPeriodInCart('{$domain.domain}', '{$price.register}', {$years}, '{if $years == 1}{lang key='orderForm.year'}{else}{lang key='orderForm.years'}{/if}');return false;">
  417. {$years} {if $years == 1}{lang key='orderForm.year'}{else}{lang key='orderForm.years'}{/if} @ {$price.register}
  418. </a>
  419. </li>
  420. {/foreach}
  421. </ul>
  422. </div>
  423. <span class="renewal cycle">
  424. {lang key='domainrenewalprice'} <span class="renewal-price cycle">{if isset($domain.renewprice)}{$domain.renewprice->toPrefixed()}{$domain.shortRenewalYearsLanguage}{/if}</span>
  425. </span>
  426. {/if}
  427. </div>
  428. <div class="col-sm-1 hidden-xs d-none d-sm-block">
  429. <button type="button" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.remove}" onclick="removeItem('d', '{$num}')">
  430. <i class="fas fa-trash-alt"></i>
  431. </button>
  432. </div>
  433. </div>
  434. </div>
  435. {/foreach}
  436. {foreach $renewals as $num => $domain}
  437. <div class="panel-body">
  438. <div class="row">
  439. <div class="col-sm-7">
  440. <span class="item-title">
  441. {$LANG.domainrenewal}
  442. <span class="visible-xs-inline d-block d-sm-none">
  443. <button type="button" class="btn btn-icon btn-xs" data-placement="top" data-trigger="manual" title="{$LANG.cartremove}" onclick="removeItem('r', '{$num}')">
  444. <i class="fas fa-trash-alt"></i>
  445. </button>
  446. </span>
  447. </span>
  448. <span class="item-domain">
  449. {$domain.domain}
  450. </span>
  451. <div class="item-addons">
  452. {if $domain.dnsmanagement}{$LANG.domaindnsmanagement}<br />{/if}
  453. {if $domain.emailforwarding}{$LANG.domainemailforwarding}<br />{/if}
  454. {if $domain.idprotection}{$LANG.domainidprotection}<br />{/if}
  455. </div>
  456. </div>
  457. <div class="col-sm-4 item-price">
  458. <span>{$domain.price}</span>
  459. <span class="cycle">{$domain.regperiod} {$LANG.orderyears}</span>
  460. </div>
  461. <div class="col-sm-1 hidden-xs d-block d-sm-none">
  462. <button type="button" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.remove}" onclick="removeItem('r', '{$num}')">
  463. <i class="fas fa-trash-alt"></i>
  464. </button>
  465. </div>
  466. </div>
  467. </div>
  468. {/foreach}
  469. {foreach $upgrades as $num => $upgrade}
  470. <div class="panel-body">
  471. <div class="row">
  472. <div class="{if $showUpgradeQtyOptions}col-sm-5{else}col-sm-7{/if}">
  473. <span class="item-title">
  474. {$LANG.upgrade}
  475. </span>
  476. <span class="item-group">
  477. {if $upgrade->type == 'service'}
  478. {$upgrade->originalProduct->productGroup->name}<br>{$upgrade->originalProduct->name} => {$upgrade->newProduct->name}
  479. {elseif $upgrade->type == 'addon'}
  480. {$upgrade->originalAddon->name} => {$upgrade->newAddon->name}
  481. {/if}
  482. </span>
  483. <span class="item-domain">
  484. {if $upgrade->type == 'service'}
  485. {$upgrade->service->domain}
  486. {/if}
  487. </span>
  488. </div>
  489. {if $showUpgradeQtyOptions}
  490. <div class="col-sm-2 item-qty">
  491. {if $upgrade->allowMultipleQuantities}
  492. <input type="number" name="upgradeqty[{$num}]" value="{$upgrade->qty}" class="form-control text-center" min="{$upgrade->minimumQuantity}" />
  493. <button type="submit" class="btn btn-xs">
  494. {$LANG.orderForm.update}
  495. </button>
  496. {/if}
  497. </div>
  498. {/if}
  499. <div class="col-sm-4 item-price">
  500. <span>{$upgrade->newRecurringAmount}</span>
  501. <span class="cycle">{$upgrade->localisedNewCycle}</span>
  502. </div>
  503. <div class="col-sm-1">
  504. <button type="button" class="btn btn-icon btn-xs" data-toggle="tooltip" data-placement="top" data-trigger="manual" title="{$LANG.orderForm.remove}" onclick="removeItem('u', '{$num}')">
  505. <i class="fas fa-trash-alt"></i>
  506. </button>
  507. </div>
  508. </div>
  509. {if $upgrade->totalDaysInCycle > 0}
  510. <div class="row row-upgrade-credit">
  511. <div class="col-sm-7">
  512. <span class="item-group">
  513. {$LANG.upgradeCredit}
  514. </span>
  515. <div class="upgrade-calc-msg">
  516. {lang key="upgradeCreditDescription" daysRemaining=$upgrade->daysRemaining totalDays=$upgrade->totalDaysInCycle}
  517. </div>
  518. </div>
  519. <div class="col-sm-4 item-price">
  520. <span>-{$upgrade->creditAmount}</span>
  521. </div>
  522. </div>
  523. {/if}
  524. </div>
  525. {/foreach}
  526. {if $cartitems == 0}
  527. <div class="view-cart-empty">
  528. {$LANG.cartempty}
  529. </div>
  530. {/if}
  531. </div>
  532. {if $cartitems > 0}
  533. <div class="panel-footer light">
  534. <div class=" d-flex align-items-center space-between">
  535. <a href="cart.php" class="btn btn-default btn-xs" id="continueShopping">
  536. <i class="fas fa-reply"></i>
  537. <span>{$LANG.orderForm.continueShopping}</span>
  538. </a>
  539. <button type="button" class="btn btn-default btn-xs" id="btnEmptyCart">
  540. <i class="fas fa-trash-alt"></i>
  541. <span>{$LANG.emptycart}</span>
  542. </button>
  543. </div>
  544. </div>
  545. {/if}
  546. </div>
  547. </form>
  548. {foreach $hookOutput as $output}
  549. <div>
  550. {$output}
  551. </div>
  552. {/foreach}
  553. {foreach $gatewaysoutput as $gatewayoutput}
  554. <div class="view-cart-gateway-checkout">
  555. {$gatewayoutput}
  556. </div>
  557. {/foreach}
  558. <div class="view-cart-tabs">
  559. <ul class="nav nav-tabs" role="tablist">
  560. <li role="presentation" class="active"><a href="#applyPromo" class="nav-link active" aria-controls="applyPromo" role="tab" data-toggle="tab">{$LANG.orderForm.applyPromoCode}</a></li>
  561. {if $taxenabled && !$loggedin}
  562. <li role="presentation"><a href="#calcTaxes" class="nav-link" aria-controls="calcTaxes" role="tab" data-toggle="tab">{$LANG.orderForm.estimateTaxes}</a></li>
  563. {/if}
  564. </ul>
  565. <div class="tab-content">
  566. <div role="tabpanel" class="tab-pane active promo" id="applyPromo">
  567. {if $promotioncode}
  568. <div class="view-cart-promotion-code">
  569. {$promotioncode} - {$promotiondescription}
  570. </div>
  571. <div class="text-center">
  572. <a href="{$smarty.server.PHP_SELF}?a=removepromo" class="btn btn-default btn-sm">
  573. {$LANG.orderForm.removePromotionCode}
  574. </a>
  575. </div>
  576. {else}
  577. <form method="post" action="cart.php?a=view">
  578. <div class="form-group prepend-icon">
  579. <div class="row">
  580. <div class="col-md-7 col-lg-8 col-xl-9">
  581. <label for="cardno" class="field-icon">
  582. <i class="fas fa-ticket-alt"></i>
  583. </label>
  584. <input type="text" name="promocode" id="inputPromotionCode" class="form-coontrol field" placeholder="{lang key="orderPromoCodePlaceholder"}" required="required" style="width: 100%;">
  585. </div>
  586. <div class="col-md-5 col-lg-4 col-xl-3">
  587. <span class="input-group-btn">
  588. <button type="submit" name="validatepromo" class="btn btn-primary btn-block " value="{$LANG.orderpromovalidatebutton}">
  589. {$LANG.orderpromovalidatebutton}
  590. </button>
  591. </span>
  592. </div>
  593. </div>
  594. </div>
  595. </form>
  596. {/if}
  597. </div>
  598. <div role="tabpanel" class="tab-pane" id="calcTaxes">
  599. <form method="post" action="cart.php?a=setstateandcountry">
  600. <div class="form-group">
  601. <label for="inputState" class="control-label">{$LANG.orderForm.state}</label>
  602. <input type="text" name="state" id="inputState" value="{$clientsdetails.state}" class="form-control"{if $loggedin} disabled="disabled"{/if} />
  603. </div>
  604. <div class="form-group">
  605. <label for="inputCountry" class="control-label">{$LANG.orderForm.country}</label>
  606. <select name="country" id="inputCountry" class="form-control">
  607. {foreach $countries as $countrycode => $countrylabel}
  608. <option value="{$countrycode}"{if (!$country && $countrycode == $defaultcountry) || $countrycode eq $country} selected{/if}>
  609. {$countrylabel}
  610. </option>
  611. {/foreach}
  612. </select>
  613. </div>
  614. <div class="form-group text-center">
  615. <button type="submit" class="btn btn-primary">
  616. {$LANG.orderForm.updateTotals}
  617. </button>
  618. </div>
  619. </form>
  620. </div>
  621. </div>
  622. </div>
  623. {/if}
  624. {if !$checkout}{else}
  625. {include file="orderforms/$carttpl/checkout.tpl"}
  626. {if $servedOverSsl}
  627. <div class="alert alert-warning" style="margin-top: 30px; font-size: 90%;">
  628. {$LANG.ordersecure} (<strong>{$ipaddress}</strong>) {$LANG.ordersecure2}
  629. </div>
  630. {/if}
  631. {/if}
  632. </div>
  633. <div class="col-md-4 col-lg-3">
  634. <div id="sidebar">
  635. <div class="sidebar__inner blocks cartsummary">
  636. <div class="order-summary">
  637. <div class="loader w-hidden" id="orderSummaryLoader">
  638. <i class="fas fa-fw fa-sync fa-spin"></i>
  639. </div>
  640. <h2>{$LANG.ordersummary}</h2>
  641. <div class="summary-container">
  642. <div class="subtotal clearfix">
  643. <span class="pull-left float-left">{$LANG.ordersubtotal}</span>
  644. <span id="subtotal" class="pull-right float-right">{$subtotal}</span>
  645. </div>
  646. {if $promotioncode || $taxrate || $taxrate2}
  647. <div class="bordered-totals">
  648. {if $promotioncode}
  649. <div class="clearfix">
  650. <span class="pull-left float-left">{$promotiondescription}</span>
  651. <span id="discount" class="pull-right float-right">{$discount}</span>
  652. </div>
  653. {/if}
  654. {if $taxrate}
  655. <div class="clearfix">
  656. <span class="pull-left float-left">{$taxname} @ {$taxrate}%</span>
  657. <span id="taxTotal1" class="pull-right float-right">{$taxtotal}</span>
  658. </div>
  659. {/if}
  660. {if $taxrate2}
  661. <div class="clearfix">
  662. <span class="pull-left float-left">{$taxname2} @ {$taxrate2}%</span>
  663. <span id="taxTotal2" class="pull-right float-right">{$taxtotal2}</span>
  664. </div>
  665. {/if}
  666. </div>
  667. {/if}
  668. <div class="recurring-totals clearfix">
  669. <span class="pull-left float-left">{$LANG.orderForm.totals}</span>
  670. <span id="recurring" class="pull-right float-right recurring-charges">
  671. <span id="recurringMonthly" {if !$totalrecurringmonthly}style="display:none;"{/if}>
  672. <span class="cost">{$totalrecurringmonthly}</span> {$LANG.orderpaymenttermmonthly}<br />
  673. </span>
  674. <span id="recurringQuarterly" {if !$totalrecurringquarterly}style="display:none;"{/if}>
  675. <span class="cost">{$totalrecurringquarterly}</span> {$LANG.orderpaymenttermquarterly}<br />
  676. </span>
  677. <span id="recurringSemiAnnually" {if !$totalrecurringsemiannually}style="display:none;"{/if}>
  678. <span class="cost">{$totalrecurringsemiannually}</span> {$LANG.orderpaymenttermsemiannually}<br />
  679. </span>
  680. <span id="recurringAnnually" {if !$totalrecurringannually}style="display:none;"{/if}>
  681. <span class="cost">{$totalrecurringannually}</span> {$LANG.orderpaymenttermannually}<br />
  682. </span>
  683. <span id="recurringBiennially" {if !$totalrecurringbiennially}style="display:none;"{/if}>
  684. <span class="cost">{$totalrecurringbiennially}</span> {$LANG.orderpaymenttermbiennially}<br />
  685. </span>
  686. <span id="recurringTriennially" {if !$totalrecurringtriennially}style="display:none;"{/if}>
  687. <span class="cost">{$totalrecurringtriennially}</span> {$LANG.orderpaymenttermtriennially}<br />
  688. </span>
  689. </span>
  690. </div>
  691. <div class="total-due-today total-due-today-padded">
  692. <span id="totalDueToday" class="amt">{$total}</span>
  693. <span>{$LANG.ordertotalduetoday}</span>
  694. </div>
  695. <div class="express-checkout-buttons">
  696. {foreach $expressCheckoutButtons as $checkoutButton}
  697. {$checkoutButton}
  698. <div class="separator">
  699. - {$LANG.or|strtoupper} -
  700. </div>
  701. {/foreach}
  702. </div>
  703. <div class="text-right">
  704. {if $checkout}{else}<a href="cart.php?a=checkout&e=false" class="btn btn-primary btn-lg btn-checkout{if $cartitems == 0} disabled{/if}" id="checkout">
  705. {$LANG.orderForm.checkout}
  706. <i class="fas fa-arrow-right"></i>
  707. </a>{/if}
  708. </div>
  709. </div>
  710. </div>
  711. </div>
  712. </div>
  713. </div>
  714. </div>
  715. </div>
  716. </div>
  717. {else}
  718. <div class="mw-928 mx-auto">
  719. <div class="alert-lg no-data no-border">
  720. <div class="icon">
  721. <i class="fas fa-trash-alt"></i>
  722. </div>
  723. <div class="text">
  724. <h4>{$LANG.cartempty}</h4>
  725. </div>
  726. <a href="{if $themesettings.orderform.orderopc != ""}order{else}cart{/if}.php" class="btn btn-default" id="continueShopping">
  727. {$LANG.navservicesorder}
  728. </a>
  729. </div>
  730. </div>
  731. {/if}
  732. </div>
  733. {if file_exists("templates/orderforms/{$carttpl}/layouts/foot.tpl")}
  734. {include file="templates/orderforms/{$carttpl}/layouts/foot.tpl"}
  735. {/if}
  736. <script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/ResizeSensor.js"></script>
  737. <script type="text/javascript" src="{$WEB_ROOT}/templates/orderforms/{$carttpl}/js/jquery.sticky-sidebar.min.js"></script>
  738. <script>
  739. jQuery('#sidebar').stickySidebar({
  740. topSpacing: 60,
  741. bottomSpacing: 60,
  742. minWidth: 992,
  743. containerSelector: '.ajaxcart_cont',
  744. innerWrapperSelector: '.sidebar__inner'
  745. });
  746. </script>
  747. <form method="post" action="cart.php">
  748. <input type="hidden" name="a" value="remove" />
  749. <input type="hidden" name="r" value="" id="inputRemoveItemType" />
  750. <input type="hidden" name="i" value="" id="inputRemoveItemRef" />
  751. <div class="modal fade modal-remove-item" id="modalRemoveItem" tabindex="-1" role="dialog">
  752. <div class="modal-dialog" role="document">
  753. <div class="modal-content">
  754. <div class="modal-header d-block">
  755. <h4 class="modal-title">
  756. <button type="button" class="close" data-dismiss="modal" aria-label="{$LANG.orderForm.close}">
  757. <span aria-hidden="true">&times;</span>
  758. </button>
  759. <span>{lang key='orderForm.removeItem'}</span>
  760. </h4>
  761. </div>
  762. <div class="modal-body">
  763. {$LANG.cartremoveitemconfirm}
  764. </div>
  765. <div class="modal-footer">
  766. <button type="button" class="btn btn-default" data-dismiss="modal">{$LANG.no}</button>
  767. <button type="submit" class="btn btn-primary">{$LANG.yes}</button>
  768. </div>
  769. </div>
  770. </div>
  771. </div>
  772. </form>
  773. <form method="post" action="cart.php">
  774. <input type="hidden" name="a" value="empty" />
  775. <div class="modal fade modal-remove-item" id="modalEmptyCart" tabindex="-1" role="dialog">
  776. <div class="modal-dialog" role="document">
  777. <div class="modal-content">
  778. <div class="modal-header d-block">
  779. <h4 class="modal-title">
  780. <button type="button" class="close" data-dismiss="modal" aria-label="{$LANG.orderForm.close}">
  781. <span aria-hidden="true">&times;</span>
  782. </button>
  783. <span>{$LANG.emptycart}</span>
  784. </h4>
  785. </div>
  786. <div class="modal-body">
  787. {$LANG.cartemptyconfirm}
  788. </div>
  789. <div class="modal-footer">
  790. <button type="button" class="btn btn-default" data-dismiss="modal">{$LANG.no}</button>
  791. <button type="submit" class="btn btn-primary">{$LANG.yes}</button>
  792. </div>
  793. </div>
  794. </div>
  795. </div>
  796. </form>
  797. {/if}