@extends('layouts.admin')

@section('title', 'ویرایش محصول')

@section('content')
<div class="container-fluid">
    <div class="row justify-content-center">
        <div class="col-lg-10 col-xl-8">
            <div class="card">
                <div class="card-header bg-white">
                    <h4 class="mb-0">ویرایش محصول: {{ $product->name }}</h4>
                </div>
                <div class="card-body">
                    @if ($errors->any())
                        <div class="alert alert-danger">
                            <ul class="mb-0">
                                @foreach ($errors->all() as $error)
                                    <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif
                    <form action="{{ route('admin.products.update', $product) }}" method="POST" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="row g-3">
                            <div class="col-md-6">
                                <label class="form-label">نام محصول <span class="text-danger">*</span></label>
                                <input type="text" name="name" class="form-control" value="{{ old('name', $product->name) }}" required>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">نسخه</label>
                                <input type="text" name="version" class="form-control" value="{{ old('version', $product->version) }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">نوع پکیج</label>
                                <input type="text" name="package_type" class="form-control" value="{{ old('package_type', $product->package_type) }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">فریم‌ورک</label>
                                <input type="text" name="framework" class="form-control" value="{{ old('framework', $product->framework) }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">قیمت (تومان)</label>
                                <input type="number" name="price" class="form-control" value="{{ old('price', $product->price) }}" min="0">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">رایگان</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="is_free" id="is_free" value="1" {{ old('is_free', $product->is_free) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_free">محصول رایگان است</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">فعال باشد</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1" {{ old('is_active', $product->is_active) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_active">فعال</label>
                                </div>
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">محصول ویژه</label>
                                <div class="form-check form-switch">
                                    <input class="form-check-input" type="checkbox" name="is_featured" id="is_featured" value="1" {{ old('is_featured', $product->is_featured) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_featured">ویژه</label>
                                </div>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">توضیح کوتاه</label>
                                <textarea name="short_description" class="form-control" rows="2">{{ old('short_description', $product->short_description) }}</textarea>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">توضیح کامل <span class="text-danger">*</span></label>
                                <textarea name="description" class="form-control" rows="4" required>{{ old('description', $product->description) }}</textarea>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">ویژگی‌ها (هر ویژگی یک خط)</label>
                                <textarea name="features" class="form-control" rows="3">{{ old('features', is_array($product->features) ? implode("\n", $product->features) : $product->features) }}</textarea>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">نیازمندی‌ها (هر مورد یک خط)</label>
                                <textarea name="requirements" class="form-control" rows="2">{{ old('requirements', is_array($product->requirements) ? implode("\n", $product->requirements) : $product->requirements) }}</textarea>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">تکنولوژی‌ها (هر مورد یک خط)</label>
                                <textarea name="technologies" class="form-control" rows="2">{{ old('technologies', is_array($product->technologies) ? implode("\n", $product->technologies) : $product->technologies) }}</textarea>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">آدرس دمو</label>
                                <input type="text" name="demo_url" class="form-control" value="{{ old('demo_url', $product->demo_url) }}">
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">آدرس مستندات</label>
                                <input type="text" name="documentation_url" class="form-control" value="{{ old('documentation_url', $product->documentation_url) }}">
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">آدرس گیت‌هاب</label>
                                <input type="text" name="github_url" class="form-control" value="{{ old('github_url', $product->github_url) }}">
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">مراحل نصب (هر مرحله یک خط)</label>
                                <textarea name="installation_steps" class="form-control" rows="2">{{ old('installation_steps', is_array($product->installation_steps) ? implode("\n", $product->installation_steps) : $product->installation_steps) }}</textarea>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">تغییرات (changelog) (هر تغییر یک خط)</label>
                                <textarea name="changelog" class="form-control" rows="2">{{ old('changelog', is_array($product->changelog) ? implode("\n", $product->changelog) : $product->changelog) }}</textarea>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">کلمات کلیدی متا</label>
                                <input type="text" name="meta_keywords" class="form-control" value="{{ old('meta_keywords', $product->meta_keywords) }}">
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">عنوان متا</label>
                                <input type="text" name="meta_title" class="form-control" value="{{ old('meta_title', $product->meta_title) }}">
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">توضیحات متا</label>
                                <textarea name="meta_description" class="form-control" rows="2">{{ old('meta_description', $product->meta_description) }}</textarea>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">محصولات مرتبط (ID هر محصول را با کاما جدا کنید)</label>
                                <input type="text" name="related_products" class="form-control" value="{{ old('related_products', is_array($product->related_products) ? implode(",", $product->related_products) : $product->related_products) }}">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label">تصویر شاخص فعلی</label>
                                @if($product->thumbnail && $product->thumbnail->path)
                                    <img src="{{ Storage::url($product->thumbnail->path) }}" alt="{{ $product->name }}" class="img-thumbnail mb-2" style="width: 80px; height: 80px; object-fit: cover;">
                                @else
                                    <div class="bg-light text-center mb-2" style="width: 80px; height: 80px; line-height: 80px;">
                                        <i class="fas fa-image text-muted"></i>
                                    </div>
                                @endif
                                <input type="file" name="thumbnail" class="form-control mt-2" accept="image/*">
                                <small class="text-muted">در صورت انتخاب تصویر جدید، تصویر قبلی حذف خواهد شد.</small>
                            </div>
                            <div class="col-md-12">
                                <label class="form-label">گالری تصاویر (برای افزودن تصاویر جدید)</label>
                                <input type="file" name="gallery[]" class="form-control" accept="image/*" multiple>
                            </div>
                        </div>
                        <div class="mt-4 text-end">
                            <button type="submit" class="btn btn-primary px-4">ذخیره تغییرات</button>
                            <a href="{{ route('admin.products.index') }}" class="btn btn-secondary">انصراف</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
$(document).ready(function() {
    // ویژگی‌ها
    $('#add-feature').click(function() {
        let featureItem = `<div class=\"input-group mb-2 feature-item\">
            <input type=\"text\" name=\"features[]\" class=\"form-control\" required>
            <button type=\"button\" class=\"btn btn-danger remove-feature\"><i class=\"fas fa-minus\"></i></button>
        </div>`;
        $('#features-list').append(featureItem);
    });
    $(document).on('click', '.remove-feature', function() {
        if($('#features-list .feature-item').length > 1) {
            $(this).closest('.feature-item').remove();
        }
    });
    // مشخصات
    let specIndex = $('#specifications-list .specification-item').length;
    $('#add-specification').click(function() {
        let specItem = `<div class=\"row mb-2 specification-item\">
            <div class=\"col-md-5\">
                <input type=\"text\" name=\"specifications[${specIndex}][key]\" class=\"form-control\" placeholder=\"کلید\" required>
            </div>
            <div class=\"col-md-5\">
                <input type=\"text\" name=\"specifications[${specIndex}][value]\" class=\"form-control\" placeholder=\"مقدار\" required>
            </div>
            <div class=\"col-md-2\">
                <button type=\"button\" class=\"btn btn-danger remove-specification\"><i class=\"fas fa-minus\"></i></button>
            </div>
        </div>`;
        $('#specifications-list').append(specItem);
        specIndex++;
    });
    $(document).on('click', '.remove-specification', function() {
        if($('#specifications-list .specification-item').length > 1) {
            $(this).closest('.specification-item').remove();
        }
    });
});
</script>
@endpush