@extends('frontend.layouts.app')

@section('title', app_name() . ' | ' . __('navs.frontend.dashboard') )

@section('content')


    <div class="page-section sp-inner-page">
        <div class="container">
            <div class="row">
                <div class="col-12">
                    <div class="row">
                        <!-- My Account Tab Menu Start -->
                        @include('frontend.user.account._menu')
                        <!-- My Account Tab Menu End -->

                        <!-- My Account Tab Content Start -->
                        <div class="col-lg-9 col-12 mt-lg-0">
                            <div class="tab-content" id="myaccountContent">
                                <!-- Single Tab Content Start -->
                                <div class="tab-pane fade show active" id="dashboad" role="tabpanel">
                                    <div class="myaccount-content dashboard-cards">

                                        <h3>Detail of Order # {{ $data['order']->id }}</h3>

                                        <div class="row">

                                        <div class="col-md-12 order-2 order-sm-1">


                                            <div class="card">
                                                <div class="card-header">
                                                    <strong>Basic Details</strong>
                                                </div>
                                                <div class="card-body">

                                                    <div class="table-responsive">
                                                        <table class="table table-hover table-striped table-bordered">
                                                            <tr>
                                                                <th width="30%">Order ID</th>
                                                                <td width="70%">{{ $data['order']->id }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Order Date</th>
                                                                <td>
                                                                    {{ \Carbon\Carbon::parse($data['order']->created_at)->format('M d, Y H:i:s') }}
                                                                    &nbsp;
                                                                    ({{ \Carbon\Carbon::parse($data['order']->created_at)->diffForHumans() }})
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <th>Order Status</th>
                                                                <td>{{ \App\Models\Order::$statuses[$data['order']->order_status] }}</td>
                                                            </tr>

                                                            @if($data['order']->ups_tracking_id != '')
                                                                <tr>
                                                                    <th>Tracking ID</th>
                                                                    <td>{{ $data['order']->ups_tracking_id }}</td>
                                                                </tr>
                                                            @endif

                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end card -->





                                            <div class="card">
                                                <div class="card-header">
                                                    <strong>List of Ordered Items</strong>
                                                </div>
                                                <div class="card-body">

                                                    <div class="table-responsive">
                                                        <table class="table table-hover">
                                                            <tbody><tr>
                                                                <th width="10%">Image</th>
                                                                <th width="45%">Product</th>
                                                                <th width="15%" class="text-right">Price</th>
                                                                <th width="15%" class="text-right">Quantity</th>
                                                                <th width="15%" class="text-right">Total</th>
                                                            </tr>
                                                            @foreach($data['order']->items as $item)

                                                                @php
                                                                    if($item->image != '')
                                                                        $path = '/up_data/products/images/thumbnails/'.$item->image;
                                                                    else
                                                                        $path = '/up_data/na.jpg';

                                                                    $total_price = $item->price * $item->quantity;

                                                                    $bogo = null;
                                                                    if(trim($item->bogo) != null)
                                                                        $bogo = json_decode($item->bogo);
                                                                @endphp

                                                                <tr>
                                                                    <td><img src="{{ $path }}" class="img-thumbnail" alt="{{ $item->name }}"></td>
                                                                    <td>{{ $item->name }}
                                                                        <br><em>&bull; {{ $item->sku }}</em>
                                                                        @if($item->engraving_text_primary != '')
                                                                            <div class="pt-2">
                                                                                <strong>Engraving Text:</strong>
                                                                                <div>&bull; {{ $item->engraving_text_primary }}</div>
                                                                                @if(trim($item->engraving_text_secondary) != null)
                                                                                    <div>&bull; {{ $item->engraving_text_secondary }}</div>
                                                                                @endif
                                                                            </div>
                                                                        @endif
                                                                    </td>
                                                                    <td class="text-right">
                                                                        @if(!is_null($bogo) && isset($bogo->is_free))
                                                                            <div style="color: #FF0000;">Free Product</div>
                                                                        @else
                                                                            @if($item->price_original > $item->price)
                                                                                <div class="discounted-price">{{ '$'.number_format($item->price_original, 2) }}</div>
                                                                            @endif
                                                                            {{ '$'.number_format($item->price, 2) }}
                                                                        @endif
                                                                    </td>
                                                                    <td class="text-right">{{ $item->quantity }}</td>
                                                                    <td class="text-right">
                                                                        @if(!is_null($bogo) && isset($bogo->is_free))
                                                                            <div style="color: #FF0000;">Free Product</div>
                                                                        @else
                                                                            @if($item->price_original > $item->price)
                                                                                <div class="discounted-price">{{ '$'.number_format($item->price_original * $item->quantity, 2) }}</div>
                                                                            @endif
                                                                            @if(!is_null($bogo))
                                                                                @php
                                                                                    echo '<span !class="discounted-price">$'.number_format($total_price - $bogo->discount_amount, 2).'</span>';
                                                                                    if(isset($bogo->bogo_free))
                                                                                        echo  '<br><small>'.$bogo->bogo_free . ' free item(s)</small>';
                                                                                    else
                                                                                        echo  '<br><small>'.$bogo->bogod_percent.'% discount on ' . $bogo->bogod_count . ' item(s)</small>';
                                                                                @endphp
                                                                            @else
                                                                                {{ '$'.number_format($total_price, 2) }}
                                                                            @endif
                                                                        @endif
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>


                                                    <div class="table-responsive">
                                                        <table class="table table-hover table-striped table-bordered">
                                                            <tbody>
                                                            <tr>
                                                                <th width="75%" class="text-right">Sub Total</th>
                                                                <td width="25%" class="text-right">{{ '$'.number_format($data['order']->sub_total, 2) }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th class="text-right">Shipping Fee</th>
                                                                <td class="text-right"><em>({{ $data['order']->shipping_service }})</em> &nbsp; {{ '$'.number_format($data['order']->shipping_fee, 2) }}</td>
                                                            </tr>
                                                            @if($data['order']->discount > 0)
                                                                <tr>
                                                                    <th class="text-right">Discount</th>
                                                                    <td class="text-right">{{ '$'.number_format($data['order']->discount, 2) }}</td>
                                                                </tr>
                                                            @endif
                                                            @if($data['order']->tax > 0)
                                                                <tr>
                                                                    <th class="text-right">Tax</th>
                                                                    <td class="text-right">{{ '$'.number_format($data['order']->tax, 2) }}</td>
                                                                </tr>
                                                            @endif
                                                            @if($data['order']->engraving_charges > 0)
                                                                <tr>
                                                                    <th class="text-right">Engraving Charges</th>
                                                                    <td class="text-right">{{ '$'.number_format($data['order']->engraving_charges, 2) }}</td>
                                                                </tr>
                                                            @endif
                                                            <tr>
                                                                <th class="text-right">Grand Total</th>
                                                                <td class="text-right"><strong>{{ '$'.number_format($data['order']->grand_total, 2) }}</strong></td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>

                                                </div>
                                            </div> <!-- end card -->


                                            <div class="card">
                                                <div class="card-header">
                                                    <strong>Shipping Details</strong>
                                                </div>
                                                <div class="card-body">

                                                    <div class="table-responsive">
                                                        <table class="table table-hover table-striped table-bordered">
                                                            <tbody>
                                                            @if($data['order']->customer_id > 0)
                                                                <tr>
                                                                    <th width="30%">Customer Name</th>
                                                                    <td width="70%">{{ \App\Models\Customer::getCustomerName($data['order']->customer_id) }}</td>
                                                                </tr>
                                                            @endif
                                                            <tr>
                                                                <th width="30%">Email Address</th>
                                                                <td width="70%">{{ $data['order']->email ?? 'N/A' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Ship-to Name</th>
                                                                <td>{{ $data['order']->first_name . ' ' . $data['order']->last_name }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Company</th>
                                                                <td>{{ $data['order']->company ?? 'N/A' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Address Line 1</th>
                                                                <td>{{ $data['order']->address1 }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Address Line 2</th>
                                                                <td>{{ $data['order']->address2 ?? 'N/A' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>City</th>
                                                                <td>{{ $data['order']->city }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Zip / Postal Code</th>
                                                                <td>{{ $data['order']->zip_code }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>State</th>
                                                                <td>
                                                                    @if(is_numeric($data['order']->state))
                                                                        {{ \App\Models\State::get_state_name($data['order']->state) }}
                                                                    @else
                                                                        {{ $data['order']->state }}
                                                                    @endif
                                                                </td>
                                                            </tr>
                                                            <tr>
                                                                <th>Country</th>
                                                                <td>{{ \App\Models\Country::get_country_name($data['order']->country) }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Phone</th>
                                                                <td>{{ $data['order']->phone ?? 'N/A' }}</td>
                                                            </tr>
                                                            <tr>
                                                                <th>Notes</th>
                                                                <td>{{ $data['order']->notes ?? 'N/A' }}</td>
                                                            </tr>
                                                            </tbody>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div> <!-- end card -->



                                            @if($data['order']->payment_type == 'Credit Card')
                                                <div class="card">
                                                    <div class="card-header">
                                                        <strong>Payment Details</strong>
                                                    </div>
                                                    <div class="card-body">

                                                        <div class="table-responsive">
                                                            <table class="table table-hover table-striped table-bordered">
                                                                <tr>
                                                                    <th width="30%">Transaction Reference</th>
                                                                    <td width="70%">{{ $data['order']->payment_method }}</td>
                                                                </tr>
                                                                <tr>
                                                                    <th>Card Number</th>
                                                                    <td>{!! $data['order']->card_number . ' - <em><strong>'. strtoupper($data['order']->card_type) .'</strong></em>' !!}</td>
                                                                </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div> <!-- end card -->
                                            @endif


                                            <div class="card">
                                                <div class="card-header">
                                                    <strong>Order Status Updates</strong>
                                                </div>
                                                <div class="card-body">

                                                    <div class="table-responsive">
                                                        <table class="table table-hover table-striped table-bordered">
                                                            <tbody>
                                                            <tr>
                                                                <th width="15%">Subject</th>
                                                                <th width="55%">Message</th>
                                                                <th width="15%">Status</th>
                                                                <th width="15%">Date</th>
                                                            </tr>
                                                            @foreach($data['notifications'] as $notification)
                                                                <tr>
                                                                    <td>{{ $notification->subject }}</td>
                                                                    <td>{{ $notification->message }}</td>
                                                                    <td>{{ \App\Models\Order::$statuses[$notification->order_status] }}</td>
                                                                    <td>
                                                                        {{ \Carbon\Carbon::parse($notification->created_at)->format('M d, Y H:i:s') }}
                                                                        <br>
                                                                        <em>({{ \Carbon\Carbon::parse($notification->created_at)->diffForHumans() }})</em>
                                                                    </td>
                                                                </tr>
                                                            @endforeach
                                                            </tbody>
                                                        </table>
                                                    </div>

                                                </div>
                                            </div> <!-- end card -->







                                        </div><!--col-md-8-->

                                        </div>


                                    </div>
                                </div>
                                <!-- Single Tab Content End -->


                            </div>
                        </div>
                        <!-- My Account Tab Content End -->
                    </div>

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

@endsection