@extends('admin.layouts.app', ['title' => __('Order')])

@section('content')
<!-- Header -->
<div class="header bg-primary pb-6 pt-6">
    <div class="container-fluid">
        <div class="header-body">
            <div class="row align-items-center py-4">
                <div class="col-lg-6 col-7">
                    <nav aria-label="breadcrumb" class="d-none d-md-inline-block ml-md-4">
                        <ol class="breadcrumb breadcrumb-links breadcrumb-dark">
                            <li class="breadcrumb-item"><a href="{{route('dashboard')}}"><i class="fas fa-home"></i></a></li>
                            <li class="breadcrumb-item"><a href="{{route('orders')}}">Orders</a></li>
                            <li class="breadcrumb-item active" aria-current="page">Show Order</li>
                        </ol>
                    </nav>
                </div>

            </div>
        </div>
    </div>
</div>
<!-- Page content -->


<div class="container-fluid mt--7">
    <div class="row">
        <div class="col-xl-12 order-xl-1">
            <div class="card bg-secondary shadow">
                <div class="card-header bg-white border-0">
                    <div class="row align-items-center">
                        <div class="col">
                            <!-- <h3 class="mb-0">{{ __('Show Order') }}</h3> -->
                            <h3 class="mb-0">#{{$order->order_no}}</h3>
                        </div>
                    </div>
                </div>
                <div class="card-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="admin_order_details_main">
                                <div class="row">
                                    <div class="col-md-6">
                                        <ul>
                                            <li><strong>Name</strong> <span>{{$order->user->name ?? ''}}  {{$order->user->last_name ?? ''}}</span></li>
                                            <li><strong>Email</strong> <span>{{$order->user->email ?? ''}}</span></li>
                                            <li><strong>Phone</strong> <span>{{$order->user->phone_number ?? ''}}</span></li>
                                            <li><strong>Shipping Address</strong> <span>{{$order->shippingAddress->street_name ?? ''}}, {{$order->shippingAddress->city ?? ''}},
                                                {{$order->shippingAddress->state ?? ''}}, {{$order->shippingAddress->country ?? ''}}, {{$order->shippingAddress->zipcode->code ?? ''}}</span></li>
                                        </ul>
                                    </div>
                                    <div class="col-md-6">
                                        <ul>
                                        <li>
                                            <strong>Order No</strong> <span>{{$order->order_no ?? ''}}</span></li>
                                            <li><strong>Date</strong> <span>{{date('d-m-Y H:i A', strtotime($order->created_at ?? ''))}}
                                                </span></li>
                                            <li><strong>Shipping Method</strong> <span>{{$order->shipping_method == 1 ? 'Pickup From Store': 'Fedex'}}</span></li>
                                            <li><strong>Shipping Service</strong> <span>{{$order->shipping_method == 2 && $order->shipping_service_type ? $order->shipping_service_type: 'N/A'}}</span></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12">
                            <div class="admin_c_table_main">
                                <div class="admin_c_table_wrapper">
                                    <div class="admin_c_table_inner">
                                        <div class="admin_c_table_head">
                                            <div class="admin_c_table_item admin_c_table_image">
                                                <span>Image</span>
                                            </div>
                                            <div class="admin_c_table_item admin_c_table_details">
                                                <span>Details</span>
                                            </div>
                                            <div class="admin_c_table_item admin_c_table_price">
                                                <span>Price</span>
                                            </div>
                                            <div class="admin_c_table_item admin_c_table_quantity">
                                                <span>Quantity</span>
                                            </div>
                                            <div class="admin_c_table_item admin_c_table_subtotal">
                                                <span>Sub Total</span>
                                            </div>
                                            <!-- <div class="admin_c_table_item admin_c_table_status">
                                                <span>Status</span>
                                            </div> -->
                                        </div>
                                        <div class="admin_c_table_body">
                                            @foreach($order->details as $detail)
                                            <div class="admin_c_table_body_item">
                                                <div class="admin_c_table_item admin_c_table_image">
                                                    @if(!empty($detail->product->productsImageFirst->filename) && \Illuminate\Support\Facades\Storage::exists($detail->product->productsImageFirst->filename))
                                        <img src="{{ url('storage') . '/' . $detail->product->productsImageFirst->filename}}">
                                        @else
                                        <img src="{{ url('storage') . '/no_image.png'}}">
                                        @endif
                                                </div>
                                                <div class="admin_c_table_item admin_c_table_details">
                                                    <h3>{{ $detail->product->name ?? ''}}</h3>
                                                    @if ($order->is_deal == 1)
                                                    <h5>Size: {{isset($detail->offerVariant->size->name) ? $detail->offerVariant->size->name : ''}}</h5>
                                                    @else
                                                    <h5>Size: {{isset($detail->variant->size->name) ? $detail->variant->size->name : ''}}</h5>    
                                                    @endif
                                                    <p>{{$detail->product->description ?? ''}}</p>
                                                </div>
                                                <div class="admin_c_table_item admin_c_table_price" data-text="Price">
                                                    <p>${{$detail->price ?? ''}}</p>
                                                </div>
                                                <div class="admin_c_table_item admin_c_table_quantity" data-text="Quantity">
                                                    <span>{{$detail->quantity ?? ''}}</span>
                                                </div>
                                                <div class="admin_c_table_item admin_c_table_subtotal" data-text="Sub Total">
                                                    <span>${{$detail->total ?? ''}}</span>
                                                </div>
                                                <!-- <div class="admin_c_table_item admin_c_table_status" data-text="Status">
                                                    <span class="badge badge-success">Complete</span>
                                                </div> -->
                                            </div>
                                            @endforeach
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- <table class="table table-bordered">
                                <tbody>
                                    <tr>
                                        <th><b>Order No</b></th>
                                        <td>{{$order->order_no}}</td>
                                    </tr>
                                </tbody>
                            </table> -->
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4 ml-auto admin_order_grand_total_main">
                            <div class="admin_order_grand_total_inner">
                                <ul>
                                    <li><strong>Sub Total</strong> <span>$ {{$order->sub_total ?? ''}}</span></li>
                                    <li><strong>Shipping Charge</strong> <span>$ {{$order->shipping_charge ? $order->shipping_charge: '00.00'}}</span></li>
                                    <li><strong>Grand Total</strong> <span>${{$order->total ?? ''}}</span></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @include('admin.layouts.footers.auth')
</div>
@endsection