show.html.erb 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <!-- BEGIN CONTAINER -->
  2. <div class="page-container">
  3. <!-- BEGIN CONTENT -->
  4. <div class="page-content-wrapper">
  5. <!-- BEGIN CONTENT BODY -->
  6. <!-- BEGIN PAGE HEAD-->
  7. <div class="page-head">
  8. <div class="container-fluid">
  9. <!-- BEGIN PAGE TITLE -->
  10. <div class="page-title">
  11. <h1>Compra </h1>
  12. </div>
  13. <!-- END PAGE TITLE -->
  14. </div>
  15. </div>
  16. <!-- END PAGE HEAD-->
  17. <!-- BEGIN PAGE CONTENT BODY -->
  18. <div class="page-content">
  19. <div class="container-fluid">
  20. <div class="pull-right margin-bottom-10 ">
  21. <%= link_to purchases_path(:filter => @filter, :current_page => @current_page), {:class=>"fr-space btn blue-hoki "} do %>
  22. <i class="fa fa-angle-left "></i>
  23. Regresar
  24. <% end %>
  25. </div>
  26. <!-- BEGIN PAGE BREADCRUMBS -->
  27. <ul class="page-breadcrumb breadcrumb">
  28. <%= render_breadcrumbs :tag => :li, :separator => ' <i class="fa fa-circle"></i> ' %>
  29. </ul>
  30. <!-- END PAGE BREADCRUMBS -->
  31. <!-- BEGIN PAGE CONTENT INNER -->
  32. <div class="page-content-inner margin-top-10">
  33. <div class="row">
  34. <!-- informacion de la venta -->
  35. <div class="col-md-3 col-sm-12">
  36. <div class="portlet light bordered ">
  37. <div class="portlet-title">
  38. <div class="caption"> <i class="fa fa-shopping-cart"></i>Información de la compra </div>
  39. </div>
  40. <div class="portlet-body">
  41. <div class="row static-info">
  42. <div class="col-md-1 name"> <i class="fa fa-barcode"></i> </div>
  43. <div class="col-md-8 value"> <%= @purchase.purchase_code %> </div>
  44. </div>
  45. <div class="row static-info">
  46. <div class="col-md-1 name"> <i class="fa fa-odnoklassniki"></i> </div>
  47. <div class="col-md-8 value"> <%= @purchase.user.first_name %> </div>
  48. </div>
  49. <div class="row static-info">
  50. <div class="col-md-1 name"> <i class="fa fa-fw fa-cart-plus"></i> </div>
  51. <div class="col-md-8 value"> <%= @purchase.pointsale.present? ? @purchase.pointsale.name : @purchase.warehouse.name %> </div>
  52. </div>
  53. <div class="row static-info">
  54. <div class="col-md-1 name"> <i class="fa fa-fw fa-suitcase"></i> </div>
  55. <div class="col-md-8 value"> <%= @purchase.supplier.nick_name %> </div>
  56. </div>
  57. <div class="row static-info">
  58. <div class="col-md-1 name"> <i class="fa fa-calendar-o"></i> </div>
  59. <div class="col-md-8 value"> <%= l(@purchase.purchase_date, :format => '%A, %d de %B de %Y') %> </div>
  60. </div>
  61. <div class="row static-info">
  62. <div class="col-md-1 name"> <i class="fa fa-fw fa-cubes"></i> </div>
  63. <div class="col-md-8 value"> <%= @purchase.products.count %> producto(s)</div>
  64. </div>
  65. <div class="row static-info">
  66. <div class="col-md-1 name"> <i class="fa fa-flag"></i> </div>
  67. <div class="col-md-8 value">
  68. <% if @purchase.status == "cancelled" %>
  69. <span class="label label-sm label-danger"> <i class="fa fa-times"></i> Cancelada </span>
  70. <% else %>
  71. <span class="label label-sm label-success"> <i class="fa fa-check"></i> Activa </span>
  72. <% end %>
  73. </div>
  74. </div>
  75. <div class="row static-info">
  76. <div class="col-md-1 name"><i class="fa fa-info"></i></div>
  77. <div class="col-md-8 value">
  78. <span class="label label-sm label-primary">
  79. <% if @purchase.is_in_dollars %>
  80. Compra en dolares
  81. <% else %>
  82. Compra en pesos
  83. <% end %>
  84. </span>
  85. </div>
  86. </div>
  87. <div class="row static-info">
  88. <div class="col-md-1 name"> <i class="fa fa-money"></i> </div>
  89. <div class="col-md-8 value"> <%= number_to_currency(@purchase.total, precision: 2) %> <%= @purchase.is_in_dollars ? 'USD' : 'MXN'%></div>
  90. </div>
  91. </div>
  92. </div>
  93. </div>
  94. <!-- detalle de los productos -->
  95. <div class="col-md-9 col-sm-12">
  96. <div class="portlet light bordered ">
  97. <div class="portlet-title">
  98. <div class="caption">
  99. <i class="fa fa-fw fa-cubes"></i>Detalle de los productos
  100. </div>
  101. </div>
  102. <% if @purchase.is_in_dollars %>
  103. <h4 class="pull-right">Tipo de cambio: <%= number_to_currency(@purchase.exchange, precision: 2) %> </h4>
  104. <% end %>
  105. <div class="portlet-body">
  106. <table class="table table-striped table-hover">
  107. <thead>
  108. <tr>
  109. <th>#</th>
  110. <th>SKU</th>
  111. <th>Imagen</th>
  112. <th>Producto</th>
  113. <th>Cantidad</th>
  114. <% if @purchase.is_in_dollars %>
  115. <th>Precio USD</th>
  116. <% end %>
  117. <th>Precio MXN</th>
  118. <th>IVA</th>
  119. <th>Importe</th>
  120. </tr>
  121. </thead>
  122. <tbody>
  123. <% @purchase.purchase_details.each_with_index do |detail, key| %>
  124. <tr>
  125. <td> <%= key + 1 %> </td>
  126. <td> <%= detail.product.sku %> </td>
  127. <td> <img src="<%= detail.product.small_img %>" width="50" height="50"/> </td>
  128. <td>
  129. <%= detail.product.name %><br>
  130. <%= detail.product.display_attributes %>
  131. </td>
  132. <td> <%= detail.quantity.round %> </td>
  133. <% if @purchase.is_in_dollars %>
  134. <td> <%= number_to_currency(detail.price, precision: 2) %> USD </td>
  135. <td> <%= number_to_currency(detail.price * @purchase.exchange, precision: 2) %> MXN </td>
  136. <% else %>
  137. <td> <%= number_to_currency(detail.price, precision: 2) %> MXN </td>
  138. <% end %>
  139. <td> <%= number_to_currency(detail.tax, precision: 2) %> MXN</td>
  140. <% if @purchase.is_in_dollars %>
  141. <td> <%= number_to_currency(detail.amount * @purchase.exchange, precision: 2) %> MXN</td>
  142. <% else %>
  143. <td> <%= number_to_currency(detail.amount, precision: 2) %> MXN</td>
  144. <% end %>
  145. </tr>
  146. <% end %>
  147. </tbody>
  148. </table>
  149. </div>
  150. </div>
  151. </div>
  152. </div>
  153. </div>
  154. <!-- END PAGE CONTENT INNER -->
  155. </div>
  156. </div>
  157. <!-- END PAGE CONTENT BODY -->
  158. <!-- END CONTENT BODY -->
  159. </div>
  160. <!-- END CONTENT -->
  161. </div>
  162. <!-- END CONTAINER