@extends('member.layouts.master')
@section('member-body')
    <div>
        @include('layouts.message')
        <div class="board">
            <div class="board-header mb-3 d-flex justify-content-between">
                <div class="board-title">
                    <h3>{{$heading}}</h3>
                    <h5>Customer: {{$order_record->user->display_name}}</h5>
                    @if($address)
                    <h6>Address: {{$address->billing_street_address_1}}, {{$address->billing_city}}, {{$address->billing_state}} ({{$address->billing_postcode}})</h6>
                    @endif
                </div>
                <div class="board-toolbar">
                    <a href="/members/orders" class="btn btn-light"><i class="bi bi-backspace"></i> Back</a>
                </div>
            </div>
            <div class="board-body">
                <div class="row">
                    <div class="col-lg-7">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <div class="card-title fs-20 fw-bold">
                                    Items Details
                                </div>
                                <div class="card-toolbar">
                                    @if($order_record->status=='completed')
                                        <button disabled="disabled" class="btn border btn-sm">Edit</button>
                                    @else
                                        <a href="/members/orders/{{$order_record->id}}/edit" class="btn border btn-sm">Edit</a>
                                    @endif
                                </div>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table">
                                        <tr>
                                            <th>Product</th>
                                            <th>Specifications</th>
                                            <th>Amount</th>
                                        </tr>
                                        @foreach(\App\Models\Commerce\Cart::where('user_cart_id',$order_record->user_cart_id)->get() as $cart_item)
                                            <tr>
                                                <td>
                                                    @if(isset($cart_item->product->heading))
                                                        {{$cart_item->product->heading}}
                                                    @else
                                                        NA
                                                    @endif
                                                    @if(count($cart_item->images)>0)
                                                            <br>
                                                        @foreach($cart_item->images as $image)
                                                            <a href="/storage/{{$image->image}}" target="_blank" class="btn btn-danger btn-sm me-1 mb-1"><i class="bi bi-download"></i> View Artwork File</a><br>
                                                            @if(isset($image->notes)) {!! $image->notes !!} @endif
                                                        @endforeach
                                                    @endif
                                                </td>
                                                <td>
                                                    @foreach(json_decode($cart_item->variants) as $v_key=>$variant_value)
                                                        <span class="fs-15 mb-1 badge badge-light me-1 text-dark">{{get_variant_value($v_key)}}: <b>{{get_option_value($variant_value)}}</b></span><br>
                                                    @endforeach
                                                </td>
                                                <td style="text-align: right">{{default_currency()->sign}}{{number_format($cart_item->total,2)}}</td>
                                            </tr>
                                        @endforeach
                                        <tr>
                                            <th colspan="2" style="text-align: right">Sub Total</th>
                                            <td style="text-align: right">{{default_currency()->sign}}{{number_format($order_record->sub_total,2)}}</td>
                                        </tr>
                                        <tr>
                                            <th colspan="2" style="text-align: right">GST</th>
                                            <td style="text-align: right">{{default_currency()->sign}}{{number_format($order_record->taxes,2)}}</td>
                                        </tr>
                                        @if(isset($order_record->delivery_charge))
                                            <tr>
                                                <th colspan="2" style="text-align: right">Delivery Charge</th>
                                                <td style="text-align: right">{{default_currency()->sign}}{{number_format($order_record->delivery_charge,2)}}</td>
                                            </tr>
                                        @endif
                                        <tr>
                                            <th colspan="2" style="text-align: right">Grand Total</th>
                                            <td style="text-align: right">{{default_currency()->sign}}{{number_format($order_record->total,2)}}</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="card">
                            <div class="card-header d-flex justify-content-between">
                                <div class="card-title fs-20 fw-bold">
                                   Payment Summary
                                </div>
                                <div class="card-toolbar">
                                    @if($order_record->status=='completed')
                                        <button disabled="disabled" class="btn btn-success btn-sm">Paid</button>
                                    @else
                                        <a href="/members/orders/{{$order_record->id}}/payment" class="btn btn-danger btn-sm">Unpaid</a>
                                    @endif
                                </div>
                            </div>
                            <div class="card-body">
                                <table class="table">
                                    <tr>
                                        <th>Date/Time</th><td>: {{$order_record->updated_at}}</td>
                                    </tr>
                                    <tr>
                                        <th>Order ID</th><td>: #{{$order_record->bill_no}}</td>
                                    </tr>
                                    <tr>
                                        <th>Total Payment</th><td>: {{default_currency()->sign}}.{{number_format($order_record->total,2)}}</td>
                                    </tr>
                                    <tr>
                                        <th>Payment Method</th>
                                        <td>:
                                            @if(isset($order_record->payment_method->name))
                                                {{$order_record->payment_method->name}}
                                            @else
                                                Cash
                                            @endif
                                        </td>
                                    </tr>
                                </table>
                            </div>
                            @if(!($order_record->status=='completed'))
                            <div class="card-footer text-center">
                                <a href="/members/orders/{{$order_record->id}}/payment" class="btn btn-danger btn-sm">Proceed to Payment</a>
                            </div>
                            @endif

                        </div>
                    </div>
                </div>

            </div>
        </div>
    </div>

@endsection