@extends('dashboard.layout')
@section('title', 'تعديل الكود')

@section('content')
<div class="max-w-xl mx-auto bg-white p-6 rounded-lg shadow-md">
    <h2 class="text-2xl font-semibold mb-6 text-gray-800">تعديل الكود</h2>

    @if ($errors->any())
        <div class="mb-4 bg-red-100 text-red-700 p-4 rounded">
            <ul class="list-disc pr-5 text-sm">
                @foreach ($errors->all() as $e)
                    <li>{{ $e }}</li>
                @endforeach
            </ul>
        </div>
    @endif

    <form method="POST" action="{{ route('dashboard.codes.update', $code) }}" class="space-y-5">
        @csrf
        @method('PUT')

        <div>
            <label class="block font-medium mb-1 text-gray-700">المنتج</label>
            <select name="product_id" required class="w-full border border-gray-300 rounded px-4 py-2">
                @foreach($products as $product)
                    <option value="{{ $product->id }}" @if($product->id == $code->product_id) selected @endif>{{ $product->name }}</option>
                @endforeach
            </select>
        </div>

        <div>
            <label class="block font-medium mb-1 text-gray-700">الكود</label>
            <textarea name="code" rows="4" class="w-full border border-gray-300 rounded px-4 py-2" required>{{ old('code', $code->code) }}</textarea>
        </div>

        <div class="flex justify-between gap-4 pt-4">
            <button class="w-full bg-blue-600 text-white py-2 rounded hover:bg-blue-700">💾 تحديث</button>
            <a href="{{ route('dashboard.codes.index') }}" class="w-full text-center bg-gray-100 text-gray-700 py-2 rounded hover:bg-gray-200">رجوع</a>
        </div>
    </form>
</div>
@endsection