@extends('admin.layouts.master-soyuz')
@section('title', __('View Order :order |', ['order' => $order->order_id]))

@section('body')
@component('admin.component.breadcumb',['secondaryactive' => 'active'])
    @slot('heading'){{ __('Inhouse Orders') }}@endslot
    @slot('menu1'){{ __('View Order') }}@endslot
    @slot('button')
        <div class="col-md-6">
            <div class="widgetbar">
                <a href="{{ route('offline-orders.index') }}" class="btn btn-primary-rgba mr-2"><i class="feather icon-arrow-left mr-2"></i>{{ __('Back') }}</a>
                <a href="javascript:window.print()" class="btn btn-success-rgba"><i class="feather icon-printer mr-2"></i>{{ __('Print') }}</a>
            </div>
        </div>
    @endslot
@endcomponent

@php
    $statusMap = [
        'processed' => ['bg' => '#dcfce7', 'fg' => '#16a34a', 'icon' => 'check-circle'],
        'pending'   => ['bg' => '#fef3c7', 'fg' => '#d97706', 'icon' => 'clock'],
        'cancelled' => ['bg' => '#fee2e2', 'fg' => '#dc2626', 'icon' => 'x-circle'],
        'shipped'   => ['bg' => '#dbeafe', 'fg' => '#2952d3', 'icon' => 'truck'],
        'delivered' => ['bg' => '#dcfce7', 'fg' => '#16a34a', 'icon' => 'check-circle'],
    ];
    $st = $statusMap[$order->order_status] ?? ['bg' => '#f1f5f9', 'fg' => '#475569', 'icon' => 'circle'];
    $sym = '<i class="fa '.$defCurrency->currency_symbol.'"></i>';
    $sameState = optional($store->state)->id == optional($order->states)->id;
@endphp

