API tools faq
paste
Advertisement
Guest User

c1

a guest
Jun 20th, 2019
75
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 18.03 KB | None | 0 0
raw download clone embed print report
  1. @include('topnav', [
  2. 'user' => $user_data
  3. ])
  4. @include('leftnav')
  5.  
  6. <!DOCTYPE html>
  7. <html>
  8.  
  9. <head>
  10. <meta charset="UTF-8">
  11. <title>Ajouter Devis</title>
  12. <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
  13. <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  14. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  15. <!--[if lt IE 9]>
  16. <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
  17. <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
  18. <![endif]-->
  19. <!-- global css -->
  20. <link href="/css/app.css" rel="stylesheet" type="text/css" />
  21. <!-- end of global css -->
  22. <!-- page level css-->
  23. <link href="/css/pages/invoice.css" rel="stylesheet" type="text/css">
  24. <link href="/vendors/daterangepicker/css/daterangepicker.css" rel="stylesheet" type="text/css" />
  25. <link href="/vendors/datetimepicker/css/bootstrap-datetimepicker.min.css" rel="stylesheet" type="text/css" />
  26. <link href="/vendors/clockface/css/clockface.css" rel="stylesheet" type="text/css" />
  27. <link href="/vendors/jasny-bootstrap/css/jasny-bootstrap.css" rel="stylesheet" type="text/css" />
  28.  
  29. <!--end of page level css-->
  30. <style>
  31. .btn-lg {
  32. padding: 10px 13px;
  33. }
  34. </style>
  35. </head>
  36.  
  37. <body class="skin-josh">
  38. @yield('topnavbar')
  39. @yield('leftnavbar')
  40.  
  41. <aside class="right-side">
  42. <!-- Content Header (Page header) -->
  43. <section class="content-header">
  44. <h1>Nouvelle Devis</h1>
  45. <ol class="breadcrumb">
  46. <li>
  47. <a href="index.html">
  48. <i class="livicon" data-name="home" data-size="14" data-color="#000"></i> Acceuil
  49. </a>
  50. </li>
  51. <li>
  52. <a href="#">Ventes</a>
  53. </li>
  54. <li class="active">Devis</li>
  55. </ol>
  56. </section>
  57. <!-- Main content -->
  58. <section class="content paddingleft_right15">
  59. <div class="row">
  60. <form action="{{ route('GestionVente.submit-devis') }}" method="post">
  61. @csrf
  62. <div class="col-md-12">
  63. <div class="panel panel-success">
  64. <div class="panel-heading">
  65. <h3 class="panel-title"><i class="livicon" data-name="money" data-size="14" data-loop="true" data-c="#fff" data-hc="#fff"></i> </h3>
  66. </div>
  67. <div class="panel-body" style="border:1px solid #ccc;padding:0;margin:0;">
  68. <div class="col-md-12">
  69. </div>
  70. </div>
  71.  
  72. <div class="row" style="padding:15px;">
  73. <div class="col-md-12 col-xs-12">
  74. <div class="table-responsive">
  75. <div class="container">
  76. <div class="row clearfix">
  77. <div class="col-md-12">
  78. <div>
  79. <label class="col-md-3 control-label" for="name">Numéro </label>
  80. <div class="col-md-3">
  81. <div class="form-group">
  82. <div>
  83. <input name="refform" class="form-control" placeholder="Numéro " value="{{$prod_date}}-{{$prod_last_id}}"></div>
  84. </div>
  85. </div>
  86. </div><br><br><br>
  87. <div>
  88. <label class="col-md-3 control-label" for="name">Date</label>
  89. <div class="col-md-3">
  90. <div class="input-group">
  91. <div class="input-group-addon">
  92. <i class="livicon" data-name="laptop" data-size="14" data-loop="true"></i>
  93. </div>
  94. <input type="text" class="form-control" id="rangepicker4" />
  95. </div>
  96.  
  97. </div>
  98. </div><br><br>
  99. <!-- Email input-->
  100. <div>
  101. <div class="form-group">
  102. <label class="col-md-3 control-label" for="email">Client</label>
  103. <div class="col-md-3">
  104. <select class="form-control" name='user_select' onChange="">
  105. <option value="">Select client ...</option>
  106. @foreach(App\Client::get() as $cl)
  107. <option value='{{ $cl->Code }}'>{{ $cl->nom}} {{ $cl->prenom}} </option>
  108. @endforeach
  109. </select>
  110. </div>
  111. </div>
  112. </div><br><br><br>
  113. <table class="table table-bordered table-hover" id="tab_logic">
  114. <thead>
  115. <tr>
  116. <th class="text-center"> Produit </th>
  117. <th class="text-center"> Quantités </th>
  118. <th class="text-center"> Prix </th>
  119. <th class="text-center"> TVA </th>
  120. <th class="text-center"> Total </th>
  121. <th class="text-center"> Actions </th>
  122. </tr>
  123. </thead>
  124. <tbody>
  125. <tr id='addr0'>
  126. <td><select name="product_id[]" class="form-control" id='product' onchange="myFunction()">
  127. <option value="">Select Product ...</option>
  128.  
  129. @foreach(App\Articles::get() as $art)
  130. <option value='{{$art->Art_Id}}|{{$art->ArtA_TTC}}|{{$art->TVA_Id}}'> {{ $art->Art_Designation}}</option>
  131. @endforeach
  132.  
  133. </select></td>
  134. <td><input type="number" name='qty[]' placeholder='Enter Qty' class="form-control qty" step="0" min="0"/></td>
  135. <td><input type="number" id="price" name='price[]' placeholder='Enter Unit Price' class="form-control price" step="0.00" min="0" readonly/></td>
  136. <td><input type="number" id="tva" name='tva[]' placeholder='Enter Unit TVA' class="form-control ttva" step="0.00" min="0" readonly/></td>
  137. <td><input type="number" name='total[]' placeholder='0.00' class="form-control total" readonly/></td>
  138. <td><button type="button" class="remove btn btn-danger btn-lg"><span class="glyphicon glyphicon-remove" ></span></button></td>
  139. </tr>
  140. <tr id='addr1'></tr>
  141. </tbody>
  142. </table>
  143. </div>
  144. </div>
  145. <div class="row clearfix">
  146. <div class="col-md-12">
  147. <button id="add_row" class="btn btn-success pull-left" type="button" >Add Row</button>
  148.  
  149. </div>
  150. </div>
  151. <div class="row clearfix" style="margin-top:20px">
  152. <div class="pull-right col-md-4">
  153. <table class="table table-bordered table-hover" id="tab_logic_total">
  154. <tbody>
  155. <tr>
  156. <th class="text-center">Total</th>
  157. <td class="text-center"><input type="number" name='sub_total' placeholder='0.00' class="form-control" id="sub_total" readonly/></td>
  158. </tr>
  159. <tr>
  160. <th class="text-center">Total TVA</th>
  161. <td class="text-center"><input type="number" name='total_tva' placeholder='0.00' class="form-control" id="total_tva" readonly value="0"/></td>
  162. </tr>
  163. <tr>
  164. <th class="text-center">Timbre Fiscal </th>
  165. <td class="text-center"><div class="input-group mb-2 mb-sm-0">
  166. <input type="text" class="form-control" id="tax" value="0.700" readonly>
  167. </div>
  168. </td>
  169. </tr>
  170.  
  171. <tr>
  172. <th class="text-center"> Total TTC</th>
  173. <td class="text-center"><input type="number" name='total_amount' id="total_amount" placeholder='0.00' class="form-control" readonly/></td>
  174. </tr>
  175. </tbody>
  176. </table>
  177. </div>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. </div>
  183. <div style="background-color: #eee;padding:15px;" id="footer-bg">
  184. <div class="row">
  185. </div>
  186. <div style="margin:10px 20px;text-align:center;" class="btn-section">
  187. <button type="button" class="btn btn-responsive button-alignment btn-info" data-toggle="button">
  188. <span style="color:#fff;" onclick="window.print();">
  189. <i class="livicon" data-name="printer" data-size="16" data-loop="true"
  190. data-c="#fff" data-hc="white" style="position:relative;top:3px;"></i>
  191. Print
  192. </span>
  193. </button>
  194. <button type="type" class="btn btn-success">Valider</button>
  195. </div>
  196. </div>
  197. </div>
  198. </div>
  199. </form>
  200. </div>
  201. </div>
  202. </div>
  203. </section>
  204. <!-- content -->
  205. </aside>
  206.  
  207.  
  208. <a id="back-to-top" href="#" class="btn btn-primary btn-lg back-to-top" role="button" title="Return to top" data-toggle="tooltip" data-placement="left">
  209. <i class="livicon" data-name="plane-up" data-size="18" data-loop="true" data-c="#fff" data-hc="white"></i>
  210. </a>
  211. <!-- global js -->
  212. <script src="/js/app.js" type="text/javascript"></script>
  213. <!-- end of global js -->
  214. <script src="/vendors/jasny-bootstrap/js/jasny-bootstrap.js"></script>
  215. <script src="/vendors/iCheck/js/icheck.js"></script>
  216. <script src="/js/pages/form_layouts.js"></script>
  217. <script src="/vendors/moment/js/moment.min.js" type="text/javascript"></script>
  218. <script src="/vendors/daterangepicker/js/daterangepicker.js" type="text/javascript"></script>
  219. <script src="/vendors/datetimepicker/js/bootstrap-datetimepicker.min.js" type="text/javascript"></script>
  220. <script src="/vendors/clockface/js/clockface.js" type="text/javascript"></script>
  221. <script src="/vendors/jasny-bootstrap/js/jasny-bootstrap.js" type="text/javascript"></script>
  222. <script src="/js/pages/datepicker.js" type="text/javascript"></script>
  223. <script>
  224.  
  225. $(document).ready(function(){
  226. var i=1;
  227. $("#add_row").click(function(){b=i-1;
  228. //$('#addr'+i).html($('#addr'+b).html()).find('td:first-child').html(i+1);
  229. var x = document.getElementById("tab_logic").rows.length;
  230.  
  231. $('#tab_logic').append('<tr id="aa'+x+'"></tr>');
  232. let element=document.getElementById("aa"+x);
  233. let ppp=document.getElementById("product");
  234.  
  235. $("#aa"+x).append('<td><select name="product_id[]" onchange="fff('+x+')" class="form-control" id="select'+x+'"></select></td>');
  236. var a;
  237. for( a=0;a<ppp.length;a++)
  238. {
  239. $("#select"+x).append('<option value="'+ppp.options[a].value+'">'+ppp.options[a].text+'</option>');
  240. }
  241.  
  242.  
  243. i++;
  244. $("#aa"+x).append('<td><input type="number" id="qte'+x+'" name="qty[]" placeholder="Enter Qty" class="form-control qty" step="0" min="0"></td>');
  245. $("#aa"+x).append('<td><input type="number" id="price'+x+'" name="price[]" placeholder="Enter Unit Price" class="form-control price" step="0.00" min="0" readonly=""></td>');
  246. $("#aa"+x).append('<td><input type="number" id="tva'+x+'" name="tva[]" placeholder="TVA" class="form-control ttva" step="0.00" min="0" readonly="" value="0"></td>');
  247. $("#aa"+x).append('<td><input type="number" id="total'+x+'" name="total[]" placeholder="0.00" class="form-control total" readonly=""></td>');
  248. $("#aa"+x).append('<td><button type="button" class="remove btn btn-danger btn-lg"><span class="glyphicon glyphicon-remove" onclick="removeRow(this);"></span></button></td>');
  249. });
  250. $("#delete_row").click(function(){
  251. if(i>1){
  252. $("#addr"+(i-1)).html('');
  253. i--;
  254. }
  255. calc();
  256. });
  257.  
  258. $('#tab_logic tbody').on('keyup change',function(){
  259. calc();
  260. });
  261. $('#tax').on('keyup change',function(){
  262. $("#total_amount").val(parseFloat($("#tax").val())+(parseFloat($("#sub_total").val())));
  263. //calc_total();
  264. });
  265. var x = document.getElementById("tab_logic").rows.length;
  266. for(var a=3;a<=x;a++){
  267.  
  268.  
  269. }
  270. $(document).on('click', '.remove', function() {
  271. var trIndex = $(this).closest("tr").index();
  272. if(trIndex>1) {
  273. $(this).closest("tr").remove();
  274. } else {
  275. alert("Sorry!! Can't remove first row!");
  276. }
  277. calc_total();
  278. });
  279.  
  280. });
  281.  
  282. function calc()
  283. {
  284. $('#tab_logic tbody tr').each(function(i, element) {
  285. var html = $(this).html();
  286. if(html!='')
  287. {
  288. var qty = $(this).find('.qty').val();
  289.  
  290. var price = $(this).find('.price').val();
  291. $(this).find('.total').val(qty*price);
  292.  
  293. calc_total();
  294. }
  295. });
  296. }
  297.  
  298. function calc_total()
  299. {
  300. total=0;
  301. total_tva=0;
  302. $('.total').each(function() {
  303. total += parseInt($(this).val());
  304. });
  305. $('.ttva').each(function() {
  306. total_tva += parseInt($(this).val());
  307. });
  308. $('#sub_total').val(total.toFixed(2));
  309. //tax_sum=total/100*$('#tax').val();
  310. //$('#tax_amount').val(tax_sum.toFixed(2));
  311. $('#total_amount').val((total).toFixed(2));
  312.  
  313. document.getElementById("total_tva").value = total_tva;
  314. }
  315. function myFunction() {
  316. var x = document.getElementById("product").value;
  317. document.getElementById("price").value = x.split("|")[1];
  318. document.getElementById("tva").value = x.split("|")[2];
  319. }
  320.  
  321. function fff(val){
  322. var x = document.getElementById("select"+val).value;
  323. document.getElementById("price"+val).value = x.split("|")[1];
  324. document.getElementById("tva"+val).value = x.split("|")[2];
  325. }
  326. </script>
  327. </body>
  328.  
  329. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!