@extends('layouts.store')
@section('body')
    <section class="section-content padding-y">
        <div class="container">

            <div class="row">
                @include("partials.store.profile-menu")
                <main class="col-md-9">
                    @foreach ($orders->sortDesc() as $order)
                        @if (isset(json_decode($order->attributes)->user->fname))
                            <article class="card mb-4">
                                <header class="card-header">
                                    <a href="#" class="float-right"> <i class="fa fa-print"></i> Print</a>
                                    <strong class="d-inline-block mr-3">Order : {{ $order->code }}</strong>
                                    <span>Order Date: {{ $order->created_at }}</span>
                                </header>
                                <div class="card-body">
                                    <div class="row">
                                        <div class="col-md-8">
                                            <h6 class="text-muted">Delivery to</h6>
                                            <p>{{ json_decode($order->attributes)->user->fname }}
                                                {{ json_decode($order->attributes)->user->lname }}<br>
                                                Phone: {{ json_decode($order->attributes)->user->phone }} Email:
                                                {{ json_decode($order->attributes)->user->email }}<br>
                                                Location: {{ json_decode($order->attributes)->user->address }} <br>
                                                {{ json_decode($order->attributes)->user->city }}
                                                {{-- {{ json_decode($order->attributes)->user->country }} --}}
                                            </p>
                                        </div>
                                        <div class="col-md-4">
                                            <h6 class="text-muted">Payment</h6>
                                            @if (json_decode($order->attributes)->payment->va_number)
                                                {{ json_decode($order->attributes)->payment->va_number }}
                                                ({{ json_decode($order->attributes)->user->channel }})
                                            @elseif (json_decode($order->attributes)->payment->url)
                                            @else
                                            @endif
                                            <p>
                                                {{-- Subtotal: $356 <br>
                                            Shipping fee: $56 <br> --}}
                                                <span class="b">Total: Rp
                                                    {{ number_format(json_decode($order->attributes)->payment->amount) }}</span><br>
                                                <span class="badge badge-success">Open</span>
                                            </p>
                                        </div>
                                    </div> <!-- row.// -->
                                </div> <!-- card-body .// -->
                                <div class="table-responsive">
                                    <table class="table table-hover">
                                        <tbody>
                                            @foreach ($order->products as $product)
                                                <tr>
                                                    <td width="65">
                                                        <img src="https://picsum.photos/200" class="img-xs border">
                                                    </td>
                                                    <td>
                                                        <p class="title mb-0">{{ $product->name }}</p>
                                                        <var class="price text-muted">Rp
                                                            {{ number_format($product->price_range) }}</var>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div> <!-- table-responsive .end// -->
                            </article> <!-- card order-item .// -->
                        @endif
                    @endforeach
                </main> <!-- col.// -->
            </div>

        </div> <!-- container .//  -->
    </section>
@endsection