@extends('front/layout.master')
@section('title', __('staticwords.YourCompareList') . ' - ')

@section('body')

@php
    // Clean up invalid/deleted entries
    if (Session::has('comparison')) {
        $clist = Session::get('comparison', []);
        foreach ($clist as $k => $row) {
            $proid = $row['proid'] ?? null;
            $rtype = $row['type'] ?? 'variant';
            $findpro = $rtype === 'simple' ? App\SimpleProduct::find($proid) : App\Product::find($proid);
            if (!$findpro || $findpro->status != 1) {
                unset($clist[$k]);
            }
        }
        Session::put('comparison', array_values($clist));
    }
    $comp_items = collect(Session::get('comparison', []))->map(function ($pro) {
        $proid = $pro['proid'] ?? null;
        $ctype = $pro['type'] ?? 'variant';
        $product = $ctype === 'simple' ? App\SimpleProduct::find($proid) : App\Product::find($proid);
        if (!$product || $product->status != 1) return null;
        return ['product' => $product, 'type' => $ctype, 'proid' => $proid];
    })->filter()->values();
@endphp

<div class="max-w-[1400px] mx-auto px-4 lg:px-6 pt-5">
    <nav class="breadcrumb-row text-[12px] text-slate-500 flex items-center gap-1.5 leading-none">
        <a href="{{ url('/') }}" class="hover:text-brand-600">{{ __('Home') }}</a>
        <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" class="text-slate-300 shrink-0"><path d="m9 6 6 6-6 6"/></svg>
        <span class="text-deep font-medium">{{ __('staticwords.YourCompareList') }}</span>
    </nav>

    <div class="flex items-end justify-between mt-4 mb-6 flex-wrap gap-3">
        <div>
            <h1 class="font-display font-extrabold text-3xl">{{ __('staticwords.YourCompareList') }}</h1>
            <p class="text-slate-500 text-[14px] mt-1">{{ count($comp_items) }} {{ __('items in comparison') }}</p>
        </div>
        @if(count($comp_items))
            <a href="{{ route('clear.comparison') }}" class="text-rose-500 hover:underline text-[14px] font-semibold">{{ __('Clear all') }}</a>
        @endif
    </div>
</div>

