@extends('layouts.admin')

@section('title', 'Edit Product')

@section('content')
    <section class="dashboard-head">
        <div>
            <span class="eyebrow">Catalog</span>
            <h1>Edit Product</h1>
        </div>
        <a class="button ghost" href="{{ route('admin.products.index') }}">Back</a>
    </section>

    <section class="panel form-panel">
        <form method="POST" action="{{ route('admin.products.update', $product) }}" class="admin-form" enctype="multipart/form-data">
            @csrf
            @method('PATCH')

            <label>
                <span>Category</span>
                <select name="category_id" required>
                    @foreach ($categories as $category)
                        <option value="{{ $category->id }}" @selected(old('category_id', $product->category_id) == $category->id)>{{ $category->name }}</option>
                    @endforeach
                </select>
            </label>

            <label>
                <span>Name</span>
                <input name="name" value="{{ old('name', $product->name) }}" required>
            </label>

            <label>
                <span>Description</span>
                <textarea name="description" rows="4">{{ old('description', $product->description) }}</textarea>
            </label>

            <div class="form-grid">
                <label>
                    <span>Price</span>
                    <input name="price" type="number" min="0" step="0.01" value="{{ old('price', $product->price) }}" required>
                </label>

                <label>
                    <span>Purchase Price</span>
                    <input name="purchase_price" type="number" min="0" step="0.01" value="{{ old('purchase_price', $product->purchase_price) }}">
                </label>

                <label>
                    <span>Discount %</span>
                    <input name="discount_percent" type="number" min="0" max="100" step="0.01" value="{{ old('discount_percent', $product->discount_percent) }}">
                </label>

                <label>
                    <span>Fake Discount %</span>
                    <input name="fake_discount_percent" type="number" min="0" max="100" step="0.01" value="{{ old('fake_discount_percent', $product->fake_discount_percent) }}">
                </label>

                <label>
                    <span>Stock</span>
                    <input name="stock" type="number" min="0" step="1" value="{{ old('stock', $product->stock) }}" required>
                </label>
            </div>

            <label>
                <span>Add More Images</span>
                <input name="images[]" type="file" accept="image/jpeg,image/png,image/webp" multiple>
            </label>

            @if ($product->images->isNotEmpty())
                <div class="media-list">
                    @foreach ($product->images as $image)
                        <img src="{{ $image->url() }}" alt="{{ $product->name }} image">
                    @endforeach
                </div>
            @endif

            <label>
                <span>YouTube Link</span>
                <input name="youtube_url" type="url" value="{{ old('youtube_url', $product->youtube_url) }}" placeholder="https://www.youtube.com/watch?v=...">
            </label>

            <section class="settings-card">
                <div class="settings-card-head">
                    <div>
                        <span class="eyebrow">SEO</span>
                        <h2>Search Metadata</h2>
                    </div>
                </div>
                <label>
                    <span>Meta Title</span>
                    <input name="meta_title" value="{{ old('meta_title', $product->meta_title) }}">
                </label>
                <label>
                    <span>Meta Description</span>
                    <textarea name="meta_description" rows="3">{{ old('meta_description', $product->meta_description) }}</textarea>
                </label>
                <label>
                    <span>OG Image</span>
                    <input name="og_image" type="file" accept="image/jpeg,image/png,image/webp">
                </label>
                @if ($product->ogImageUrl())
                    <div class="settings-preview">
                        <img src="{{ $product->ogImageUrl() }}" alt="{{ $product->name }} OG image">
                        <span>Current OG image</span>
                    </div>
                @endif
            </section>

            <div class="variant-editor">
                <h2>Variants</h2>
                @foreach ($product->variants as $index => $variant)
                    <div class="form-grid variant-row">
                        <input name="variants[{{ $index }}][id]" type="hidden" value="{{ $variant->id }}">
                        <label>
                            <span>Name</span>
                            <input name="variants[{{ $index }}][name]" value="{{ old("variants.{$index}.name", $variant->name) }}">
                        </label>
                        <label>
                            <span>Value</span>
                            <input name="variants[{{ $index }}][value]" value="{{ old("variants.{$index}.value", $variant->value) }}">
                        </label>
                        <label>
                            <span>Sale Price</span>
                            <input name="variants[{{ $index }}][price]" type="number" min="0" step="0.01" value="{{ old("variants.{$index}.price", $variant->price) }}" placeholder="Use product price">
                        </label>
                        <label>
                            <span>Purchase Price</span>
                            <input name="variants[{{ $index }}][purchase_price]" type="number" min="0" step="0.01" value="{{ old("variants.{$index}.purchase_price", $variant->purchase_price) }}" placeholder="Use product purchase price">
                        </label>
                        <label>
                            <span>Stock</span>
                            <input name="variants[{{ $index }}][stock]" type="number" min="0" step="1" value="{{ old("variants.{$index}.stock", $variant->stock) }}">
                        </label>
                        <label class="checkbox-label">
                            <input name="variants[{{ $index }}][is_active]" type="hidden" value="0">
                            <input name="variants[{{ $index }}][is_active]" type="checkbox" value="1" @checked(old("variants.{$index}.is_active", $variant->is_active))>
                            <span>Active</span>
                        </label>
                        <label class="checkbox-label">
                            <input name="variants[{{ $index }}][delete]" type="checkbox" value="1">
                            <span>Delete</span>
                        </label>
                    </div>
                @endforeach

                @for ($offset = 0; $offset < 3; $offset++)
                    @php($index = $product->variants->count() + $offset)
                    <div class="form-grid variant-row">
                        <label>
                            <span>Name</span>
                            <input name="variants[{{ $index }}][name]" value="{{ old("variants.{$index}.name") }}" placeholder="Size, Color">
                        </label>
                        <label>
                            <span>Value</span>
                            <input name="variants[{{ $index }}][value]" value="{{ old("variants.{$index}.value") }}" placeholder="Large, Red">
                        </label>
                        <label>
                            <span>Sale Price</span>
                            <input name="variants[{{ $index }}][price]" type="number" min="0" step="0.01" value="{{ old("variants.{$index}.price") }}" placeholder="Use product price">
                        </label>
                        <label>
                            <span>Purchase Price</span>
                            <input name="variants[{{ $index }}][purchase_price]" type="number" min="0" step="0.01" value="{{ old("variants.{$index}.purchase_price") }}" placeholder="Use product purchase price">
                        </label>
                        <label>
                            <span>Stock</span>
                            <input name="variants[{{ $index }}][stock]" type="number" min="0" step="1" value="{{ old("variants.{$index}.stock", 0) }}">
                        </label>
                    </div>
                @endfor
            </div>

            <label class="checkbox-label">
                <input name="is_active" type="checkbox" value="1" @checked(old('is_active', $product->is_active))>
                <span>Active</span>
            </label>

            <label class="checkbox-label">
                <input name="is_featured" type="checkbox" value="1" @checked(old('is_featured', $product->is_featured))>
                <span>Featured product</span>
            </label>

            @if ($errors->any())
                <p class="form-error">{{ $errors->first() }}</p>
            @endif

            <button class="button primary" type="submit">Update product</button>
        </form>
    </section>
@endsection