|
|
@ -23,7 +23,14 @@
|
|
|
|
<p class="text-white text-base">{{customer.customer_id}}</p>
|
|
|
|
<p class="text-white text-base">{{customer.customer_id}}</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
{% endif %}
|
|
|
|
{% endif %}
|
|
|
|
|
|
|
|
<div class="w-full h-fit flex justify-center items-center bg-gray-100 shadow-md rounded-md px-3 py-3 mt-3 gap-3">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="text-gray-500 text-l">Total: ${{ total_all_orders }}</div>
|
|
|
|
|
|
|
|
<div class="text-green-500 text-l">Paid: ${{ total_paid_all_orders }}</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="text-red-500 text-l">Remaining: ${{ total_remaining_all_orders }}</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<div class="w-full h-fit flex justify-end items-center bg-gray-100 shadow-md rounded-md px-3 py-3 mt-3">
|
|
|
|
<div class="w-full h-fit flex justify-end items-center bg-gray-100 shadow-md rounded-md px-3 py-3 mt-3">
|
|
|
|
<div class="w-full md:w-fit flex flex-col md:flex-row justify-end items-center gap-3">
|
|
|
|
<div class="w-full md:w-fit flex flex-col md:flex-row justify-end items-center gap-3">
|
|
|
|
<button
|
|
|
|
<button
|
|
|
@ -56,14 +63,7 @@
|
|
|
|
</a>
|
|
|
|
</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="w-full h-fit flex justify-center items-center bg-gray-100 shadow-md rounded-md px-3 py-3 mt-3 gap-3">
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="text-gray-500 text-l">Total: ${{ total_all_orders }}</div>
|
|
|
|
|
|
|
|
<div class="text-green-500 text-l">Paid: ${{ total_paid_all_orders }}</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<div class="text-red-500 text-l">Remaining: ${{ total_remaining_all_orders }}</div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="w-full flex flex-col gap-4 mt-5">
|
|
|
|
<div class="w-full flex flex-col gap-4 mt-5">
|
|
|
|
<div>
|
|
|
|
<div>
|
|
|
|
<p class="text-gray-500 text-xl">First Name: <span
|
|
|
|
<p class="text-gray-500 text-xl">First Name: <span
|
|
|
|