@extends('layouts.bootstrap')

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

@section('content')
<div class="container-fluid">
    @if(session('error'))
        <div class="alert alert-danger alert-dismissible fade show" role="alert">
            <h5><i class="bi bi-exclamation-triangle me-2"></i>Error!</h5>
            {{ session('error') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
        </div>
    @endif

    <div class="row">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <div class="d-flex justify-content-between align-items-center">
                        <div>
                            <h4 class="mb-0">
                                <i class="bi bi-pencil me-2"></i>Edit Product
                            </h4>
                            <p class="text-muted mb-0">{{ $tender->name }} ({{ $tender->reference_number }})</p>
                        </div>
                        <a href="{{ route('tenders.show', $tender) }}" class="btn btn-outline-secondary">
                            <i class="bi bi-arrow-left me-1"></i>Back to Tender
                        </a>
                    </div>
                </div>

                <div class="card-body">
                    <form action="{{ route('tender-products.update', [$tender, $tenderProduct]) }}" method="POST">
                        @csrf
                        @method('PUT')

                        <!-- Product Info -->
                        @if($tenderProduct->product_id)
                            <div class="alert alert-info">
                                <i class="bi bi-info-circle me-2"></i>
                                This product is linked to the master product: <strong>{{ $tenderProduct->product->name ?? 'N/A' }}</strong>
                            </div>
                        @endif

                        <!-- Product Details -->
                        <div class="row mb-3">
                            <div class="col-md-8">
                                <label for="name" class="form-label">Product Name <span class="text-danger">*</span></label>
                                <input type="text" class="form-control @error('name') is-invalid @enderror" 
                                       id="name" name="name" value="{{ old('name', $tenderProduct->name) }}" required>
                                @error('name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="country_of_origin" class="form-label">Country of Origin</label>
                                <input type="text" class="form-control @error('country_of_origin') is-invalid @enderror" 
                                       id="country_of_origin" name="country_of_origin" 
                                       value="{{ old('country_of_origin', $tenderProduct->country_of_origin) }}">
                                @error('country_of_origin')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-12">
                                <label for="description" class="form-label">Description</label>
                                <textarea class="form-control @error('description') is-invalid @enderror" 
                                          id="description" name="description" rows="3">{{ old('description', $tenderProduct->description) }}</textarea>
                                @error('description')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Category and Subcategory -->
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="category_id" class="form-label">Category</label>
                                <select class="form-select @error('category_id') is-invalid @enderror" 
                                        id="category_id" name="category_id">
                                    <option value="">Select Category (Optional)</option>
                                    @foreach($categories as $category)
                                        <option value="{{ $category->id }}" 
                                                {{ old('category_id', $tenderProduct->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="subcategory_id" class="form-label">Subcategory</label>
                                <select class="form-select @error('subcategory_id') is-invalid @enderror" 
                                        id="subcategory_id" name="subcategory_id">
                                    <option value="">Select Subcategory (Optional)</option>
                                    @foreach($subcategories as $subcategory)
                                        <option value="{{ $subcategory->id }}" 
                                                {{ old('subcategory_id', $tenderProduct->subcategory_id) == $subcategory->id ? 'selected' : '' }}>
                                            {{ $subcategory->name }}
                                        </option>
                                    @endforeach
                                </select>
                                @error('subcategory_id')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Pricing Section -->
                        <div class="row mb-3">
                            <div class="col-12">
                                <h6 class="text-muted mb-3">
                                    <i class="bi bi-calculator me-2"></i>Pricing Information
                                </h6>
                            </div>
                        </div>

                        <div class="row mb-3">
                            <div class="col-md-4">
                                <label for="market_price_bdt" class="form-label">
                                    Market Price (BDT)
                                    @if($tenderProduct->market_price_bdt)
                                        <small class="text-muted">(Current: ৳{{ number_format($tenderProduct->market_price_bdt, 2) }})</small>
                                    @endif
                                </label>
                                <div class="input-group">
                                    <span class="input-group-text">৳</span>
                                    <input type="number" step="0.01" min="0"
                                           class="form-control @error('market_price_bdt') is-invalid @enderror"
                                           id="market_price_bdt" name="market_price_bdt"
                                           value="{{ old('market_price_bdt', $tenderProduct->market_price_bdt) }}">
                                    @error('market_price_bdt')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <small class="form-text text-muted">Base price before VAT/Tax</small>
                            </div>
                            <div class="col-md-4">
                                <label for="bidding_price_bdt" class="form-label">
                                    Bidding Price (BDT)
                                    @if($tenderProduct->bidding_price_bdt)
                                        <small class="text-muted">(Current: ৳{{ number_format($tenderProduct->bidding_price_bdt, 2) }})</small>
                                    @endif
                                </label>
                                <div class="input-group">
                                    <span class="input-group-text">৳</span>
                                    <input type="number" step="0.01" min="0"
                                           class="form-control @error('bidding_price_bdt') is-invalid @enderror"
                                           id="bidding_price_bdt" name="bidding_price_bdt"
                                           value="{{ old('bidding_price_bdt', $tenderProduct->bidding_price_bdt) }}">
                                    @error('bidding_price_bdt')
                                        <div class="invalid-feedback">{{ $message }}</div>
                                    @enderror
                                </div>
                                <small class="form-text text-muted">Manual override for bidding price</small>
                            </div>
                            <div class="col-md-4">
                                <label for="measurement_unit" class="form-label">Measurement Unit</label>
                                <input type="text" class="form-control @error('measurement_unit') is-invalid @enderror" 
                                       id="measurement_unit" name="measurement_unit" 
                                       value="{{ old('measurement_unit', $tenderProduct->measurement_unit) }}"
                                       placeholder="e.g., piece, kg, liter">
                                @error('measurement_unit')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-4">
                                <label for="quantity_required" class="form-label">Quantity Required <span class="text-danger">*</span></label>
                                <input type="number" min="1" 
                                       class="form-control @error('quantity_required') is-invalid @enderror" 
                                       id="quantity_required" name="quantity_required" 
                                       value="{{ old('quantity_required', $tenderProduct->quantity_required) }}" required>
                                @error('quantity_required')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Priority and Mandatory -->
                        <div class="row mb-3">
                            <div class="col-md-6">
                                <label for="priority" class="form-label">Priority <span class="text-danger">*</span></label>
                                <select class="form-select @error('priority') is-invalid @enderror" 
                                        id="priority" name="priority" required>
                                    <option value="high" {{ old('priority', $tenderProduct->priority) == 'high' ? 'selected' : '' }}>High</option>
                                    <option value="medium" {{ old('priority', $tenderProduct->priority) == 'medium' ? 'selected' : '' }}>Medium</option>
                                    <option value="low" {{ old('priority', $tenderProduct->priority) == 'low' ? 'selected' : '' }}>Low</option>
                                </select>
                                @error('priority')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            <div class="col-md-6">
                                <div class="form-check mt-4">
                                    <input class="form-check-input" type="checkbox" 
                                           id="is_mandatory" name="is_mandatory" value="1"
                                           {{ old('is_mandatory', $tenderProduct->is_mandatory) ? 'checked' : '' }}>
                                    <label class="form-check-label" for="is_mandatory">
                                        This is a mandatory product
                                    </label>
                                </div>
                            </div>
                        </div>

                        <!-- Notes -->
                        <div class="row mb-4">
                            <div class="col-12">
                                <label for="notes" class="form-label">Notes</label>
                                <textarea class="form-control @error('notes') is-invalid @enderror" 
                                          id="notes" name="notes" rows="2" 
                                          placeholder="Any additional notes or specifications...">{{ old('notes', $tenderProduct->notes) }}</textarea>
                                @error('notes')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                        </div>

                        <!-- Import Status Info -->
                        @if($tenderProduct->import_status)
                            <div class="row mb-3">
                                <div class="col-12">
                                    <div class="alert alert-light">
                                        <small class="text-muted">
                                            <strong>Import Status:</strong> 
                                            <span class="badge {{ $tenderProduct->getImportStatusBadgeClass() }}">
                                                {{ $tenderProduct->getImportStatusLabel() }}
                                            </span>
                                            @if($tenderProduct->csv_row_number)
                                                | <strong>CSV Row:</strong> {{ $tenderProduct->csv_row_number }}
                                            @endif
                                            @if($tenderProduct->created_at)
                                                | <strong>Added:</strong> {{ $tenderProduct->created_at->format('M d, Y H:i') }}
                                            @endif
                                        </small>
                                    </div>
                                </div>
                            </div>
                        @endif

                        <!-- Submit Buttons -->
                        <div class="row">
                            <div class="col-12">
                                <div class="d-flex justify-content-end gap-2">
                                    <a href="{{ route('tenders.show', $tender) }}" class="btn btn-outline-secondary">
                                        <i class="bi bi-x-lg me-1"></i>Cancel
                                    </a>
                                    <button type="submit" class="btn btn-primary">
                                        <i class="bi bi-check-lg me-1"></i>Update Product
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function() {
    const categorySelect = document.getElementById('category_id');
    const subcategorySelect = document.getElementById('subcategory_id');

    // Load subcategories when category changes
    categorySelect.addEventListener('change', function() {
        loadSubcategories(this.value);
    });

    function loadSubcategories(categoryId, selectedSubcategoryId = null) {
        // Keep current selection if no category change
        const currentSelection = selectedSubcategoryId || subcategorySelect.value;
        
        subcategorySelect.innerHTML = '<option value="">Select Subcategory (Optional)</option>';
        
        if (categoryId) {
            fetch(`/tender-products/categories/${categoryId}/subcategories`)
                .then(response => response.json())
                .then(subcategories => {
                    subcategories.forEach(subcategory => {
                        const option = document.createElement('option');
                        option.value = subcategory.id;
                        option.textContent = subcategory.name;
                        if (currentSelection && subcategory.id == currentSelection) {
                            option.selected = true;
                        }
                        subcategorySelect.appendChild(option);
                    });
                })
                .catch(error => console.error('Error loading subcategories:', error));
        }
    }

    // Load subcategories on page load if category is selected
    if (categorySelect.value) {
        loadSubcategories(categorySelect.value, '{{ old('subcategory_id', $tenderProduct->subcategory_id) }}');
    }
});
</script>
@endsection