@extends('layouts.dashboard')

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

    @if(session('success'))
        <div class="rounded-2xl bg-emerald-50 border border-emerald-200 text-emerald-800 px-5 py-4 font-bold">
            {{ session('success') }}
        </div>
    @endif

    @if($errors->any())
        <div class="rounded-2xl bg-red-50 border border-red-200 text-red-800 px-5 py-4 font-bold">
            {{ $errors->first() }}
        </div>
    @endif

    <div class="flex flex-col lg:flex-row lg:items-end lg:justify-between gap-4">
        <div>
            <h1 class="text-3xl font-black">System Tools</h1>
            <p class="text-sm opacity-60 mt-1">
                Maintenance tools for products, imports, catalogs, images and families.
            </p>
        </div>

        <a href="{{ route('company-settings.edit') }}" class="btn btn-ghost">
            ⚙ Company Settings
        </a>
    </div>

    <div class="grid grid-cols-2 md:grid-cols-4 xl:grid-cols-7 gap-3">
        <div class="rounded-2xl bg-indigo-600 text-white p-4">
            <div class="text-xs opacity-80">Products</div>
            <div class="text-2xl font-black">{{ number_format($stats['products']) }}</div>
        </div>

        <div class="rounded-2xl bg-green-600 text-white p-4">
            <div class="text-xs opacity-80">Active</div>
            <div class="text-2xl font-black">{{ number_format($stats['active']) }}</div>
        </div>

        <div class="rounded-2xl bg-slate-700 text-white p-4">
            <div class="text-xs opacity-80">Stop Production</div>
            <div class="text-2xl font-black">{{ number_format($stats['discontinued']) }}</div>
        </div>

        <div class="rounded-2xl bg-emerald-600 text-white p-4">
            <div class="text-xs opacity-80">With Images</div>
            <div class="text-2xl font-black">{{ number_format($stats['with_images']) }}</div>
        </div>

        <div class="rounded-2xl bg-rose-600 text-white p-4">
            <div class="text-xs opacity-80">Missing Images</div>
            <div class="text-2xl font-black">{{ number_format($stats['missing_images']) }}</div>
        </div>

        <div class="rounded-2xl bg-purple-600 text-white p-4">
            <div class="text-xs opacity-80">Linked Images</div>
            <div class="text-2xl font-black">{{ number_format($stats['linked_images']) }}</div>
        </div>

        <div class="rounded-2xl bg-cyan-600 text-white p-4">
            <div class="text-xs opacity-80">Families</div>
            <div class="text-2xl font-black">{{ number_format($stats['families']) }}</div>
        </div>
    </div>

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

        <div class="rounded-3xl bg-white border border-gray-200 shadow-sm p-6 space-y-4">
            <div>
                <h2 class="text-xl font-black">🧬 Product Family Tools</h2>
                <p class="text-sm text-slate-500 mt-1">
                    Rebuild family keys and auto-link missing images from the same family.
                </p>
            </div>

            <form method="POST" action="{{ route('system-tools.rebuild-families') }}">
                @csrf
                <button class="btn btn-primary w-full">
                    🧬 Rebuild Family Keys
                </button>
            </form>

            <form method="POST" action="{{ route('system-tools.auto-match-images') }}">
                @csrf
                <button class="btn btn-success w-full">
                    🖼 Auto Match Missing Images
                </button>
            </form>
        </div>

        <div class="rounded-3xl bg-white border border-gray-200 shadow-sm p-6 space-y-4">
            <div>
                <h2 class="text-xl font-black">🧹 Safe Reset Tools</h2>
                <p class="text-sm text-slate-500 mt-1">
                    These tools require confirmation text before deleting anything.
                </p>
            </div>

            <form method="POST"
                  action="{{ route('system-tools.reset-imports') }}"
                  onsubmit="return confirm('Reset import history only?')"
                  class="rounded-2xl bg-slate-50 p-4 space-y-3">
                @csrf
                <div class="font-black">Reset Imports</div>
                <div class="text-xs text-slate-500">Deletes SOH, price and van stock import history only.</div>
                <input name="confirmation" class="input input-bordered w-full" placeholder="Type: RESET IMPORTS">
                <button class="btn btn-warning w-full">Reset Imports</button>
            </form>

            <form method="POST"
                  action="{{ route('system-tools.reset-catalogs') }}"
                  onsubmit="return confirm('Delete all catalogs and generated files?')"
                  class="rounded-2xl bg-slate-50 p-4 space-y-3">
                @csrf
                <div class="font-black">Reset Catalogs</div>
                <div class="text-xs text-slate-500">Deletes catalogs, catalog items and generated catalog files.</div>
                <input name="confirmation" class="input input-bordered w-full" placeholder="Type: RESET CATALOGS">
                <button class="btn btn-error w-full">Reset Catalogs</button>
            </form>

            <form method="POST"
                  action="{{ route('system-tools.reset-products') }}"
                  onsubmit="return confirm('Delete ALL products and product images?')"
                  class="rounded-2xl bg-red-50 border border-red-100 p-4 space-y-3">
                @csrf
                <div class="font-black text-red-700">Reset Products</div>
                <div class="text-xs text-red-500">
                    Deletes products, product images, catalog items and SOH imports.
                </div>
                <input name="confirmation" class="input input-bordered w-full" placeholder="Type: RESET PRODUCTS">
                <button class="btn btn-error w-full">Reset Products</button>
            </form>
        </div>

    </div>

</div>
@endsection