{{-- resources/views/user/tracking.blade.php --}}
@extends('frontend.layouts.app')

<style>
    /* Keep your existing qun- styles here (the full CSS from your current file).
       I'm assuming you already have them; include them if not. */
    /* ... (existing CSS) ... */

    /* Small addition for manifested banner */
    .qun-manifested-banner {
        display:flex;
        align-items:center;
        gap:1rem;
        background: linear-gradient(90deg, rgba(34,197,94,0.06), rgba(34,197,94,0.02));
        border: 1px solid rgba(34,197,94,0.12);
        padding: .75rem 1rem;
        border-radius: 10px;
        margin-bottom: 1rem;
    }
    .qun-manifested-badge {
        background: #10b981;
        color: #fff;
        padding:.45rem .7rem;
        border-radius:8px;
        font-weight:700;
        display:inline-flex;
        align-items:center;
        gap:.4rem;
    }
    .qun-manifested-meta { font-size:.92rem; color:#0f1724; }
    .qun-manifested-meta .muted { color: #6b7280; font-size:.86rem; }
</style>

@section('content')
    <div class="container py-4 qun-container">
        <div class="d-flex align-items-center justify-content-between mb-3">
            <div>
                <h2 class="mb-0" style="font-size:20px">Tracking — <small class="text-muted">AWB:</small>
                    <strong>{{ $displayAwb ?? $awb }}</strong>
                </h2>
                <small class="text-muted">Order: {{ $order->cart_id ?? $order->order_id }}</small>
            </div>

            <div class="text-right">
                <a href="{{ route('customer.orders.tracking', ['order' => $order->order_id, 'awb' => $awb]) }}"
                    class="btn btn-secondary btn-sm qun-btn">Refresh</a>
                <a href="{{ route('customer.orders.index') }}" class="btn btn-secondary btn-sm qun-btn">Back to My Orders</a>
            </div>
        </div>

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

        @php
            // decode response if needed
            if (is_string($response)) {
                $resp = json_decode($response, true);
            } else {
                $resp = $response ?? [];
            }
            $keyAwb = $displayAwb ?? $awb;
            $tracking = $resp['data'][$keyAwb] ?? $resp['data'][$awb] ?? ($tracking ?? []);
            $lastScan = $tracking['last_scan_details'] ?? null;
            $scanDetails = $tracking['scan_details'] ?? [];

            // order_date_time -> manifest_date_time
            $manifestedDtRaw = $tracking['order_date_time']['manifest_date_time'] ?? null;
            $manifestedDt = null;
            try {
                if (!empty($manifestedDtRaw) && $manifestedDtRaw !== '0000-00-00' && trim($manifestedDtRaw) !== '') {
                    // Use Carbon if available (Laravel). Fallback to raw if parse fails.
                    $manifestedDt = \Carbon\Carbon::parse($manifestedDtRaw);
                }
            } catch (\Throwable $e) {
                $manifestedDt = null;
            }

            // Cancellation detection
            $curStatusLower = strtolower($tracking['current_status'] ?? '');
            $isCancelled = false;
            if (stripos($curStatusLower, 'cancel') !== false || !empty($tracking['cancel_status'])) {
                $isCancelled = true;
            }
        @endphp

        <div class="row">
            {{-- LEFT: Summary --}}
            <div class="col-md-4">
                <div class="card mb-3 qun-card">
                    <div class="card-body">
                        <h5 class="card-title qun-title">Shipment Summary</h5>

                        @if($isCancelled)
                            <div style="border-left:4px solid #dc3545;padding:.75rem;border-radius:8px;background:#fff6f6;margin-bottom:.8rem;">
                                <div style="display:flex;justify-content:space-between;align-items:center;">
                                    <div>
                                        <div style="font-weight:700;color:#7f1d1d;">Shipment Cancelled</div>
                                        <div class="small qun-muted">This shipment has been marked cancelled.</div>
                                    </div>
                                    <div style="text-align:right">
                                        <span class="badge qun-badge qun-badge--danger">Cancelled</span>
                                    </div>
                                </div>
                                <div class="mt-2 qun-small-muted">
                                    <strong>Cancel status:</strong> {{ $tracking['cancel_status'] ?? '—' }}
                                    @if(!empty($tracking['current_status']))
                                        &nbsp;•&nbsp; <strong>Current status:</strong> {{ $tracking['current_status'] }}
                                    @endif
                                </div>
                            </div>
                        @endif

                        @if ($order->shipment->status == 'success')
                            <p> Tracking URL : <a class="ml-2 badge badge-success qun-link"
                                    href="{{ json_decode($order->shipment->response, true)['data'][1]['tracking_url']  }} " target="_blank">
                                    {{ json_decode($order->shipment->response, true)['data'][1]['tracking_url']  }} </a></p>
                            <p>
                        @endif

                        <p class="mb-2">
                            <span class="badge qun-badge qun-badge--info">{{ $tracking['logistic'] ?? '—' }}</span>
                            @php
                                $status = strtolower($tracking['current_status'] ?? '');
                                if (stripos($status, 'cancel') !== false || $isCancelled) {
                                    $statusClass = 'qun-badge--danger';
                                } elseif (strpos($status, 'delivered') !== false) {
                                    $statusClass = 'qun-badge--success';
                                } elseif (strpos($status, 'in transit') !== false || strpos($status, 'intransit') !== false) {
                                    $statusClass = 'qun-badge--primary';
                                } else {
                                    $statusClass = 'qun-badge--warning';
                                }
                            @endphp
                            <span class="ml-2 badge {{ $statusClass }} qun-badge">{{ $tracking['current_status'] ?? 'Unknown' }}</span>
                        </p>

                        <dl class="row small mb-0 qun-small-muted">
                            <dt class="col-5">AWB</dt>
                            <dd class="col-7">{{ $tracking['awb_no'] ?? ($displayAwb ?? $awb) }}</dd>

                            <dt class="col-5">Last Updated</dt>
                            <dd class="col-7">{{ $lastScan['status_date_time'] ?? ($lastScan['scan_date_time'] ?? '—') }}</dd>

                            <dt class="col-5">Message</dt>
                            <dd class="col-7">{{ $tracking['message'] ?? '—' }}</dd>

                            @if(!empty($tracking['promise_delivery_date']) || !empty($tracking['expected_delivery_date']))
                                <dt class="col-5">Promise Date</dt>
                                <dd class="col-7">{{ $tracking['promise_delivery_date'] ?? $tracking['expected_delivery_date'] ?? '—' }}</dd>
                            @endif

                            @if(!empty($tracking['cancel_status']))
                                <dt class="col-5">Cancel Status</dt>
                                <dd class="col-7">{{ $tracking['cancel_status'] }}</dd>
                            @endif
                        </dl>
                    </div>
                </div>

                @if (!empty($tracking['customer_details']))
                    @php $c = $tracking['customer_details']; @endphp
                    <div class="card mb-3 qun-card">
                        <div class="card-body">
                            <h5 class="card-title qun-title">Delivery To</h5>
                            <p class="mb-1 qun-delivery-name"><strong>{{ $c['customer_name'] ?? '—' }}</strong></p>
                            <p class="mb-1 small qun-delivery-address">
                                {{ $c['customer_address1'] ?? '' }}
                                {{ $c['customer_address2'] ? ', ' . $c['customer_address2'] : '' }}
                                <br>{{ $c['customer_city'] ?? '' }}, {{ $c['customer_state'] ?? '' }} -
                                {{ $c['customer_pincode'] ?? '' }}
                            </p>
                            <p class="mb-0 small qun-muted">Mobile: {{ $c['customer_mobile'] ?? ($c['customer_phone'] ?? '—') }}</p>
                        </div>
                    </div>
                @endif

                {{-- Help CTA --}}
                <div class="card qun-card">
                    <div class="card-body text-center">
                        <p class="mb-2"><strong>Need help?</strong></p>
                        <p class="small text-muted mb-2">If you think the tracking is incorrect or the delivery is delayed,
                            contact our support.</p>
                    </div>
                </div>
            </div>

            {{-- RIGHT: Timeline / Details --}}
            <div class="col-md-8">
                <div class="card mb-3 qun-card">
                    <div class="card-body">
                        <h5 class="card-title qun-title">Latest Status</h5>

                        {{-- If a manifest date exists, show the manifested banner (done) --}}
                        @if($manifestedDt)
                            <div class="qun-manifested-banner">
                                <div class="qun-manifested-badge">
                                    ✓ Manifested
                                </div>
                                <div class="qun-manifested-meta">
                                    <div><strong>Manifested on</strong></div>
                                    <div class="muted">
                                        Date: {{ $manifestedDt->format('d M Y') }} &nbsp; • &nbsp;
                                        Time: {{ $manifestedDt->format('h:i a') }}
                                    </div>
                                </div>
                            </div>
                        @endif

                        @if ($lastScan && !empty($lastScan['status']))
                            <div class="border rounded p-3 mb-3 qun-scan-item">
                                <p class="mb-1"><strong>{{ $lastScan['status'] ?? '—' }}</strong></p>
                                <p class="mb-1 small text-muted qun-small-muted">
                                    {{ $lastScan['status_date_time'] ?? ($lastScan['scan_date_time'] ?? '') }}</p>
                                @if (!empty($lastScan['remark']))
                                    <p class="mb-0">{{ $lastScan['remark'] }}</p>
                                @endif
                                <p class="mb-0 small text-muted qun-muted">Location: {{ $lastScan['scan_location'] ?? '-' }}</p>
                            </div>
                        @else
                            {{-- If no lastScan but manifested exists, don't show empty box; show a subtle info if nothing else --}}
                            @if(!$manifestedDt)
                                <div class="alert alert-info">No status available yet for this shipment.</div>
                            @endif
                        @endif

                        <h5 class="card-title qun-title">Scan History</h5>

                        @if (count($scanDetails))
                            <div class="mb-3">
                                @foreach ($scanDetails as $s)
                                    <div class="qun-scan-item qun-card mb-2">
                                        <div class="d-flex justify-content-between align-items-start">
                                            <div>
                                                <strong>{{ $s['status'] ?? '-' }}</strong>
                                                <div class="small text-muted">{{ $s['remark'] ?? '' }}</div>
                                                <div class="small text-muted">
                                                    {{ $s['status_code'] ? "Code: {$s['status_code']}" : '' }}</div>
                                                @if(!empty($s['status_reason']))
                                                    <div class="small text-muted">Reason: {{ $s['status_reason'] }}</div>
                                                @endif
                                            </div>
                                            <div class="text-right small text-muted qun-small-muted">
                                                {{ $s['scan_date_time'] ?? ($s['status_date_time'] ?? '') }}<br>
                                                <span class="text-muted">{{ $s['scan_location'] ?? '-' }}</span>
                                            </div>
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        @else
                            <div class="alert alert-light">No scan history available yet.</div>
                        @endif

                        {{-- Progress bar logic --}}
                        @php
                            $statusSteps = [
                                'manifested' => 1,
                                'in transit' => 2,
                                'out for delivery' => 3,
                                'delivered' => 4,
                            ];

                            // determine curStep: prefer current_status mapping, then lastScan status, otherwise
                            $curStep = 0;
                            $curStatus = strtolower($tracking['current_status'] ?? '');
                            foreach ($statusSteps as $k => $v) {
                                if (strpos($curStatus, $k) !== false) {
                                    $curStep = $v;
                                    break;
                                }
                            }

                            if ($curStep === 0 && !empty($lastScan['status'])) {
                                $ls = strtolower($lastScan['status']);
                                foreach ($statusSteps as $k => $v) {
                                    if (strpos($ls, $k) !== false) {
                                        $curStep = $v;
                                        break;
                                    }
                                }
                            }

                            // If there is a manifest datetime, consider step 1 completed
                            if ($manifestedDt && $curStep < 1) {
                                $curStep = max($curStep, 1);
                            }

                            $steps = [
                                1 => 'Manifested',
                                2 => 'In Transit',
                                3 => 'Out for Delivery',
                                4 => 'Delivered',
                            ];

                            // If cancelled, we visually disable progress
                            if ($isCancelled) {
                                $percent = 0;
                            } else {
                                $percent = $curStep > 0 ? round((($curStep - 1) / (count($steps) - 1)) * 100) : 0;
                            }
                        @endphp

                        <div class="shipment-progress-wrapper mt-3 qun-progress">
                            <div class="qun-track" role="progressbar" aria-valuemin="0" aria-valuemax="{{ count($steps) }}" aria-valuenow="{{ $curStep }}">
                                @if($isCancelled)
                                    <div class="qun-fill" style="width:0%; background: linear-gradient(90deg, rgba(220,53,69,0.9), rgba(220,53,69,0.9)); opacity:.12;"></div>
                                @else
                                    <div class="qun-fill" style="width: {{ ($percent == 0.00) ?  15.0  : $percent}}%;"></div>
                                @endif
                            </div>

                            <div class="qun-steps d-flex" style="margin-top:.6rem;">
                                @if($isCancelled)
                                    <div style="flex:1; text-align:center;">
                                        <div class="qun-step-marker" style="width:40px;height:40px;border-radius:8px;background:#fff6f6;border:1px solid rgba(220,53,69,0.16);color:#7f1d1d;display:inline-flex;align-items:center;justify-content:center;font-weight:700;">
                                            ✕
                                        </div>
                                        <div class="qun-step-label" style="margin-top:.5rem;color:#7f1d1d;">Cancelled</div>
                                    </div>
                                @else
                                    @foreach ($steps as $idx => $label)
                                        @php
                                            $isCompleted = $idx < $curStep;
                                            $isActive = $idx === $curStep;
                                        @endphp
                                        <div style="flex:1;text-align:center;">
                                            <div class="qun-step-marker @if($isCompleted) qun-step--completed @elseif($isActive) qun-step--active @else qun-step--pending @endif" style="width:36px;height:36px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;">
                                                @if($isCompleted) ✓ @elseif($isActive) ● @else {{ $idx }} @endif
                                            </div>

                                            {{-- If step is Manifested and we have a manifestedDt, show small date below label --}}
                                            <div class="qun-step-label" style="margin-top:.5rem;">
                                                {{ $label }}
                                                @if($idx === 1 && $manifestedDt)
                                                    <div class="small qun-muted" style="margin-top:.25rem;">
                                                        {{ $manifestedDt->format('d M Y, h:i a') }}
                                                    </div>
                                                @endif
                                            </div>
                                        </div>
                                    @endforeach
                                @endif
                            </div>
                        </div>

                        {{-- Raw JSON (support/admin only) --}}
                        @if ((auth()->check() && (auth()->user()->is_support ?? false)) || (auth()->user()->is_admin ?? false))
                            <div class="card mt-3 qun-card">
                                <div class="card-body">
                                    <h6 class="card-title qun-title">Raw Response (support)</h6>
                                    <pre class="qun-rawpre">{{ json_encode($response, JSON_PRETTY_PRINT) }}</pre>
                                </div>
                            </div>
                        @endif

                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection