@extends('layouts.admin')

@section('title', 'Print Barcode Stickers')
@section('subtitle', $product->name_en)

@section('content')
    <div class="max-w-xl">
        <div class="bg-white rounded-2xl shadow-sm border border-slate-200 p-8">
            <div class="flex items-start gap-6 mb-8">
                <div class="w-24 h-24 bg-slate-100 rounded-xl flex items-center justify-center text-3xl">
                    📦
                </div>
                <div>
                    <h3 class="text-xl font-bold text-slate-800">{{ $product->name_en }}</h3>
                    <p class="text-slate-500">{{ $product->name_si }}</p>
                    <p class="mt-2 font-mono text-sm bg-slate-100 px-2 py-1 rounded inline-block">
                        {{ $product->barcode }}
                    </p>
                </div>
            </div>

            <form action="{{ route('admin.products.barcode-print', $product) }}" method="GET" class="space-y-6">
                @if(request()->get('from'))
                    <input type="hidden" name="from" value="{{ request()->get('from') }}">
                @endif
                <div>
                    <label class="block text-sm font-medium text-slate-700 mb-2">Number of Stickers to Print</label>
                    <input type="number" name="quantity" value="1" min="1" max="1000" required
                        class="w-full px-4 py-3 border border-slate-300 rounded-xl focus:border-blue-500 focus:ring-2 focus:ring-blue-200 outline-none text-lg font-bold">
                    <p class="text-slate-400 text-xs mt-2 italic">Stickers will be formatted for thermal label printing.</p>
                </div>

                <div class="flex gap-4">
                    <button type="submit"
                        class="flex-1 px-8 py-4 bg-blue-600 text-white rounded-xl font-bold hover:bg-blue-700 transition flex items-center justify-center gap-2">
                        <span>🖨️</span>
                        Generate Stickers
                    </button>
                    @if(request()->get('from') === 'stock')
                        <a href="{{ route('admin.stock.index') }}"
                            class="px-8 py-4 bg-slate-100 text-slate-700 rounded-xl font-medium hover:bg-slate-200 transition">
                            Cancel
                        </a>
                    @else
                        <a href="{{ route('admin.products.index') }}"
                            class="px-8 py-4 bg-slate-100 text-slate-700 rounded-xl font-medium hover:bg-slate-200 transition">
                            Cancel
                        </a>
                    @endif
                </div>
            </form>
        </div>
    </div>
@endsection