@extends('backend.layout.layouts')

@section('content')
    <div class="container p-6 mx-auto">
        <h2 class="mb-4 text-2xl font-semibold">Create Product Variant</h2>

        @if (session('success'))
            <div class="px-4 py-3 mb-4 text-green-800 bg-green-100 border border-green-300 rounded-md">
                {{ session('success') }}
            </div>
        @endif

        <form action="{{ url('admin/store-variant') }}" method="POST" enctype="multipart/form-data">
            @csrf

            <!-- Product ID hidden input -->
            <input type="hidden" name="product_id" value="{{ $productId }}">

            <!-- Variant Name -->
            <div class="mb-6">
                <label for="particulars" class="block text-sm font-medium text-gray-700">Particulars</label>
                <input type="text" id="particulars" name="particulars" value="{{ old('particulars') }}"
                    class="block w-full mt-1 border-2 border-gray-300 rounded-md shadow-sm form-input focus:border-blue-500 focus:ring focus:ring-blue-500 focus:ring-opacity-50"
                    required>
                @error('particulars')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>

            <!-- Quantity -->


            <button type="submit"
                class="px-6 py-3 text-white bg-blue-500 rounded-md hover:bg-blue-600 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-opacity-50">
                Save
            </button>
        </form>

    </div>
@endsection