templates/fos/transactions/transaction_detail.html.twig line 1

Open in your IDE?
  1. <style>
  2. fieldset {
  3. /*border: none;*/
  4. border: 1px dotted black;
  5. padding: 10px;
  6. }
  7. legend {
  8. border: none;
  9. }
  10. .detail-table td {
  11. font-weight: bolder;
  12. }
  13. .detail-table span {
  14. font-weight: normal;
  15. }
  16. h5{
  17. padding: 0px;
  18. margin: 0px;
  19. }
  20. </style>
  21. <div class="row" style="margin-top: 10px; ">
  22. <div class="col-lg-6 col-md-6 col-sm-6">
  23. <fieldset>
  24. <legend>WayBill</legend>
  25. <div class="row">
  26. <div class="col-lg-8">
  27. <h5>Sender Name</h5>
  28. <span>{{ transaction.wayBill.senderName | upper }}</span>
  29. </div>
  30. <div class="col-lg-4">
  31. <h5>Phone</h5>
  32. <span>{{ transaction.wayBill.senderPhoneNumber | upper }}</span>
  33. </div>
  34. </div>
  35. <div class="row">
  36. <div class="col-lg-8">
  37. <h5>Receiver Name</h5>
  38. <span>{{ transaction.wayBill.receiverName | upper }}</span>
  39. </div>
  40. <div class="col-lg-4">
  41. <h5>Phone</h5>
  42. <span>{{ transaction.wayBill.receiverPhoneNumber | upper }}</span>
  43. </div>
  44. </div>
  45. <div class="row">
  46. <div class="col-lg-8">
  47. <h5>From</h5>
  48. <span>{{ transaction.wayBill.fromStation | upper }}</span>
  49. </div>
  50. <div class="col-lg-4">
  51. <h5>To</h5>
  52. <span>{{ transaction.wayBill.toStation | upper }}</span>
  53. </div>
  54. </div>
  55. </fieldset>
  56. </div>
  57. <div class="col-lg-3 col-sm-4 col-md-3">
  58. <fieldset>
  59. <legend>Parcels</legend>
  60. {% for parcel in transaction.wayBill.parcels %}
  61. <div class="row" style="border: 1px dashed black; padding-bottom: 5px;padding-top: 5px;">
  62. <div class="col-lg-12">
  63. <h5>Parcel [#{{ parcel.id }}]</h5>
  64. <span>{{ parcel.description }}</span>
  65. </div>
  66. </div>
  67. {% endfor %}
  68. </fieldset>
  69. </div>
  70. <div class="col-lg-3 col-sm-4 col-md-3">
  71. <div class="row">
  72. <div class="col-lg-12">
  73. <fieldset>
  74. <legend>Transaction</legend>
  75. <table width="100%" style="text-align: center; align-content: center;">
  76. <tr>
  77. <td align="left"><h5 align="left" style="border: none;">{{ transaction.taxPercentage }}% V.A.T</h5></td>
  78. <td align="right" style="font-family: monospace, monospace; border-right: none;">{{ transaction.taxAmount }}</td>
  79. </tr>
  80. <tr style="border-bottom: 1px dotted black;">
  81. <td align="left"><h5 align="left" style="border: none;">AMOUNT</h5></td>
  82. <td align="right" style="font-family: monospace, monospace;border-right: none;">{{ (transaction.grossAmount - transaction.taxAmount) | number_format}}</td>
  83. </tr>
  84. {#{% set expenseAmount = 0 %}#}
  85. {% for expense in transaction.wayBillExpenses %}
  86. {% if expense.expenseType.isAutomatic == false %}
  87. <tr style="border-bottom: 1px solid black;">
  88. <td align="left"><h5 align="left" style="border: none;">{{ expense.expenseType.expenseName | upper }}</h5></td>
  89. <td align="right" style="font-family: monospace, monospace;border-right: none;">-{{ expense.amount | number_format}}</td>
  90. </tr>
  91. {#{% set expenseAmount = (expenseAmount + expense.amount) %}#}
  92. {% endif %}
  93. {% endfor %}
  94. <tr style="border-bottom: 1px double black;">
  95. <td align="right"><h4 align="left" style="border: none;">TOTAL</h4></td>
  96. <td align="right" style="font-family: monospace, monospace; border-right: none;">{{ (transaction.stationBalance) | number_format }}</td>
  97. </tr>
  98. </table>
  99. </fieldset>
  100. </div>
  101. </div>
  102. </div>
  103. </div>
  104. <hr style="margin-top: 15px;">
  105. <div class="row">
  106. <div class="col-lg-6">
  107. <span>Entered By: {{ transaction.wayBill.createdBy.person.firstName | upper }} {{ transaction.wayBill.createdBy.person.secondName | upper }} {{ transaction.wayBill.createdBy.person.sirName | upper }} | @user {{ transaction.wayBill.createdBy.username }}</span></span>
  108. </div>
  109. <div align="right" class="col-lg-4">
  110. <span><a class="btn btn-warning btn-sm" href="{{ path('one_way_bill', {'id': transaction.wayBill.id}) }}">View Details <i class="fas fa-arrow-circle-right"></i></a></span>
  111. </div>
  112. </div>