<section class="max-w-[1400px] mx-auto px-4 lg:px-6 pb-12">
@if(count($comp_items))
    <div class="bg-white rounded-2xl shadow-card overflow-hidden">
        <div class="overflow-x-auto">
            <table class="w-full">
                <tbody>
                    {{-- Image row --}}
                    <tr class="border-b border-slate-100">
                        <th class="text-left p-4 text-[12px] font-bold uppercase tracking-wider text-slate-500 w-32 bg-slate-50">{{ __('Product') }}</th>
                        @foreach($comp_items as $row)
                            @php
                                $p = $row['product'];
                                $ctype = $row['type'];
                                if ($ctype === 'simple') {
                                    $img = $p->thumbnail ? url('images/simple_products/' . $p->thumbnail) : url('images/no-image.png');
                                    $url = route('show.product', ['id' => $p->id, 'slug' => $p->slug]);
                                    $name = $p->product_name ?? '';
                                } else {
                                    $orivar = $p->subvariants[0] ?? null;
                                    $img = ($orivar && $orivar->variantimages) ? url('variantimages/thumbnails/' . $orivar->variantimages->main_image) : url('images/no-image.png');
                                    $url = $orivar && method_exists($p, 'getURL') ? $p->getURL($orivar) : '#';
                                    $name = $p->name ?? '';
                                }
                            @endphp
                            <td class="p-4 text-center w-56 max-w-[220px] relative align-top">
                                <a href="{{ route('remove.compare.product', ['id' => $row['proid']]) }}?type={{ $row['type'] }}" class="absolute top-2 right-2 w-8 h-8 grid place-items-center rounded-full hover:bg-rose-50 text-slate-400 hover:text-rose-500 z-10" aria-label="Remove">
                                    <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M6 6l12 12M18 6 6 18"/></svg>
                                </a>
                                <a href="{{ $url }}" class="block">
                                    <div class="w-32 h-32 mx-auto bg-slate-50 rounded-xl overflow-hidden mb-3"><img src="{{ $img }}" alt="" class="w-full h-full object-contain"></div>
                                    <div class="font-semibold text-[13px] line-clamp-2 leading-snug">{{ $name }}</div>
                                </a>
                            </td>
                        @endforeach
                    </tr>

                    {{-- Price --}}
                    <tr class="border-b border-slate-100">
                        <th class="text-left p-4 text-[12px] font-bold uppercase tracking-wider text-slate-500 bg-slate-50">{{ __('Price') }}</th>
                        @foreach($comp_items as $row)
                            @php
                                $p = $row['product'];
                                if ($row['type'] === 'simple') {
                                    $price = $p->offer_price > 0 ? $p->offer_price : $p->price;
                                    $compare = $p->offer_price > 0 ? $p->price : null;
                                } else {
                                    $orivar = $p->subvariants[0] ?? null;
                                    if ($orivar) {
                                        $pData = ProductPrice::getprice($p, $orivar)->getData();
                                        $mp = (float) ($pData->mainprice ?? 0);
                                        $op = (float) ($pData->offerprice ?? 0);
                                        $price   = ($op > 0 && $op < $mp) ? $op : $mp;
                                        $compare = ($op > 0 && $op < $mp) ? $mp : null;
                                    } else {
                                        $price = 0; $compare = null;
                                    }
                                }
                            @endphp
                            <td class="p-4 text-center">
                                <div class="font-display font-extrabold text-xl tabular text-deep">{!! price_format($price * $conversion_rate) !!}</div>
                                @if($compare)
                                    <div class="text-[12px] text-slate-400 line-through tabular">{!! price_format($compare * $conversion_rate) !!}</div>
                                @endif
                            </td>
                        @endforeach
                    </tr>

                    {{-- Brand --}}
                    <tr class="border-b border-slate-100">
                        <th class="text-left p-4 text-[12px] font-bold uppercase tracking-wider text-slate-500 bg-slate-50">{{ __('Brand') }}</th>
                        @foreach($comp_items as $row)
                            @php $p = $row['product']; @endphp
                            <td class="p-4 text-center text-[14px]">{{ optional($p->brand)->name ?? '-' }}</td>
                        @endforeach
                    </tr>

                    {{-- Category --}}
                    <tr class="border-b border-slate-100">
                        <th class="text-left p-4 text-[12px] font-bold uppercase tracking-wider text-slate-500 bg-slate-50">{{ __('Category') }}</th>
                        @foreach($comp_items as $row)
                            @php $p = $row['product']; @endphp
                            <td class="p-4 text-center text-[14px]">{{ optional($p->category)->title ?? '-' }}</td>
                        @endforeach
                    </tr>

                    {{-- Stock --}}
                    <tr class="border-b border-slate-100">
                        <th class="text-left p-4 text-[12px] font-bold uppercase tracking-wider text-slate-500 bg-slate-50">{{ __('Availability') }}</th>
                        @foreach($comp_items as $row)
                            @php
                                $p = $row['product'];
                                if ($row['type'] === 'simple') $stk = $p->stock; else $stk = ($p->subvariants[0]->stock ?? 0);
                            @endphp
                            <td class="p-4 text-center text-[14px]">
                                @if($stk > 0)<span class="text-emerald-600 font-semibold">✓ {{ __('In Stock') }}</span>@else<span class="text-rose-500 font-semibold">{{ __('Out of Stock') }}</span>@endif
                            </td>
                        @endforeach
                    </tr>

                    {{-- Description --}}
                    <tr class="border-b border-slate-100">
                        <th class="text-left p-4 text-[12px] font-bold uppercase tracking-wider text-slate-500 bg-slate-50">{{ __('Description') }}</th>
                        @foreach($comp_items as $row)
                            @php $p = $row['product']; @endphp
                            <td class="p-4 text-center text-[13px] text-slate-600 align-top">{{ \Illuminate\Support\Str::limit(strip_tags($p->des ?? $p->description ?? ''), 120) }}</td>
                        @endforeach
                    </tr>

                    {{-- Actions --}}
                    <tr>
                        <th class="text-left p-4 text-[12px] font-bold uppercase tracking-wider text-slate-500 bg-slate-50">{{ __('Action') }}</th>
                        @foreach($comp_items as $row)
                            @php
                                $p = $row['product'];
                                if ($row['type'] === 'simple') {
                                    $url = route('show.product', ['id' => $p->id, 'slug' => $p->slug]);
                                } else {
                                    $orivar = $p->subvariants[0] ?? null;
                                    $url = $orivar && method_exists($p, 'getURL') ? $p->getURL($orivar) : '#';
                                }
                            @endphp
                            <td class="p-4 text-center">
                                <a href="{{ $url }}" class="inline-block bg-brand-500 hover:bg-brand-600 text-white font-bold px-5 py-2 rounded-full text-[13px]">{{ __('View') }}</a>
                            </td>
                        @endforeach
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
@else
    <div class="bg-white rounded-2xl shadow-card p-12 text-center max-w-2xl mx-auto">
        <svg width="80" height="80" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.4" class="mx-auto text-slate-300"><path d="M21 16V8a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2Z"/><path d="M12 6v12"/></svg>
        <h2 class="font-display font-extrabold text-3xl mt-5">{{ __('Nothing to compare yet') }}</h2>
        <p class="text-slate-500 mt-2">{{ __('Add products to your comparison list to see them side by side.') }}</p>
        <a href="{{ url('shop') }}" class="inline-flex items-center gap-2 mt-6 bg-brand-500 hover:bg-brand-600 text-white px-6 py-3 rounded-full font-semibold transition-colors">
            {{ __('Browse Products') }}
            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M5 12h14M13 6l6 6-6 6"/></svg>
        </a>
    </div>
@endif
</section>

@endsection