@include('admin.dash.layout.header')
<div class="nk-content ">
    <div class="container-fluid">
        <div class="nk-content-inner">
            <div class="nk-content-body">
                <div class="components-preview wide-md mx-auto">
                    <div class="nk-block nk-block-lg">
                        <div class="nk-block-head">
                            <div class="nk-block-head-content">
                                <h4 class="nk-block-title">Orders</h4>
                                <div class="nk-block-des">
                                <p>Here, you can see all the <code class="code-class"> Orders</code> available on Stizee.</p>

                            
                                </div>
                            </div>

                        </div>

 
                        <table class="datatable-init-export nowrap nk-tb-list is-separate" data-auto-responsive="false" data-order="5">
                            <thead>
                                <tr class="nk-tb-item nk-tb-head">
                                     
                                    <th class="nk-tb-col tb-col-sm"><span>User</span></th>
                                    <th class="nk-tb-col"><span>Order ID</span></th>
                                        <th class="nk-tb-col"><span>Phone Number</span></th>
                                            <th class="nk-tb-col"><span>Address</span></th>
                                          <th class="nk-tb-col"><span>Reference</span></th>
                                                 <th class="nk-tb-col"><span>Price</span></th>
                                                      <th class="nk-tb-col"><span>Status</span></th>
                                     
                                    <th class="nk-tb-col nk-tb-col-tools">
                                        <ul class="nk-tb-actions gx-1 my-n1">
                                            
                                        </ul>
                                    </th>
                                </tr><!-- .nk-tb-item -->
                            </thead>
                            <tbody>
                                @foreach($orders as $d)
                              @php
$order_data = $d->order_data;
$order_data = json_decode($order_data, true);

// The address is in orderData -> shipping -> address
$orderData = json_decode($order_data['orderData'], true); // Decode the nested JSON
$address = $orderData['shipping']['address'] ?? 'N/A';
$phone = $orderData['shipping']['phone'] ?? 'N/A';
@endphp
                                <tr class="nk-tb-item">
                                  
                                    <td class="nk-tb-col tb-col-sm">
                                        <span class="tb-product"> 
    <a href="/admin/user/{{$d->user_id}}"><span class="title">{{$d->user_name}}</span>
</a>
                                    </span>
                                    </td>
                                    
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$d->order_id}}</span>
                                    </td>

                                             
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$d->phone}}</span>
                                    </td>

                                             
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$address}}</span>
                                    </td>


                                             
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$d->reference}}</span>
                                    </td>

                                             
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$d->total_amount}}</span>
                                    </td>

                                                  
                                    <td class="nk-tb-col tb-col-md">
                                        <span class="tb-sub">{{$d->status}}</span>
                                    </td>
                                   
                                    <td class="nk-tb-col nk-tb-col-tools">
                                        <ul class="nk-tb-actions gx-1 my-n1">
                                            <li class="">
                                                <a href="/admin/order/{{$d->id}}" class="btn btn-trigger btn-icon" data-toggle="tooltip" data-placement="top" title="View Order Details"><em class="icon ni ni-eye"></em></a>
                                            </li>
                                        </ul>
                                    </td>
                                </tr><!-- .nk-tb-item -->
                               @endforeach
                            </tbody>
                        </table><!-- .nk-tb-list -->
                    </div> <!-- nk-block -->
                </div><!-- .components-preview -->
            </div>
        </div>
    </div>
</div>
@include('admin.dash.layout.footer')