@extends('dashbord.layouts.master')

@section('title', __('products.edit'))

@section('content')
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0">{{ __('products.edit') }}: {{ $product->name }}</h1>
        <a href="{{ route('admin.ecommerce.products.index') }}" class="btn btn-outline-secondary">
            <i class="fas fa-arrow-left me-2"></i>{{ __('products.back') }}
        </a>
    </div>

    <div class="card">
        <div class="card-body">
            <form action="{{ route('admin.ecommerce.products.update', $product) }}" method="POST" enctype="multipart/form-data">
                @csrf
                @method('PUT')
                
                <div class="row">
                    <div class="col-md-8">
                        <!-- Basic Information -->
                        <div class="mb-4">
                            <h5>{{ __('products.basic_info') }}</h5>
                            <div class="row g-3">
                                <div class="col-12">
                                    <label for="name" class="form-label">{{ __('products.name') }} *</label>
                                    <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $product->name) }}" required>
                                    @error('name')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-12">
                                    <label for="description" class="form-label">{{ __('products.description') }}</label>
                                    <textarea name="description" id="description" rows="4" class="form-control">{{ old('description', $product->description) }}</textarea>
                                </div>
                                <div class="col-md-6">
                                    <label for="category_id" class="form-label">{{ __('products.category') }} *</label>
                                    <select name="category_id" id="category_id" class="form-select @error('category_id') is-invalid @enderror" required>
                                        <option value="">{{ __('products.select_category') }}</option>
                                        @foreach($categories as $category)
                                            <option value="{{ $category->id }}" {{ old('category_id', $product->category_id) == $category->id ? 'selected' : '' }}>
                                                {{ $category->name }}
                                            </option>
                                        @endforeach
                                    </select>
                                    @error('category_id')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <div class="col-md-6">
                                    <label for="main_image" class="form-label">{{ __('products.main_image') }}</label>
                                    <input type="file" name="main_image" id="main_image" class="form-control" accept="image/*">
                                    @if($product->main_image)
                                        <div class="form-text">{{ __('products.current_image') }}: {{ $product->main_image }}</div>
                                    @endif
                                    <div class="form-text">{{ __('products.image_help') }}</div>
                                </div>
                            </div>
                        </div>

                        <!-- Pricing -->
                        <div class="mb-4">
                            <h5>{{ __('products.pricing') }}</h5>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label for="digital_price" class="form-label">{{ __('products.digital_price') }}</label>
                                    <input type="number" name="digital_price" id="digital_price" class="form-control" step="0.01" min="0" value="{{ old('digital_price', $product->digital_price) }}">
                                    <div class="form-text">{{ __('products.digital_help') }}</div>
                                </div>
                                <div class="col-md-6">
                                    <label for="physical_price" class="form-label">{{ __('products.physical_price') }}</label>
                                    <input type="number" name="physical_price" id="physical_price" class="form-control" step="0.01" min="0" value="{{ old('physical_price', $product->physical_price) }}">
                                    <div class="form-text">{{ __('products.physical_help') }}</div>
                                </div>
                            </div>
                        </div>

                        <!-- Discount -->
                        <div class="mb-4">
                            <h5>{{ __('products.discount') }}</h5>
                            <div class="row g-3">
                                <div class="col-md-4">
                                    <label for="discount_type" class="form-label">{{ __('products.discount_type') }}</label>
                                    <select name="discount_type" id="discount_type" class="form-select">
                                        <option value="">{{ __('products.no_discount') }}</option>
                                        <option value="percentage" {{ old('discount_type', $product->discount_type) === 'percentage' ? 'selected' : '' }}>{{ __('products.percentage') }}</option>
                                        <option value="fixed" {{ old('discount_type', $product->discount_type) === 'fixed' ? 'selected' : '' }}>{{ __('products.fixed') }}</option>
                                    </select>
                                </div>
                                <div class="col-md-4">
                                    <label for="discount_value" class="form-label">{{ __('products.discount_value') }}</label>
                                    <input type="number" name="discount_value" id="discount_value" class="form-control" step="0.01" min="0" value="{{ old('discount_value', $product->discount_value) }}">
                                </div>
                                <div class="col-md-4">
                                    <label for="discount_expires_at" class="form-label">{{ __('products.discount_expires') }}</label>
                                    <input type="datetime-local" name="discount_expires_at" id="discount_expires_at" class="form-control" value="{{ old('discount_expires_at', $product->discount_expires_at ? $product->discount_expires_at->format('Y-m-d\TH:i') : '') }}">
                                </div>
                            </div>
                        </div>

                        <!-- Stock -->
                        <div class="mb-4">
                            <h5>{{ __('products.stock') }}</h5>
                            <div class="alert alert-info">
                                <strong>{{ __('products.stock_info') }}:</strong><br>
                                {{ __('products.current_stock') }}: {{ $product->currentStock() ?? __('products.unlimited') }}<br>
                                {{ __('products.low_stock_threshold') }}: {{ $product->low_stock_threshold }}
                            </div>
                            <div class="row g-3">
                                <div class="col-md-6">
                                    <label for="low_stock_threshold" class="form-label">{{ __('products.low_stock_threshold') }}</label>
                                    <input type="number" name="low_stock_threshold" id="low_stock_threshold" class="form-control" min="1" value="{{ old('low_stock_threshold', $product->low_stock_threshold) }}">
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <!-- Files -->
                        <div class="mb-4">
                            <h5>{{ __('products.files') }}</h5>
                            @if($product->files->isNotEmpty())
                                <div class="mb-3">
                                    <strong>{{ __('products.current_files') }}:</strong>
                                    <ul class="list-group">
                                        @foreach($product->files as $file)
                                            <li class="list-group-item d-flex justify-content-between align-items-center">
                                                <span>{{ $file->file_name }}</span>
                                                <small>{{ number_format($file->file_size / 1024, 2) }} KB</small>
                                            </li>
                                        @endforeach
                                    </ul>
                                </div>
                            @endif
                            <div class="mb-3">
                                <label for="files" class="form-label">{{ __('products.upload_files') }}</label>
                                <input type="file" name="files[]" id="files" class="form-control" multiple accept=".pdf,.doc,.docx,.zip,.rar">
                                <div class="form-text">{{ __('products.files_help') }}</div>
                            </div>
                        </div>

                        <!-- Status -->
                        <div class="mb-4">
                            <h5>{{ __('products.status') }}</h5>
                            <div class="form-check form-switch">
                                <input type="checkbox" name="is_active" id="is_active" class="form-check-input" value="1" {{ old('is_active', $product->is_active) ? 'checked' : '' }}>
                                <label for="is_active" class="form-check-label">{{ __('products.active') }}</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="d-flex justify-content-between">
                    <a href="{{ route('admin.ecommerce.products.index') }}" class="btn btn-outline-secondary">
                        {{ __('products.cancel') }}
                    </a>
                    <button type="submit" class="btn btn-primary">
                        <i class="fas fa-save me-2"></i>{{ __('products.update') }}
                    </button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection