@extends('admin.layouts.app')
@section('panel')
<div class="row mb-none-30 justify-content-center">
    <div class="col-xl-12 col-md-12 mb-30">
        <div class="card b-radius--10 overflow-hidden box--shadow1">
            <div class="card-body">
                <h5 class="mb-20 p-2 text-muted">@lang('Shipping Address')</h5>
                <ul class="list-group">
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        @lang('Order Number')
                        <span class="fw-bold  badge badge--success">#{{__(@$orderDetails->order_number)}}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        @lang('Full Name')
                        <span class="fw-bold">{{__(@$orderDetails->firstname.@$orderDetails->lastname)}}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        @lang('Address')
                        <span class="fw-bold">{{__(@$orderDetails->address)}}</span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        @lang('Email')
                        <span class="fw-bold">
                            <a>{{__(@$orderDetails->email)}}</a>
                        </span>
                    </li>
                    <li class="list-group-item d-flex justify-content-between align-items-center">
                        @lang('Phone Number')
                        <span class="fw-bold">{{__(@$orderDetails->phone)}}</span>
                    </li>
                </ul>
            </div>
            <div class="card-body p-0">
                <div class="table-responsive--sm table-responsive">
                    <table class="table table--light style--two custom-data-table">
                        <thead>
                            <tr>
                                <th>@lang('Product Image')</th>
                                <th>@lang('Product Name')</th>
                                <th>@lang('Quantity')</th>
                                <th>@lang('Total Price')</th>
                            </tr>
                        </thead>
                        <tbody>
                           @forelse ($orderDetails->products as $item)

                           <tr>
                              <td><img src="{{ getImage(getFilePath('productImage').'/'.@$item->productImages[0]->image)}}" alt="Image" class="rounded" style="width:50px;"></td>

                              <td>
                                {{__($item->name)}}
                            </td>
                            <td>
                                {{__($item->pivot->product_quantity)}} x {{showAmount(__($item->price))}}
                            </td>
                            <td>
                                {{__($general->cur_sym)}}{{__($item->price * $item->pivot->product_quantity)}}
                            </td>
                           </tr>
                           @empty
                           <tr>
                             <td class="text-muted text-center" colspan="100%">{{__($emptyMessage) }}</td>
                          </tr>
                           @endforelse
                        </tbody>
                    </table><!-- table end -->
                </div>
                <div class="my-5">
                    <div class="table-responsive--sm table-responsive">
                        <table class="table table--light style--two custom-data-table">
                            <thead>
                            <tr>
                                <th>@lang('Option')</th>
                                <th>@lang('Value')</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse ($orderDetails->options as $item)

                                <tr>
                                   <td>
                                       {{$item->title}}
                                   </td>
                                    <td>
                                        @foreach($item->items as $value)
                                            @php
                                                $selectionType = $value->selection_type ?? null;
                                                $meta = is_array($value->meta_json ?? null) ? $value->meta_json : [];
                                                $displayValue = $value->text_value ?? $value->value;
                                            @endphp
                                            <div class="mb-1">
                                                <span>{{ $displayValue }}</span>
                                                @if($selectionType === 'seller_additional_item')
                                                    <span class="badge badge--warning ms-1">@lang('Seller Added')</span>
                                                @elseif($selectionType === 'level_range')
                                                    <small class="text-muted ms-1">
                                                        ({{ $meta['from_label'] ?? $meta['from_value_id'] ?? '-' }} -> {{ $meta['to_label'] ?? $meta['to_value_id'] ?? '-' }})
                                                    </small>
                                                @endif
                                            </div>
                                        @endforeach
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td class="text-muted text-center" colspan="100%">{{__($emptyMessage) }}</td>
                                </tr>
                            @endforelse
                            </tbody>
                        </table><!-- table end -->
                    </div>

                </div>

                @php
                    $selectionOptions = $selectionLabels['options'] ?? [];
                    $orderPricing = $orderDetails->orderOfferPricing ?? null;
                    $breakdown = is_array($orderPricing?->breakdown_json ?? null) ? $orderPricing->breakdown_json : [];
                @endphp

                <div class="my-5">
                    <h5 class="mb-3 p-2 text-muted">@lang('Selections')</h5>
                    @if(!empty($selectionOptions))
                        @foreach($selectionOptions as $option)
                            <div class="mb-3 rounded border p-3">
                                <h6 class="mb-2">{{ $option['option_title'] ?? __('Option') }}</h6>
                                <div class="row">
                                    <div class="col-md-6 col-lg-3 mb-2">
                                        <div class="text-muted small">@lang('Standard')</div>
                                        @if(!empty($option['standard_items']))
                                            <ul class="list-unstyled mb-0">
                                                @foreach($option['standard_items'] as $item)
                                                    <li>{{ $item['label'] ?? $item['option_item_id'] ?? '-' }}</li>
                                                @endforeach
                                            </ul>
                                        @else
                                            <div class="text-muted small">@lang('None')</div>
                                        @endif
                                    </div>
                                    <div class="col-md-6 col-lg-3 mb-2">
                                        <div class="text-muted small">@lang('Additional')</div>
                                        @if(!empty($option['additional_items']))
                                            <ul class="list-unstyled mb-0">
                                                @foreach($option['additional_items'] as $item)
                                                    <li>{{ $item['label'] ?? $item['additional_item_id'] ?? '-' }}</li>
                                                @endforeach
                                            </ul>
                                        @else
                                            <div class="text-muted small">@lang('None')</div>
                                        @endif
                                    </div>
                                    <div class="col-md-6 col-lg-3 mb-2">
                                        <div class="text-muted small">@lang('Level Ranges')</div>
                                        @if(!empty($option['level_ranges']))
                                            <ul class="list-unstyled mb-0">
                                                @foreach($option['level_ranges'] as $range)
                                                    <li>{{ $range['label'] ?? '-' }}</li>
                                                @endforeach
                                            </ul>
                                        @else
                                            <div class="text-muted small">@lang('None')</div>
                                        @endif
                                    </div>
                                    <div class="col-md-6 col-lg-3 mb-2">
                                        <div class="text-muted small">@lang('Seller Type Items')</div>
                                        @if(!empty($option['seller_type_items']))
                                            <ul class="list-unstyled mb-0">
                                                @foreach($option['seller_type_items'] as $item)
                                                    <li>{{ $item['label'] ?? $item['seller_type_item_id'] ?? '-' }}</li>
                                                @endforeach
                                            </ul>
                                        @else
                                            <div class="text-muted small">@lang('None')</div>
                                        @endif
                                    </div>
                                </div>
                            </div>
                        @endforeach
                    @else
                        <div class="text-muted">@lang('No selections recorded.')</div>
                    @endif
                </div>

                <div class="my-5">
                    <h5 class="mb-3 p-2 text-muted">@lang('Pricing Breakdown')</h5>
                    @if($orderPricing)
                        <div class="row mb-3">
                            <div class="col-md-4 mb-2">
                                <div class="text-muted small">@lang('Base Price')</div>
                                <div class="fw-bold">{{ $general->cur_sym }}{{ showAmount($orderPricing->base_price) }}</div>
                            </div>
                            <div class="col-md-4 mb-2">
                                <div class="text-muted small">@lang('Final Price')</div>
                                <div class="fw-bold">{{ $general->cur_sym }}{{ showAmount($orderPricing->final_price) }}</div>
                            </div>
                            <div class="col-md-4 mb-2">
                                <div class="text-muted small">@lang('Total Price')</div>
                                <div class="fw-bold">{{ $general->cur_sym }}{{ showAmount($orderPricing->total_price) }}</div>
                            </div>
                        </div>

                        @if(!empty($breakdown))
                            <ul class="list-group">
                                @foreach($breakdown as $row)
                                    @php
                                        $rowLabel = $row['label'] ?? ($row['type'] ?? __('Modifier'));
                                        $rowOperator = $row['operator'] ?? null;
                                        $rowValue = $row['value'] ?? null;
                                        $rowDelta = $row['delta'] ?? null;
                                    @endphp
                                    <li class="list-group-item d-flex justify-content-between align-items-center">
                                        <span>
                                            {{ $rowLabel }}
                                            @if($rowOperator !== null && $rowValue !== null)
                                                <small class="text-muted">({{ $rowOperator }}{{ $rowValue }})</small>
                                            @endif
                                        </span>
                                        <span>{{ $rowDelta !== null ? showAmount($rowDelta) : '-' }}</span>
                                    </li>
                                @endforeach
                            </ul>
                        @else
                            <div class="text-muted">@lang('No breakdown recorded.')</div>
                        @endif
                    @else
                        <div class="text-muted">@lang('No breakdown recorded.')</div>
                    @endif
                </div>
            </div>
        </div>
    </div>


</div>

@endsection