add modal in cart for sending order button, small update in profile orders page design

public/css/profile/orders.css

+.order-card {
+    border-radius: 7px;
+    overflow: hidden;
+}
+
+.order-card:hover {
+    box-shadow: 0 0 13px 0 rgba(0,0,0,.4);
+}
+
 .order-card-header {
     border-bottom: 0;
 }
@@ -10,3 +19,4 @@
     width: 200px;
     text-align: right;
 }
+

resources/views/cart.blade.php

@@ -5,6 +5,26 @@
         <div class="container">
 
             @if(Session::has('cart'))
+                <div class="modal fade" id="staticBackdrop"  tabindex="-1" role="dialog" aria-labelledby="staticBackdropLabel" aria-hidden="true">
+                    <div class="modal-dialog" role="document" style="margin-top: 150px;">
+                        <div class="modal-content">
+                            <div class="modal-header">
+                                <h5 class="modal-title" id="staticBackdropLabel">Are you sure you want to place the order?</h5>
+                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                                    <span aria-hidden="true">&times;</span>
+                                </button>
+                            </div>
+                            <div class="modal-body d-flex justify-content-between">
+                                <form action="{{ route('order.sendOrder') }}" method="POST">
+                                    @csrf
+                                    <button class="btn btn-success">Send order</button>
+                                </form>
+                                <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+
                 <table id="cart" class="table table-hover table-condensed">
                     <thead>
                     <tr>
@@ -62,10 +82,13 @@
                             </td>
                             <td class="hidden-xs text-center"><strong>Total € {{ $cart->total_price }}</strong></td>
                             <td>
-                                <form action="{{ route('order.sendOrder') }}" method="POST">
-                                    @csrf
-                                    <button class="btn btn-success btn-block">Send order</button>
-                                </form>
+{{--                                <form action="{{ route('order.sendOrder') }}" method="POST">--}}
+{{--                                    @csrf--}}
+{{--                                    <button class="btn btn-success btn-block">Send order</button>--}}
+{{--                                </form>--}}
+                                <button class="btn btn-success btn-block" data-toggle="modal" data-target="#staticBackdrop">
+                                    Send order
+                                </button>
                             </td>
                         </tr>
                     </tfoot>

resources/views/profile/orders.blade.php

@@ -9,7 +9,7 @@
         <p class="h3">You don't have any orders. <a href="{{ route('homepage') }}">Check our products</a></p>
     @else
         @foreach($orders as $order)
-            <div class="card mb-3">
+            <div class="card mb-3 order-card">
                 <div class="card-header order-card-header d-flex"
                      data-toggle="collapse"
                      data-target="#{{ 'order_' . $order->id }}"
@@ -33,7 +33,6 @@
                     @endforeach
                 </div>
             </div>
-
         @endforeach
     @endif
 @endsection