<div class="contentbar">
    {{-- Hero --}}
    <div class="card m-b-30" style="border:0;border-radius:14px;overflow:hidden;background:linear-gradient(135deg,#3b6df0 0%,#2952d3 100%);">
        <div class="card-body" style="padding:24px;color:#fff;">
            <div class="row align-items-center">
                <div class="col-md-8">
                    <div style="font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;font-weight:700;">{{ __('Invoice') }}</div>
                    <h3 style="margin:4px 0 0;font-weight:800;font-size:28px;">#{{ $order->order_id }}</h3>
                    <div style="margin-top:8px;display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.18);padding:6px 14px;border-radius:20px;">
                        <i class="feather icon-{{ $st['icon'] }}"></i>
                        <span style="font-weight:700;font-size:13px;">{{ ucfirst(str_replace('_',' ',$order->order_status)) }}</span>
                    </div>
                </div>
                <div class="col-md-4 text-right">
                    <div style="font-size:11px;text-transform:uppercase;letter-spacing:.5px;opacity:.85;font-weight:700;">{{ __('Grand Total') }}</div>
                    <h2 style="margin:4px 0 0;font-weight:800;font-size:34px;">{!! $sym !!} {{ sprintf('%.2f', $order['grand_total']) }}</h2>
                    <div style="margin-top:6px;font-size:13px;opacity:.85;">{{ __('Paid via') }} <strong>{{ $order->payment_method }}</strong></div>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        {{-- LEFT: Items + summary --}}
        <div class="col-lg-8">
            {{-- Items --}}
            <div class="card m-b-30" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);overflow:hidden;">
                <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px;">
                    <h5 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-shopping-bag text-primary mr-2"></i>{{ __('Order Items') }}</h5>
                </div>
                <div class="card-body" style="padding:0;">
                    <div class="table-responsive">
                        <table class="table mb-0">
                            <thead style="background:#f8fafc;">
                                <tr>
                                    <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-weight:700;padding:14px 20px;">#</th>
                                    <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-weight:700;">{{ __('Product') }}</th>
                                    <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-weight:700;text-align:right;">{{ __('Price') }}</th>
                                    <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-weight:700;text-align:center;">{{ __('Qty') }}</th>
                                    <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-weight:700;text-align:right;">{{ __('Tax') }}</th>
                                    <th style="border:0;font-size:11px;text-transform:uppercase;color:#64748b;letter-spacing:.5px;font-weight:700;text-align:right;padding-right:20px;">{{ __('Subtotal') }}</th>
                                </tr>
                            </thead>
                            <tbody>
                                @if(isset($order->orderItems) && count($order->orderItems))
                                    @foreach($order->orderItems as $key => $item)
                                        <tr>
                                            <td style="border:0;border-top:1px solid #f1f5f9;padding:14px 20px;color:#64748b;">{{ $key+1 }}</td>
                                            <td style="border:0;border-top:1px solid #f1f5f9;">
                                                <div style="font-weight:600;color:#0a1430;">{{ $item['product_name'] }}</div>
                                                @if(!empty($item['origin']) && $item['origin'] !== '-')
                                                    <small style="color:#64748b;">{{ __('Origin') }}: {{ $item['origin'] }}</small>
                                                @endif
                                            </td>
                                            <td style="border:0;border-top:1px solid #f1f5f9;text-align:right;font-family:monospace;">{!! $sym !!} {{ sprintf('%.2f', $item['product_price']) }}</td>
                                            <td style="border:0;border-top:1px solid #f1f5f9;text-align:center;"><span style="background:#f1f5f9;padding:2px 10px;border-radius:6px;font-weight:600;font-size:12px;">×{{ $item['product_qty'] }}</span></td>
                                            <td style="border:0;border-top:1px solid #f1f5f9;text-align:right;font-family:monospace;color:#64748b;">{!! $sym !!} {{ sprintf('%.2f', $item['product_tax']) }}</td>
                                            <td style="border:0;border-top:1px solid #f1f5f9;text-align:right;padding-right:20px;font-family:monospace;font-weight:700;color:#0a1430;">{!! $sym !!} {{ sprintf('%.2f', $item['product_total']) }}</td>
                                        </tr>
                                    @endforeach
                                @else
                                    <tr><td colspan="6" style="text-align:center;padding:30px;color:#94a3b8;">{{ __('No items in this order') }}</td></tr>
                                @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            {{-- Notes --}}
            @if(!empty($order['additional_note']))
                <div class="card m-b-30" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                    <div class="card-body" style="padding:18px 22px;">
                        <h6 style="font-weight:700;color:#0a1430;margin-bottom:8px;"><i class="feather icon-edit-3 text-warning mr-2"></i>{{ __('Additional Note') }}</h6>
                        <div style="background:#fffbeb;border-left:3px solid #f59e0b;padding:12px 14px;border-radius:0 8px 8px 0;color:#0a1430;font-size:14px;line-height:1.6;">
                            {!! $order['additional_note'] !!}
                        </div>
                    </div>
                </div>
            @endif

            {{-- Totals --}}
            <div class="card m-b-30" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;padding:16px 20px;">
                    <h5 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-dollar-sign text-success mr-2"></i>{{ __('Totals') }}</h5>
                </div>
                <div class="card-body" style="padding:20px 24px;">
                    @php
                        $rows = [
                            [__('Subtotal'),       sprintf('%.2f', $order['subtotal']),       false],
                            [__('Tax').' ('.$order['tax_rate'].'%)', sprintf('%.2f', $order['total_tax']), false],
                        ];
                        if (!$sameState) {
                            $rows[] = [__('IGST').' ('.$order['tax_rate'].'%)', sprintf('%.2f', $order['total_tax']), false, true];
                        } else {
                            $rows[] = [__('SGST').' ('.sprintf('%.2f',$order['tax_rate']/2).'%)', sprintf('%.2f', $order['total_tax']/2), false, true];
                            $rows[] = [__('CGST').' ('.sprintf('%.2f',$order['tax_rate']/2).'%)', sprintf('%.2f', $order['total_tax']/2), false, true];
                        }
                        $rows[] = [__('Shipping'),  sprintf('%.2f', $order['total_shipping']), false];
                        if ($order['adjustable_amount'] != 0) $rows[] = [__('Adjustment'), sprintf('%.2f', $order['adjustable_amount']), false];
                    @endphp
                    @foreach($rows as $r)
                        <div style="display:flex;justify-content:space-between;padding:8px 0;{{ !empty($r[3]) ? 'padding-left:16px;font-size:12px;color:#64748b;' : '' }}">
                            <span style="color:#475569;font-weight:500;">{{ $r[0] }}</span>
                            <span style="font-family:monospace;font-weight:600;color:#0a1430;">{!! $sym !!} {{ $r[1] }}</span>
                        </div>
                    @endforeach
                    <hr style="margin:10px 0;">
                    <div style="display:flex;justify-content:space-between;align-items:baseline;">
                        <span style="font-weight:800;color:#0a1430;font-size:16px;">{{ __('Grand Total') }}</span>
                        <span style="font-family:monospace;font-weight:800;color:#0a1430;font-size:24px;">{!! $sym !!} {{ sprintf('%.2f', $order['grand_total']) }}</span>
                    </div>
                </div>
            </div>
        </div>

        {{-- RIGHT: Customer + Store + Meta --}}
        <div class="col-lg-4">
            {{-- Customer --}}
            <div class="card m-b-30" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;padding:14px 20px;">
                    <h6 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-user text-primary mr-2"></i>{{ __('Customer') }}</h6>
                </div>
                <div class="card-body" style="padding:18px 20px;">
                    <div style="font-weight:700;color:#0a1430;font-size:15px;">{{ $order->customer_name ?: '—' }}</div>
                    @if($order->customer_email)
                        <div style="font-size:13px;color:#64748b;margin-top:4px;"><i class="feather icon-mail" style="font-size:13px;"></i> <a href="mailto:{{ $order->customer_email }}" style="color:#3b6df0;">{{ $order->customer_email }}</a></div>
                    @endif
                    @if($order->customer_phone)
                        <div style="font-size:13px;color:#64748b;margin-top:2px;"><i class="feather icon-phone" style="font-size:13px;"></i> <a href="tel:{{ $order->customer_phone }}" style="color:#3b6df0;">{{ $order->customer_phone }}</a></div>
                    @endif
                    <hr style="margin:14px 0;">
                    <div style="font-size:11px;text-transform:uppercase;color:#64748b;font-weight:700;letter-spacing:.5px;margin-bottom:6px;">{{ __('Shipping Address') }}</div>
                    <div style="font-size:13px;color:#0a1430;line-height:1.5;">
                        {{ $order->customer_shipping_address }}<br>
                        {{ optional($order->cities)->name }}{{ optional($order->cities)->name ? ', ' : '' }}{{ optional($order->states)->name }}{{ optional($order->states)->name ? ', ' : '' }}{{ optional($order->country)->nicename }}
                        @if($order->customer_pincode)<br>{{ $order->customer_pincode }}@endif
                    </div>
                </div>
            </div>

            {{-- Order meta --}}
            <div class="card m-b-30" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;padding:14px 20px;">
                    <h6 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-info text-warning mr-2"></i>{{ __('Order Details') }}</h6>
                </div>
                <div class="card-body" style="padding:18px 20px;">
                    <div style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px;">
                        <span style="color:#64748b;">{{ __('Order ID') }}</span>
                        <strong style="color:#0a1430;font-family:monospace;">{{ $order->order_id }}</strong>
                    </div>
                    <div style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px;">
                        <span style="color:#64748b;">{{ __('Date') }}</span>
                        <strong style="color:#0a1430;">{{ date('d M Y', strtotime($order->invoice_date)) }}</strong>
                    </div>
                    <div style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px;">
                        <span style="color:#64748b;">{{ __('Payment') }}</span>
                        <strong style="color:#0a1430;">{{ $order->payment_method }}</strong>
                    </div>
                    @if($order->txn_id)
                        <div style="display:flex;justify-content:space-between;padding:6px 0;font-size:13px;">
                            <span style="color:#64748b;">{{ __('TXN') }}</span>
                            <strong style="color:#0a1430;font-family:monospace;font-size:11px;">{{ $order->txn_id }}</strong>
                        </div>
                    @endif
                </div>
            </div>

            {{-- Store --}}
            <div class="card m-b-30" style="border:0;border-radius:14px;box-shadow:0 1px 3px rgba(15,23,42,.06);">
                <div class="card-header" style="background:#fff;border-bottom:1px solid #f1f5f9;padding:14px 20px;">
                    <h6 class="card-title mb-0" style="font-weight:700;"><i class="feather icon-home text-success mr-2"></i>{{ __('From Store') }}</h6>
                </div>
                <div class="card-body" style="padding:18px 20px;">
                    <div style="font-weight:700;color:#0a1430;font-size:14px;">{{ $store->name }}</div>
                    @if($store->address)
                        <div style="font-size:12px;color:#64748b;line-height:1.5;margin-top:6px;">
                            {{ $store->address }}<br>
                            {{ optional($store->city)->name }}{{ optional($store->city)->name ? ', ' : '' }}{{ optional($store->state)->name }}{{ optional($store->state)->name ? ', ' : '' }}{{ optional($store->country)->nicename }}
                            @if($store->pin_code)<br>{{ $store->pin_code }}@endif
                        </div>
                    @endif
                    @if($store->mobile || $store->email)
                        <hr style="margin:12px 0;">
                        @if($store->mobile)<div style="font-size:12px;color:#475569;"><i class="feather icon-phone" style="font-size:12px;"></i> {{ $store->mobile }}</div>@endif
                        @if($store->email)<div style="font-size:12px;color:#475569;margin-top:2px;"><i class="feather icon-mail" style="font-size:12px;"></i> {{ $store->email }}</div>@endif
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
@endsection