@php
    $isEdit = request()->is('*edit*');
@endphp

<div class="row">
    <div class="col-md-6">
        <label for="title" class="form-label text-black fw-semibold">Product Name <span class="text-danger">*</span></label>
        <input type="text" id="title" name="title" class="form-control" value="{{ old('title', $product->title ?? '') }}">
    </div>

    <div class="col-md-6">
        <label for="sub_title" class="form-label text-black fw-semibold">Sub Title</label>
        <input type="text" id="sub_title" name="sub_title" class="form-control" value="{{ old('sub_title', $product->sub_title ?? '') }}">
    </div>

    @if (!$isEdit)
        <div class="col-md-6">
            <label for="initial_stock" class="form-label text-black fw-semibold">Initial Stock <span class="text-danger">*</span></label>
            <input type="number" id="initial_stock" name="initial_stock" class="form-control">
        </div>
    @endif

    <div class="col-md-6">
        <label for="categories" class="form-label text-black fw-semibold">Categories</label>
        <select name="categories[]" id="categories" class="form-select select2" multiple data-placeholder="Select categories">
            @foreach($categories as $category)
                <option value="{{ $category->id }}" {{ (isset($product) && $product->categories->contains($category->id)) ? 'selected' : '' }}>{{ $category->name }}</option>
            @endforeach
        </select>
    </div>

    <div class="col-md-6">
        <label for="display_price" class="form-label text-black fw-semibold">Display Price</label>
        <input type="number" step="0.01" name="display_price" class="form-control" value="{{ old('display_price', $product->display_price ?? '') }}">
    </div>

    <div class="col-md-6">
        <label for="selling_price" class="form-label text-black fw-semibold">Selling Price</label>
        <input type="number" step="0.01" name="selling_price" class="form-control" value="{{ old('selling_price', $product->selling_price ?? '') }}">
    </div>

    <div class="col-md-6">
        <label for="cost_price" class="form-label text-black fw-semibold">Cost Price</label>
        <input type="number" step="0.01" name="cost_price" class="form-control" value="{{ old('cost_price', $product->cost_price ?? '') }}">
    </div>

    <div class="col-md-6">
        <label for="weight" class="form-label text-black fw-semibold">Weight</label>
        <input type="text" name="weight" class="form-control" value="{{ old('weight', $product->weight ?? '') }}">
    </div>

    <div class="col-md-6">
        <label for="sku" class="form-label text-black fw-semibold">SKU</label>
        <input type="text" name="sku" class="form-control" value="{{ old('sku', $product->sku ?? '') }}">
    </div>

    <div class="col-md-6">
        <label for="meta_title" class="form-label text-black fw-semibold">Meta Title</label>
        <input type="text" name="meta_title" class="form-control" value="{{ old('meta_title', $product->meta_title ?? '') }}">
    </div>

    <div class="col-md-6">
        <label for="meta_description" class="form-label text-black fw-semibold">Meta Description</label>
        <input type="text" name="meta_description" class="form-control" value="{{ old('meta_description', $product->meta_description ?? '') }}">
    </div>

    <div class="col-md-12">
        <label for="meta_keywords" class="form-label text-black fw-semibold">Meta Keywords (comma separated)</label>
        <input type="text" name="meta_keywords" class="form-control" value="{{ old('meta_keywords', is_array($product->meta_keywords ?? null) ? implode(',', $product->meta_keywords) : '') }}">
    </div>

    <div class="col-md-12">
        <label for="summary" class="form-label text-black fw-semibold">Summary</label>
        <textarea name="summary" class="form-control" rows="2">{{ old('summary', $product->summary ?? '') }}</textarea>
    </div>

    <div class="col-md-12">
        <label for="description" class="form-label text-black fw-semibold">Description</label>
        <textarea name="description" class="form-control tinymce-editor" rows="5">{{ old('description', $product->description ?? '') }}</textarea>
    </div>

    <div class="col-md-6">
        <label class="form-label text-black fw-semibold">
            @if (!$isEdit)
                Product Images <span class="text-danger">*</span>
                <small class="text-muted">(First image will be used as thumbnail)</small>
                <input type="file" name="images[]" multiple class="form-control" required>
            @else
                Thumbnail Image
                <input type="file" name="thumbnail" class="form-control">
                @if (!empty($product->thumbnail))
                    <img src="{{ asset('storage/' . $product->thumbnail) }}" class="mt-2" style="max-height: 100px;">
                @endif
            @endif
        </label>
    </div>

    <div class="col-md-6">
        <label for="banner_image" class="form-label text-black fw-semibold">Banner Image</label>
        <input type="file" name="banner_image" class="form-control">
        @if (!empty($product->banner_image))
            <img src="{{ asset('storage/' . $product->banner_image) }}" class="mt-2" style="max-height: 100px;">
        @endif
    </div>

    <div class="col-md-3">
        <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" name="is_banner" id="is_banner" value="1" {{ old('is_banner', $product->is_banner ?? false) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_banner">Show in Banner</label>
        </div>
    </div>
    <div class="col-md-3">
        <div class="form-check mt-4">
            <input class="form-check-input" type="checkbox" name="is_popular" id="is_popular" value="1" {{ old('is_popular', $product->is_popular ?? false) ? 'checked' : '' }}>
            <label class="form-check-label" for="is_popular">Popular</label>
        </div>
    </div>

    <div class="col-md-3 mt-3">
        <label for="status" class="form-label text-black fw-semibold">Status</label>
        <select name="status" class="form-select">
            <option value="1" {{ old('status', $product->status ?? 1) == 1 ? 'selected' : '' }}>Active</option>
            <option value="0" {{ old('status', $product->status ?? 1) == 0 ? 'selected' : '' }}>Inactive</option>
        </select>
    </div>
    <div class="card-footer mt-4">
        @include('dashboard.common.form-button')
    </div>
</div>