@extends('layouts.app')
@section('title','Edit Product')
@section('page_title','Products')
@section('content')
<div class="page-heading"><div><h2>Edit {{ $product->name }}</h2><p class="muted-small">Choose only the information you want to change. Stock quantities remain in Inventory.</p></div><a class="btn btn-secondary" href="{{ route('stock.adjust',['product_id'=>$product->id]) }}">Manage Stock</a></div>
@if($errors->any())<div class="error-box"><ul>@foreach($errors->all() as $error)<li>{{ $error }}</li>@endforeach</ul></div>@endif

<form data-unsaved-warning data-submit-once class="card form-card product-edit-form" method="POST" action="{{ route('products.update',$product) }}" enctype="multipart/form-data">@csrf @method('PUT')
    <input type="hidden" name="selling_mode" id="editSellingMode" value="{{ $product->selling_mode }}">
    <input type="hidden" name="edit_section" id="editSectionField" value="{{ old('edit_section',request('section','basic')) }}">
    <div class="edit-choice-grid" aria-label="Choose edit section">
        <button type="button" class="edit-choice active" data-edit-choice="basic"><span>✎</span><strong>Basic Details</strong><small>Name, category, image and description</small></button>
        <button type="button" class="edit-choice" data-edit-choice="pricing"><span>TZS</span><strong>Pricing</strong><small>Average cost, selling and minimum prices</small></button>
        <button type="button" class="edit-choice" data-edit-choice="settings"><span>⚙</span><strong>Product Settings</strong><small>Units, conversion and stock alerts</small></button>
    </div>

    <section class="edit-section" data-edit-section="basic">
        <div class="product-flow-heading"><div><span class="step-kicker">Basic Details</span><h3>Product Identity</h3><p>Update only the customer-facing product details you need.</p></div></div>
        <div class="form-grid two-col">
            <div class="form-group"><label>Product Name</label><input name="name" value="{{ old('name',$product->name) }}" required></div>
            <div class="form-group"><label>Category</label><select name="category_id" required>@foreach($categories as $category)<option value="{{ $category->id }}" @selected((string)old('category_id',$product->category_id)===(string)$category->id)>{{ $category->displayName() }}</option>@endforeach</select></div>
            <div class="form-group product-image-field"><label>Replace Product Image <span class="muted-small">(Optional)</span></label><div class="product-image-actions"><button class="btn btn-secondary" type="button" id="editUploadProductImage">Upload Image</button><button class="btn btn-secondary" type="button" id="editTakeProductPhoto">Take Photo</button></div><input class="product-image-native-input" id="editProductImage" type="file" name="image" accept="image/jpeg,image/png,image/webp"><div class="image-preview-box" id="editImagePreview" @if(!$product->imageUrl()) hidden @endif><img id="editImagePreviewImg" src="{{ $product->thumbnailUrl() ?: '' }}" alt="Product preview" onerror="this.closest('.image-preview-box').hidden=true"><div class="image-preview-actions"><button type="button" class="btn btn-secondary btn-small" id="editReplaceImage">Replace</button><button type="button" class="btn btn-danger-outline btn-small" id="editRemoveImage">Remove Image</button></div></div><input type="hidden" name="remove_image" id="editRemoveImageField" value="0"></div>
            <details class="optional-field-disclosure full-width-field" @if(old('description',$product->description)) open @endif><summary><span><strong>Edit description</strong><small>Optional staff-facing detail</small></span><b aria-hidden="true">+</b></summary><div class="optional-field-body form-group"><label>Description</label><textarea name="description" rows="4">{{ old('description',$product->description) }}</textarea></div></details>
        </div>
    </section>

    <section class="edit-section" data-edit-section="pricing" hidden>
        <div class="product-flow-heading"><div><span class="step-kicker">Pricing</span><h3>Price Details</h3><p>Update purchase, selling and minimum prices here. Receive Stock changes quantity only.</p></div></div>
        @if($product->canSellWholesale())
        <div class="setup-block product-pricing-wholesale"><div class="setup-block-heading"><div><h4>Wholesale Pricing</h4><p>Enter this first when the Wholesale Item is also sold as single items.</p></div><span class="setup-chip">Wholesale</span></div><div class="form-grid two-col">
            <div class="form-group"><label>Purchase Cost per {{ $product->wholesaleUnitSingular() }} (TZS)</label><input type="number" min="0" step="10" inputmode="numeric" name="cost_price_per_carton" value="{{ old('cost_price_per_carton',$product->cost_price_per_carton) }}" required><small>Amounts are saved in TZS 10 increments.</small></div>
            <div class="form-group"><label>Selling Price per {{ $product->wholesaleUnitSingular() }} (TZS)</label><input type="number" min="0" step="10" inputmode="numeric" name="default_selling_price_per_carton" value="{{ old('default_selling_price_per_carton',$product->default_selling_price_per_carton) }}" required></div>
            <details class="price-protection-disclosure"><summary>Minimum selling amount <span>Optional</span></summary><div class="form-group"><label>Minimum selling amount per {{ $product->wholesaleUnitSingular() }} (TZS)</label><input type="number" min="0" step="10" inputmode="numeric" name="minimum_selling_price_per_carton" value="{{ old('minimum_selling_price_per_carton',$product->minimum_selling_price_per_carton) }}" placeholder="Defaults to purchase cost"><small>Prevent selling below this amount.</small></div></details>
            <small class="pricing-inline-error field-alert full-width-field" data-edit-pricing-error="carton" aria-live="polite" hidden></small>
        </div></div>
        @else
            <input type="hidden" name="cost_price_per_carton" value="0"><input type="hidden" name="default_selling_price_per_carton" value="0"><input type="hidden" name="minimum_selling_price_per_carton" value="0">
        @endif
        @if($product->canSellSingle())
        <div class="setup-block product-pricing-single"><div class="setup-block-heading"><div><h4>Single Pricing</h4><p>Prices per {{ strtolower($product->singleUnitSingular()) }}.</p></div><span class="setup-chip">Single</span></div><div class="form-grid two-col">
            @if($product->selling_mode === 'both')
                @php $derivedSingleCost = \App\Support\TzsMoney::roundUpFraction((int)$product->cost_price_per_carton, max(1,(int)$product->pieces_per_carton)); @endphp
                <div class="derived-cost-card"><span>Calculated Purchase Cost</span><strong id="editDerivedSingleCostAmount">TZS {{ tzs_amount($derivedSingleCost) }}</strong><small id="editDerivedSingleCostFormula">Wholesale purchase cost ÷ {{ number_format($product->pieces_per_carton) }} {{ strtolower($product->singleUnitPlural()) }}.</small></div>
                <input type="hidden" name="cost_price_per_single" id="editDerivedSingleCostInput" value="{{ $derivedSingleCost }}">
            @else
                <div class="form-group"><label>Purchase Cost per {{ $product->singleUnitSingular() }} (TZS)</label><input type="number" min="0" step="10" inputmode="numeric" name="cost_price_per_single" value="{{ old('cost_price_per_single',$product->cost_price_per_single) }}" required><small>Amounts are saved in TZS 10 increments.</small></div>
            @endif
            <div class="form-group"><label>Selling Price per {{ $product->singleUnitSingular() }} (TZS)</label><input type="number" min="0" step="10" inputmode="numeric" name="default_selling_price_per_single" value="{{ old('default_selling_price_per_single',$product->default_selling_price_per_single) }}" required></div>
            <details class="price-protection-disclosure"><summary>Minimum selling amount <span>Optional</span></summary><div class="form-group"><label>Minimum selling amount per {{ $product->singleUnitSingular() }} (TZS)</label><input type="number" min="0" step="10" inputmode="numeric" name="minimum_selling_price_per_single" value="{{ old('minimum_selling_price_per_single',$product->minimum_selling_price_per_single) }}" placeholder="Defaults to purchase cost"><small>Prevent selling below this amount.</small></div></details>
            <small class="pricing-inline-error field-alert full-width-field" data-edit-pricing-error="single" aria-live="polite" hidden></small>
        </div></div>
        @else
            <input type="hidden" name="cost_price_per_single" value="0"><input type="hidden" name="default_selling_price_per_single" value="0"><input type="hidden" name="minimum_selling_price_per_single" value="0">
        @endif
    </section>

    <section class="edit-section" data-edit-section="settings" hidden>
        <div class="product-flow-heading"><div><span class="step-kicker">Product Settings</span><h3>Units & Alerts</h3><p>Use Manage Stock for quantities; these controls describe how stock is measured.</p></div></div>
        <div class="form-grid two-col">
            @if($product->canSellSingle())
            <div class="form-group"><label>Single Unit Label <span class="muted-small">(Optional)</span></label><select name="single_unit_id"><option value="">Use Item Instead</option>@foreach($singleUnits as $unit)@continue($product->selling_mode === 'both' && $unit->type !== 'single')<option value="{{ $unit->id }}" @selected((string)old('single_unit_id',$product->single_unit_id)===(string)$unit->id)>{{ $unit->singular_name }}</option>@endforeach</select>@if($product->selling_mode === 'single_only')<small>A Single Item may use Piece, Bottle, Box, Carton or another complete selling unit.</small>@endif</div>
            @else
                <input type="hidden" name="single_unit_id" value="">
            @endif
            @if($product->canSellWholesale())
            <div class="form-group"><label>Wholesale Unit</label><select name="wholesale_unit_id" id="editWholesaleUnit" required>@foreach($wholesaleUnits as $unit)<option value="{{ $unit->id }}" data-singular="{{ $unit->singular_name }}" @selected((string)old('wholesale_unit_id',$product->wholesale_unit_id)===(string)$unit->id)>{{ $unit->singular_name }}</option>@endforeach</select></div>
            @if($product->selling_mode === 'both')
            <div class="form-group"><label id="editConversionLabel">Items per {{ $product->wholesaleUnitSingular() }}</label><input type="number" min="1" step="1" inputmode="numeric" name="pieces_per_carton" id="editPiecesPerWholesale" value="{{ old('pieces_per_carton',$product->pieces_per_carton) }}" required><small>
                @if($product->current_stock_pieces>0)
                    Cannot change while any stock exists because it would change stock conversion and valuation.
                @else
                    Defines the wholesale-to-single conversion.
                @endif
            </small></div>
            @else
                <input type="hidden" name="pieces_per_carton" value="{{ $product->pieces_per_carton }}">
            @endif
            @else
                <input type="hidden" name="wholesale_unit_id" value=""><input type="hidden" name="pieces_per_carton" value="1">
            @endif
            @if($product->canSellSingle())<div class="form-group"><label>Low Stock Alert — Loose Pieces</label><input type="number" min="0" step="1" inputmode="numeric" name="minimum_stock_alert_singles" value="{{ old('minimum_stock_alert_singles',$product->minimum_stock_alert_singles) }}" required></div>@else<input type="hidden" name="minimum_stock_alert_singles" value="0">@endif
            @if($product->canSellWholesale())<div class="form-group"><label>Low Stock Alert — Sealed Units</label><input type="number" min="0" step="1" inputmode="numeric" name="minimum_stock_alert_wholesale" value="{{ old('minimum_stock_alert_wholesale',$product->minimum_stock_alert_wholesale) }}" required></div>@else<input type="hidden" name="minimum_stock_alert_wholesale" value="0">@endif
        </div>
    </section>

    <aside class="product-stock-helper"><span aria-hidden="true">▦</span><div><strong>Need to update stock quantities?</strong><small>Keep product details accurate here, then record stock changes through Inventory so movement history stays complete.</small></div><a class="btn btn-secondary btn-small" href="{{ route('stock.adjust',['product_id'=>$product->id]) }}">Manage Stock</a></aside>
    <div class="form-actions product-edit-actions"><button class="btn" id="saveProductSection" type="submit">Save Basic Details</button><a class="btn btn-secondary" href="{{ route('products.index') }}">Cancel</a></div>
</form>
<script src="{{ asset('js/product-edit.js') }}?v=10037" defer></script>
@endsection