update orders page template

public/css/profile/orders.css

+.order-card-header {
+    border-bottom: 0;
+}
+
+.order-card-header:hover {
+    cursor: pointer;
+}

resources/views/profile/orders.blade.php

 @extends('layouts.profile')
 
+@section('pagecss')
+    <link rel="stylesheet" href="/css/profile/orders.css">
+@endsection
+
 @section('profile-content')
     @if ($orders->isEmpty())
         <p class="h3">You don't have any orders. <a href="{{ route('homepage') }}">Check our products</a></p>
     @else
         @foreach($orders as $order)
-            {{ $order }}
-            <div class="card">
-                <button class="card-body btn"
+            <div class="card mb-3">
+                <div class="card-header order-card-header d-flex"
                      data-toggle="collapse"
-                     data-target="#collapseExample"
-                     aria-expanded="false" aria-controls="collapseExample"
+                     data-target="#{{ 'order_' . $order->id }}"
                 >
-                    Order# {{ $order->id }}
-                </button>
-                <div class="collapse" id="collapseExample">Ololo</div>
+                    <div class="mr-5">Order# {{ $order->id }}</div>
+                    <div>{{ $order->created_at->format('jS F Y G:i') }}</div>
+                    <div class="ml-auto">{{ $order->total_qty }} {{ ($order->total_qty === 1) ? 'item' : 'items' }}, total price {{ $order->total_price }} EUR</div>
+
+                </div>
+                <div class="collapse" id="{{ 'order_' . $order->id }}">
+                    <div class="card-body">Ololo</div>
+                </div>
             </div>
 
         @endforeach
-
-        <button data-toggle="collapse" data-target="#demo">Collapsible</button>
-
-        <div id="demo" class="collapse">
-            Lorem ipsum dolor text....
-        </div>
     @endif
 @endsection