@extends('layouts.dashboard')

@section('content')
<div class="max-w-7xl mx-auto p-6 space-y-6">

    <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4">
        <div>
            <h1 class="text-4xl font-black">Catalog Center</h1>
            <p class="text-slate-500 mt-1">Manage main catalogs and salesman van catalogs from one place.</p>
        </div>

        <div class="flex flex-wrap gap-2">
            <a href="{{ route('price-imports.index') }}" class="btn btn-secondary">💰 Price Lists</a>
            <a href="{{ route('warehouse-operations.index') }}" class="btn btn-primary">📦 Update Warehouse Stock</a>
        </div>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-2 gap-5">

        @php
            $cards = [
                [
                    'key' => 'regular',
                    'title' => 'Regular Main Catalog',
                    'icon' => '📘',
                    'catalog' => $regularCatalog,
                    'color' => 'indigo',
                    'replace' => route('import-center.create'),
                ],
                [
                    'key' => 'clearance',
                    'title' => 'Clearance Catalog',
                    'icon' => '🔥',
                    'catalog' => $clearanceCatalog,
                    'color' => 'rose',
                    'replace' => route('import-center.create'),
                ],
            ];
        @endphp

        @foreach($cards as $card)
            @php
                $catalog = $card['catalog'];
                $stats = $catalogStats[$card['key']];
            @endphp

            <div class="rounded-3xl bg-white border border-slate-200 shadow-sm overflow-hidden">
                <div class="p-6 border-b border-slate-100">
                    <div class="flex items-start justify-between gap-4">
                        <div>
                            <div class="text-5xl mb-3">{{ $card['icon'] }}</div>
                            <h2 class="text-2xl font-black">{{ $card['title'] }}</h2>

                            @if($catalog)
                                <p class="text-sm text-slate-500 mt-1">
                                    Active catalog #{{ $catalog->id }} • {{ \Carbon\Carbon::parse($catalog->created_at)->format('Y-m-d H:i') }}
                                </p>
                            @else
                                <p class="text-sm text-slate-500 mt-1">No active catalog yet.</p>
                            @endif
                        </div>

                        <span class="badge {{ $catalog ? 'badge-success' : 'badge-warning' }}">
                            {{ $catalog ? 'Active' : 'Missing' }}
                        </span>
                    </div>
                </div>

                <div class="p-6 space-y-5">
                    @if($catalog)
                    <div class="rounded-2xl bg-indigo-50 border border-indigo-100 p-3 space-y-2">
                        <div class="text-xs font-bold text-indigo-800">🔗 Permanent customer catalog URL</div>
                        <div class="text-xs break-all text-slate-700">{{ route($card['key'] === 'regular' ? 'catalogs.permanent.main' : 'catalogs.permanent.clearance') }}</div>
                    </div>
                    @endif
                    <div class="grid grid-cols-4 gap-3">
                        <div class="rounded-2xl bg-indigo-50 border border-indigo-100 p-3">
                            <div class="text-xs text-slate-500">Products</div>
                            <div class="text-xl font-black text-indigo-600">{{ number_format($stats['products']) }}</div>
                        </div>

                        <div class="rounded-2xl bg-emerald-50 border border-emerald-100 p-3">
                            <div class="text-xs text-slate-500">Qty</div>
                            <div class="text-xl font-black text-emerald-600">{{ number_format($stats['qty']) }}</div>
                        </div>

                        <div class="rounded-2xl bg-blue-50 border border-blue-100 p-3">
                            <div class="text-xs text-slate-500">Images</div>
                            <div class="text-xl font-black text-blue-600">{{ number_format($stats['images']) }}</div>
                        </div>

                        <div class="rounded-2xl bg-orange-50 border border-orange-100 p-3">
                            <div class="text-xs text-slate-500">Missing</div>
                            <div class="text-xl font-black text-orange-600">{{ number_format($stats['missing']) }}</div>
                        </div>
                    </div>

                    <div class="grid grid-cols-1 sm:grid-cols-4 gap-2">
                        @if($catalog)
                            <a href="{{ route('catalogs.show', $catalog->id) }}" class="btn btn-sm btn-neutral">👁 Manage</a>
                            <a href="{{ route($card['key'] === 'regular' ? 'catalogs.permanent.main' : 'catalogs.permanent.clearance') }}" target="_blank" class="btn btn-sm btn-success">🌐 Open Permanent Link</a>
                            <button class="btn btn-sm btn-primary" onclick="copyLink('{{ route($card['key'] === 'regular' ? 'catalogs.permanent.main' : 'catalogs.permanent.clearance') }}')">🔗 Copy Link</button>
                        @endif

                        @if($catalog)
                          <form method="POST" action="{{ route('catalogs.generate-pdf', $catalog->id) }}">@csrf<button class="btn btn-sm btn-primary" type="submit">📄 Generate Updated PDF</button></form>
                          @if($catalog->pdf_file)
                            <a href="{{ asset('storage/'.$catalog->pdf_file) . '?v=' . (file_exists(public_path('storage/'.$catalog->pdf_file)) ? filemtime(public_path('storage/'.$catalog->pdf_file)) : time()) }}" target="_blank" class="btn btn-sm btn-success">⬇ Download PDF</a>
                          @endif
                        @endif
                    </div>
                </div>
            </div>
        @endforeach

    </div>

    <div class="rounded-3xl bg-white border border-slate-200 shadow-sm p-6">
        <div class="flex flex-col md:flex-row md:items-center md:justify-between gap-3 mb-5">
            <div>
                <h2 class="text-2xl font-black">Salesman Van Catalogs</h2>
                <p class="text-slate-500 text-sm">Each salesman has one permanent public catalog link.</p>
            </div>

            <a href="{{ route('salesmen.create') }}" class="btn btn-primary">+ Add Salesman</a>
        </div>

        <div class="grid grid-cols-1 lg:grid-cols-2 xl:grid-cols-3 gap-5">
            @foreach($salesmen as $salesman)
                @php
                    $stats = $salesmanStats[$salesman->id];
                    $publicUrl = url('/salesman/'.$salesman->public_catalog_token.'/catalog');
                @endphp

                <div class="rounded-3xl border border-slate-200 bg-slate-50 overflow-hidden">
                    <div class="p-5 bg-white border-b border-slate-100">
                        <div class="flex items-start gap-4">
                            <div class="avatar">
                                <div class="w-16 rounded-2xl bg-slate-100">
                                    @if($salesman->profile_photo)
                                        <img src="{{ asset('storage/' . $salesman->profile_photo) }}">
                                    @else
                                        <div class="w-full h-full flex items-center justify-center text-2xl font-black">
                                            {{ strtoupper(substr($salesman->name, 0, 1)) }}
                                        </div>
                                    @endif
                                </div>
                            </div>

                            <div class="min-w-0 flex-1">
                                <h3 class="text-xl font-black truncate">{{ $salesman->name }}</h3>
                                <p class="text-sm text-slate-500 truncate">{{ $salesman->email }}</p>

                                <div class="flex flex-wrap gap-1 mt-2">
                                    @forelse($salesman->areas as $area)
                                        <span class="badge badge-outline">📍 {{ $area->name }}</span>
                                    @empty
                                        <span class="badge badge-warning">No area</span>
                                    @endforelse
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="p-5 space-y-4">
                        <div class="grid grid-cols-2 gap-3">
                            <div class="rounded-2xl bg-indigo-50 border border-indigo-100 p-3">
                                <div class="text-xs text-slate-500">Products</div>
                                <div class="text-xl font-black text-indigo-600">{{ number_format($stats['products']) }}</div>
                            </div>

                            <div class="rounded-2xl bg-emerald-50 border border-emerald-100 p-3">
                                <div class="text-xs text-slate-500">Qty</div>
                                <div class="text-xl font-black text-emerald-600">{{ number_format($stats['qty']) }}</div>
                            </div>
                        </div>

                        <div class="text-xs text-slate-400">
                            @if($stats['updated_at'])
                                Updated {{ \Carbon\Carbon::parse($stats['updated_at'])->format('Y-m-d H:i') }}
                            @else
                                No completed stock upload yet
                            @endif
                        </div>

                        <div class="grid grid-cols-2 gap-2">
                            <a href="{{ route('salesmen.profile.edit', $salesman) }}" class="btn btn-sm btn-primary">👤 Profile</a>
                            <a href="{{ route('import-center.create') }}" class="btn btn-sm btn-secondary">📤 Import Center</a>
                            <a href="{{ $publicUrl }}" target="_blank" class="btn btn-sm btn-success">🚚 Public</a>
                            <button onclick="copyLink('{{ $publicUrl }}')" class="btn btn-sm btn-neutral">🔗 Copy</button>

                            @if($stats['catalog'])
                                <a href="{{ route('catalogs.show', $stats['catalog']->id) }}" class="btn btn-sm col-span-2">
                                    📚 View Generated Catalog
                                </a>
                            @endif
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    </div>

</div>

<script>
function copyLink(url) {
    navigator.clipboard.writeText(url).then(() => {
        alert('Link copied!');
    }).catch(() => {
        prompt('Copy this link:', url);
    });
}
</script>
@endsection