@extends('backend.layouts.app')

@section('order') open @endsection

@section('content')
<!-- Page Content -->
<div class="content">

    <div class="row">
        <!-- Row #2 -->
        <div class="col-md-12">
            <div class="block block-rounded">
                <div class="block-header block-header-default">
                    <h3 class="block-title">
                        Order Details #{{ $orderDetails->id }}
                    </h3>
                    {{-- <a href="{{ route('admin.order.update_status') }}" class="btn btn-success ">Go Back</a> --}}
                </div>
                <div class="block-content block-content-full">
                    <div class="row">
                        <!-- Order Information Start -->
                        <div class="col-md-6">
                            <h2 class="btn btn-info btn-block w-100 py-2">Order Information</h2>
                            <table class="table table-bordered table-striped table-responsive">
                                <tr>
                                    <th width="35%">Invoice No</th>
                                    <td>{{ $orderDetails->invoice_no }}</td>
                                </tr>
                                {{-- @isset($orderDetails->transaction_id) --}}
                                <tr>
                                    <th width="35%">Transaction Id</th>
                                    <td>{{ $orderDetails->transaction_id }}</td>
                                </tr>
                                {{-- @endisset --}}
                                <tr>
                                    <th width="35%">Payment By</th>
                                    @if ($orderDetails->payment_method == 'COD')
                                    <td>Cash on Delivery</td>
                                    @else
                                    <td>{{ $orderDetails->payment_method }}</td>
                                    @endif

                                </tr>
                                <tr>
                                    <th width="35%">Total Amount</th>
                                    <td>$ {{ $orderDetails->amount }}</td>
                                </tr>
                                <tr>
                                    <th width="35%">Order Status</th>
                                    <td>
                                        <span class="badge bg-danger bright">
                                            {{ ucwords($orderDetails->status) }}
                                        </span>
                                    </td>
                                </tr>
                            </table>
                        </div>

                        <!-- Shipping Information Start -->
                        <div class="col-md-6">
                            <h2 class="btn btn-info btn-block w-100 py-2">Shipping Information</h2>
                            <table class="table table-bordered table-striped table-responsive">
                                <tr>
                                    <th width="35%">Name</th>
                                    <td>{{ $orderDetails->name }}</td>
                                </tr>
                                <tr>
                                    <th width="35%">Phone</th>
                                    <td>{{ $orderDetails->phone }}</td>
                                </tr>
                                <tr>
                                    <th width="35%">Email</th>
                                    <td>{{ $orderDetails->email }}</td>
                                </tr>
                                <tr>
                                    <th width="35%">Address</th>
                                    <td>{{ $orderDetails->address }}</td>
                                </tr>
                               <tr>
                                    <th width="35%">City</th>
                                    <td>{{ $orderDetails->city }}</td>
                                </tr>
                                <tr>
                                    <th width="35%">State</th>
                                    <td>{{ $orderDetails->state }}</td>
                                </tr>
                                <tr>
                                    <th width="35%">Zip Code</th>
                                    <td>{{ $orderDetails->zip_code }}</td>
                                </tr>
                            </table>
                        </div>

                        <!-- Order Items Start -->
                        <div class="col-md-12 mt-5">
                            <table class="table table-bordered table-responsive table-striped">
                                <tr class="table-info">
                                    <th>Image</th>
                                    <th>Product Name</th>
                                    <th>Sublevels Name</th>
                                    <th>Price</th>
                                    <th>Quantity</th>
                                    <th>Total</th>
                                </tr>
                                @foreach ($orderItems as $item)
                                <tr>
                                    <td>
                                        @if (!empty($item->product->image) &&
                                        file_exists($item->product->image))
                                        <img src="{{ asset($item->product->image) }}" alt="Image"
                                            style="width: 60px; height: 60px;">
                                        @else
                                        <img src="{{ asset('common/no-image.jpg') }}" alt="Image"
                                            style="width: 60px; height: 60px;">
                                        @endif
                                    </td>
                                    <td>{{ $item->product->name }}</td>
                                    <td>
                                        @if($item->product_level)
                                        @isset($item->product_level)
                                            @php
                                            $order_product_levels = explode(',', $item->product_level);
                                            @endphp                                            
                                                @foreach ($order_product_levels as $order_product_level)
                                                    @php
                                                    $subleveltitle = App\Models\SubLevel::getTitle($order_product_level);
                                                    echo $subleveltitle['title'].', ';
                                                    @endphp
                                                @endforeach                                            
                                        @endisset                                        
                                        @endif
                                    </td>
                                    <td>$ {{ $item->product->price }}</td>
                                    <td>{{ $item->qty }}</td>
                                    <td>$ {{ $item->qty * $item->price }}</td>
                                </tr>
                                @endforeach
                            </table>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- END Row #2 -->
    </div>

</div>
<!-- END Page Content -->
@endsection