mowry_coffee/analytics.html at master · jacksonmowry/mowry_coffee · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<div class="flex flex-col md:flex-row justify-between w-full gap-4 p-4">
    <div id="unique_carts" class="hover:shadow-2xl hover:scale-105 transform duration-500 p-4 border-gray-300 border bg-white flex-1 shadow-lg rounded-lg flex flex-col items-center justify-between gap-4">
        <div>
            Number of Unqiue Customers
        </div>
        <div class="flex gap-4">
            <span class="text-7xl">@cart_count</span>
            <svg class="w-20 h-20 stroke-green-800" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
        </div>
    </div>
    <div id="orders_placed" class="hover:shadow-2xl hover:scale-105 transform duration-500 p-4 border-gray-300 border bg-white flex-1 shadow-lg rounded-lg flex flex-col items-center justify-between gap-4">
        <div>
            Orders Placed
        </div>
        <div class="flex gap-4">
            <span class="text-7xl">${app.sales()}</span>
            <svg class="w-20 h-20 stroke-green-800" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
                <path d="M4.5 10.5L12 3m0 0l7.5 7.5M12 3v18" stroke-linecap="round" stroke-linejoin="round"></path>
            </svg>
        </div>
    </div>
</div>