@extends('layouts.app')
@section('title', 'B2B Order — '.$order->order_number)

@section('content')
<section class="content-header">
    <h1>
        Order {{ $order->order_number ?? '#'.$order->id }}
        <small>{{ strtoupper($order->status) }}</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ url('/b2bportal/orders') }}"><i class="fa fa-list"></i> Orders</a></li>
        <li class="active">{{ $order->order_number ?? '#'.$order->id }}</li>
    </ol>
</section>

<section class="content">
    @if(session('status'))<div class="alert alert-success">{{ session('status') }}</div>@endif
    @if(session('error'))<div class="alert alert-danger">{{ session('error') }}</div>@endif

    <div class="row">
        <div class="col-md-8">
            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">Line items</h3>
                    <span class="pull-right text-muted small">
                        Fulfilled from location #{{ $order->location_id }}
                        @if($order->transaction_id)
                            · <a href="{{ url('/pos/print-invoice/'.$order->transaction_id) }}" target="_blank">Invoice PDF</a>
                        @endif
                    </span>
                </div>
                <div class="box-body table-responsive">
                    <table class="table table-bordered">
                        <thead><tr><th>Item</th><th class="text-center">Qty</th><th class="text-right">Unit</th><th class="text-right">Subtotal</th></tr></thead>
                        <tbody>
                        @foreach(($order->cart_snapshot ?? []) as $line)
                            <tr>
                                <td>{{ $line['name'] ?? '—' }} <small class="text-muted">{{ $line['sub_sku'] ?? '' }}</small></td>
                                <td class="text-center">{{ $line['quantity'] ?? 0 }}</td>
                                <td class="text-right">{{ config('constants.currency_symbol','₹') }}{{ number_format($line['unit_price'] ?? 0, 2) }}</td>
                                <td class="text-right">{{ config('constants.currency_symbol','₹') }}{{ number_format($line['subtotal'] ?? 0, 2) }}</td>
                            </tr>
                        @endforeach
                        </tbody>
                        <tfoot>
                            <tr><th colspan="3" class="text-right">Subtotal</th><th class="text-right">{{ config('constants.currency_symbol','₹') }}{{ number_format($order->subtotal, 2) }}</th></tr>
                            @if($order->discount_total > 0)
                                <tr><th colspan="3" class="text-right">Discount</th><th class="text-right text-success">−{{ config('constants.currency_symbol','₹') }}{{ number_format($order->discount_total, 2) }}</th></tr>
                            @endif
                            <tr><th colspan="3" class="text-right">Tax</th><th class="text-right">{{ config('constants.currency_symbol','₹') }}{{ number_format($order->tax_total, 2) }}</th></tr>
                            <tr><th colspan="3" class="text-right">Shipping</th><th class="text-right">{{ config('constants.currency_symbol','₹') }}{{ number_format($order->shipping_total, 2) }}</th></tr>
                            <tr class="active"><th colspan="3" class="text-right">Total</th><th class="text-right">{{ config('constants.currency_symbol','₹') }}{{ number_format($order->grand_total, 2) }}</th></tr>
                        </tfoot>
                    </table>
                </div>
            </div>

            @if($siblings->isNotEmpty())
                <div class="box box-solid">
                    <div class="box-header with-border">
                        <h4 class="box-title">Sibling shipments (same buyer order)</h4>
                    </div>
                    <div class="box-body">
                        <ul class="list-unstyled">
                            @foreach($siblings as $sib)
                                <li>
                                    <a href="{{ url('/b2bportal/orders/'.$sib->id) }}">{{ $sib->order_number ?? '#'.$sib->id }}</a>
                                    · location #{{ $sib->location_id }}
                                    · {{ strtoupper($sib->status) }}
                                    · {{ config('constants.currency_symbol','₹') }}{{ number_format($sib->grand_total, 2) }}
                                </li>
                            @endforeach
                        </ul>
                    </div>
                </div>
            @endif
        </div>

        <div class="col-md-4">
            <div class="box">
                <div class="box-header with-border"><h3 class="box-title">Customer</h3></div>
                <div class="box-body">
                    <p><strong>{{ optional($order->customer)->name ?? '—' }}</strong>
                        @if(optional($order->customer)->business_name)
                            <br><small>{{ $order->customer->business_name }}</small>
                        @endif
                    </p>
                    <p><i class="fa fa-whatsapp"></i> {{ optional($order->customer)->phone }}</p>
                    @if(optional($order->customer)->email)<p><i class="fa fa-envelope"></i> {{ $order->customer->email }}</p>@endif
                    @if(optional($order->customer)->gstin)<p>GSTIN: {{ $order->customer->gstin }}</p>@endif
                </div>
            </div>

            <div class="box">
                <div class="box-header with-border"><h3 class="box-title">Shipping address</h3></div>
                <div class="box-body">
                    @php $addr = is_array($order->shipping_address) ? $order->shipping_address : (json_decode($order->shipping_address ?? '{}', true) ?: []); @endphp
                    <address>
                        <strong>{{ $addr['name'] ?? '' }}</strong><br>
                        {{ $addr['line1'] ?? '' }}<br>
                        @if(!empty($addr['line2'])){{ $addr['line2'] }}<br>@endif
                        {{ $addr['city'] ?? '' }}, {{ $addr['state'] ?? '' }} {{ $addr['pincode'] ?? '' }}<br>
                        <i class="fa fa-phone"></i> {{ $addr['phone'] ?? '' }}
                    </address>
                </div>
            </div>

            <div class="box">
                <div class="box-header with-border">
                    <h3 class="box-title">Payment</h3>
                    @if($order->payment_verified_at)
                        <span class="label label-success pull-right">
                            <i class="fa fa-check-circle"></i> Verified {{ $order->payment_verified_at->diffForHumans() }}
                        </span>
                    @endif
                </div>
                <div class="box-body">
                    <p>Method: <strong>{{ strtoupper($order->payment_method_used) }}</strong></p>
                    @if($order->transaction)
                        <p class="text-muted small">
                            POS payment status: <strong>{{ strtoupper($order->transaction->payment_status) }}</strong>
                        </p>
                    @endif

                    @if($order->upi_utr)
                        <p>UTR: <code style="font-size:14px">{{ $order->upi_utr }}</code></p>
                    @endif

                    {{-- Customer-uploaded payment proof --}}
                    @if($order->payment_proof_path)
                        @php
                            $proofUrl = asset('storage/'.$order->payment_proof_path);
                            $isPdf = str_ends_with(strtolower($order->payment_proof_path), '.pdf');
                        @endphp
                        <div style="margin:10px 0; padding:8px; border:1px solid #ddd; border-radius:6px; background:#fafafa">
                            <div class="text-muted small" style="margin-bottom:6px">
                                <i class="fa fa-paperclip"></i> Payment proof uploaded by customer
                            </div>
                            @if($isPdf)
                                <a href="{{ $proofUrl }}" target="_blank" class="btn btn-default btn-sm">
                                    <i class="fa fa-file-pdf-o"></i> Open PDF proof
                                </a>
                            @else
                                <a href="{{ $proofUrl }}" target="_blank" title="Click to open full size">
                                    <img src="{{ $proofUrl }}"
                                         style="max-width:100%; max-height:260px; border:1px solid #ccc; border-radius:4px; display:block; margin:auto">
                                </a>
                                <a href="{{ $proofUrl }}" target="_blank" class="btn btn-default btn-xs" style="margin-top:6px">
                                    <i class="fa fa-external-link"></i> Open full size
                                </a>
                            @endif
                        </div>
                    @else
                        @if($order->payment_method_used === 'upi')
                            <p class="text-muted small"><i class="fa fa-info-circle"></i> Customer hasn't uploaded a payment screenshot yet.</p>
                        @endif
                    @endif

                    {{-- Verify switch: only meaningful for UPI + still pending --}}
                    @if($order->payment_method_used === 'upi' && $order->status === 'pending' && ! $order->payment_verified_at)
                        <form method="POST" action="{{ url('/b2bportal/orders/'.$order->id.'/verify-upi') }}"
                              onsubmit="return confirm('Mark UPI payment verified and confirm the order?');">
                            @csrf
                            <input type="text" name="note" class="form-control input-sm" placeholder="Verification note (optional)" style="margin-bottom:6px">
                            <button class="btn btn-success" style="width:100%">
                                <i class="fa fa-check"></i> Verify UPI &amp; confirm order
                            </button>
                        </form>
                    @endif
                </div>
            </div>

            @if(!empty($allowed))
            <div class="box">
                <div class="box-header with-border"><h3 class="box-title">Status</h3></div>
                <div class="box-body">
                    @foreach($allowed as $next)
                        <form method="POST" action="{{ url('/b2bportal/orders/'.$order->id.'/status') }}" style="display:inline">
                            @csrf
                            <input type="hidden" name="status" value="{{ $next }}">
                            <button class="btn btn-sm
                                @if($next==='delivered') btn-success
                                @elseif($next==='cancelled') btn-danger
                                @elseif($next==='shipped') btn-primary
                                @else btn-default @endif"
                                onclick="return confirm('Move order to {{ $next }}?')">
                                Mark {{ $next }}
                            </button>
                        </form>
                    @endforeach
                </div>
            </div>
            @endif
        </div>
    </div>
</section>
@endsection