@extends('user::layouts.backend-master')
@section('breadcrumb_title', 'Edit Product Tag')

@section('content')


    <div class="flex justify-between items-center mb-6">
        <!-- Left: Title -->
        <h1 class="text-xl font-semibold">Create Product Tag</h1>

        <!-- Right: Buttons -->
        <div class="flex gap-2">
            <a href="{{ route('admin.product-tags.show', $productTag->id) }}" class="btn btn-primary">
                <i class="fas fa-eye mr-2"></i> View
            </a>
            <a href="{{ route('admin.product-tags.index') }}" class="btn btn-primary btn-black">
                <i class="fas fa-arrow-left mr-2"></i> Back
            </a>
        </div>
    </div>

    <div class="mb-5">
        <x-backend::taxonomy-language-switcher :taxonomy="$productTag" taxonomyType="tag"
            route="admin.product-categories.edit" />
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin.product-tags.update', $productTag->id) }}" method="POST" class="space-y-6">
                @csrf
                @method('PUT')

                <input type="hidden" name="taxonomy_type" value="tag">
                <input type="hidden" name="id" value="{{ $productTag->id }}">
                <input type="hidden" name="language_code" value="{{ $productTag->language_code }}">

                <div class="grid grid-cols-1 gap-6">
                    <!-- Left Column -->
                    <div class="space-y-4">
                        <!-- Name -->
                        <div class="mb-4 input-with-label">
                            <label for="name" class="block text-sm font-medium text-gray-700">Name <span
                                    class="text-red-500">*</span></label>
                            <input type="text" id="name" name="name" value="{{ old('name', $productTag->name) }}"
                                required
                                class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 @error('name') border-red-500 @enderror">
                            @error('name')
                                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                            @enderror
                        </div>

                        <!-- Slug -->
                        <div class="mb-4 input-with-label">
                            <label for="slug" class="block text-sm font-medium text-gray-700">Slug</label>
                            <input type="text" id="slug" name="slug" value="{{ old('slug', $productTag->slug) }}"
                                class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 @error('slug') border-red-500 @enderror">
                            @error('slug')
                                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                            @enderror
                            <small class="text-gray-500 text-xs">Leave empty to auto-generate from name</small>
                        </div>

                        <!-- Description -->
                        <div class="mb-4 input-with-label">
                            <label for="description" class="block text-sm font-medium text-gray-700">Description</label>
                            <textarea id="description" name="description" rows="4"
                                class="mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:ring-indigo-500 focus:border-indigo-500 @error('description') border-red-500 @enderror">{{ old('description', $productTag->description) }}</textarea>
                            @error('description')
                                <p class="text-red-500 text-sm mt-1">{{ $message }}</p>
                            @enderror
                        </div>
                    </div>
                </div>

                <!-- Actions -->
                <div class="flex justify-end space-x-3">
                    <a href="{{ route('admin.product-tags.index') }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">Update Tag</button>
                </div>
            </form>
        </div>
    </div>
@endsection