@extends('layouts.admin', ['title' => 'استيراد أكواد | RaseedNow'])

@section('content')
    <section class="lc-page-shell">
        <div class="section-heading">
            <div>
                <span>Import</span>
                <h1>استيراد أكواد مشفرة</h1>
            </div>
            <a class="secondary-button" href="{{ route('admin.stock-codes.index') }}">مخزون الأكواد</a>
        </div>

        @if($errors->any())
            <div class="mt-4 rounded border border-red-200 bg-red-50 p-3 text-sm text-red-700">{{ $errors->first() }}</div>
        @endif

        <form class="surface mt-6 grid gap-4 p-5" method="POST" action="{{ route('admin.stock-codes.store') }}">
            @csrf

            <label class="form-field">
                <span>المنتج</span>
                <select name="product_variant_id" required>
                    <option value="">اختر منتج Stored Code</option>
                    @foreach($products as $product)
                        <option value="{{ $product->id }}" @selected((int) old('product_variant_id') === $product->id)>
                            {{ $product->name_ar }} / {{ $product->sku }}
                        </option>
                    @endforeach
                </select>
            </label>

            <div class="grid gap-4 md:grid-cols-4">
                <label class="form-field">
                    <span>رقم الدفعة</span>
                    <input name="batch_reference" value="{{ old('batch_reference') }}" placeholder="مثال: PSN-JULY">
                </label>
                <label class="form-field">
                    <span>Serial Prefix</span>
                    <input name="serial_prefix" value="{{ old('serial_prefix') }}" placeholder="اختياري">
                </label>
                <label class="form-field">
                    <span>التكلفة بالقروش</span>
                    <input name="cost_minor" type="number" min="0" value="{{ old('cost_minor', 0) }}">
                </label>
                <label class="form-field">
                    <span>العملة</span>
                    <input name="currency_code" maxlength="3" value="{{ old('currency_code', 'EGP') }}" required>
                </label>
            </div>

            <label class="form-field">
                <span>تاريخ الانتهاء</span>
                <input name="expires_at" type="date" value="{{ old('expires_at') }}">
            </label>

            <label class="form-field">
                <span>الأكواد، كود واحد في كل سطر</span>
                <textarea name="codes" rows="12" required placeholder="CODE-ONE&#10;CODE-TWO&#10;CODE-THREE">{{ old('codes') }}</textarea>
            </label>

            <label class="form-field">
                <span>ملاحظة داخلية</span>
                <textarea name="import_note" rows="3" placeholder="مصدر الدفعة أو ملاحظة مراجعة">{{ old('import_note') }}</textarea>
            </label>

            <div class="rounded-2xl bg-[#f7f8fb] p-4 text-sm leading-7 text-[#596174]">
                يتم تشفير الأكواد قبل الحفظ، ويتم استخدام بصمة آمنة لمنع التكرار بدون تخزين الكود كنص واضح.
            </div>

            <button class="primary-button w-full md:w-fit" type="submit">استيراد وتحديث المخزون</button>
        </form>
    </section>
@endsection
