@extends('backend.layout.layouts')

@section('content')
    <div class="container p-6 mx-auto">
        <h2 class="mb-4 text-2xl font-semibold">Edit Product Feature</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="{{ route('products.variant.update', $channelProduct->id) }}" method="POST"
            enctype="multipart/form-data">
            @csrf
            @method('PUT')

            <!-- Name -->
            <div class="mb-6">
                <label for="particular" class="block text-sm font-medium text-gray-700">Feature</label>
                <input type="text" id="particular" name="particular"
                    value="{{ old('particular', $channelProduct->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('particular')
                    <p class="mt-1 text-sm text-red-600">{{ $message }}</p>
                @enderror
            </div>



            <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">
                Update
            </button>
        </form>
    </div>
@endsection