@extends('layouts.app')
@section('title', __('lang_v1.stock_units_transfer'))

@section('content')

<!-- Content Header (Page header) -->
<section class="content-header">
    <h1>@lang('lang_v1.stock_units_transfer')
        <small>@lang('lang_v1.convert_units_between_packets_and_bales')</small>
    </h1>
</section>

<!-- Main content -->
<section class="content">
    <div class="row">
        <div class="col-md-12">
            @component('components.widget', ['class' => 'box-primary'])
                <div class="row">
                    <div class="col-md-12">
                        @if(session('status'))
                            <div class="alert alert-{{ session('status')['success'] ? 'success' : 'danger' }} alert-dismissible">
                                <button type="button" class="close" data-dismiss="alert" aria-label="Close">
                                    <span aria-hidden="true">×</span>
                                </button>
                                <strong>{{ session('status')['success'] ? 'Success!' : 'Error!' }}</strong>
                                {{ session('status')['msg'] }}
                            </div>
                        @endif
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">
                        <div class="info-box bg-success">
                            <span class="info-box-icon"><i class="fa fa-exchange-alt"></i></span>
                            <div class="info-box-content">
                                <span class="info-box-text">@lang('lang_v1.product')</span>
                                <span class="info-box-number">{{ $product->name }}</span>
                                <span class="info-box-text">
                                    <small>SKU: {{ $product->sku }}</small>
                                    <small class="pull-right">@lang('lang_v1.base_unit'): {{ $base_unit->short_name ?? $product->unit->short_name }}</small>
                                </span>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="box box-primary">
                            <div class="box-header with-border">
                                <h3 class="box-title"><i class="fa fa-info-circle"></i> Current Stock</h3>
                                <div class="box-tools pull-right">
                                    <button type="button" class="btn btn-box-tool" id="refresh_stock">
                                        <i class="fa fa-refresh"></i>
                                    </button>
                                </div>
                            </div>
                            <div class="box-body">
                                <div id="stock_display">
                                    <div class="alert alert-info">
                                        <i class="fa fa-spinner fa-spin"></i>
                                        <strong>@lang('lang_v1.loading_stock')</strong>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <div class="box box-primary">
                            <div class="box-header with-border">
                                <h3 class="box-title"><i class="fa fa-exchange-alt"></i> @lang('lang_v1.transfer_units')</h3>
                            </div>
                            <div class="box-body">
                                <form method="post" action="{{ action([\App\Http\Controllers\ProductController::class, 'processStockUnitsTransfer']) }}" id="transfer_form">
                                    @csrf
                                    <input type="hidden" name="product_id" value="{{ $product->id }}">

                                    <!-- Business Location and Variation on same row -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="location_id">@lang('purchase.business_location')</label>
                                                <select name="location_id" id="location_id" class="form-control select2" required>
                                                    <option value="">@lang('messages.please_select')</option>
                                                    @foreach($business_locations as $id => $name)
                                                        <option value="{{ $id }}" {{ $id == $first_location_id ? 'selected' : '' }}>
                                                            {{ $name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="variation_id">@lang('lang_v1.variation')</label>
                                                <select name="variation_id" id="variation_id" class="form-control select2" required>
                                                    <option value="">@lang('messages.please_select')</option>
                                                    @foreach($product->variations as $variation)
                                                        <option value="{{ $variation->id }}" {{ $variation->id == $first_variation_id ? 'selected' : '' }}>
                                                            @if($variation->name != 'DUMMY')
                                                                {{ $variation->product_variation->name ?? '' }} - {{ $variation->name }}
                                                            @else
                                                                {{ $product->name }}
                                                            @endif
                                                            ({{ $variation->sub_sku }})
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- From Unit and To Unit on same row -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="from_unit_id">@lang('lang_v1.from_unit')</label>
                                                <select name="from_unit_id" id="from_unit_id" class="form-control select2" required>
                                                    <option value="">@lang('messages.please_select')</option>
                                                    @foreach($batch_units as $unit)
                                                        <option value="{{ $unit->id }}">
                                                            {{ $unit->short_name }}
                                                            @if($unit->base_unit_id)
                                                                (1 {{ $unit->short_name }} = {{ $unit->base_unit_multiplier ?? 1 }} {{ $base_unit->short_name ?? $product->unit->short_name }})
                                                            @else
                                                                (Base Unit)
                                                            @endif
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group">
                                                <label for="to_unit_id">@lang('lang_v1.to_unit')</label>
                                                <select name="to_unit_id" id="to_unit_id" class="form-control select2" required>
                                                    <option value="">@lang('messages.please_select')</option>
                                                    @foreach($batch_units as $unit)
                                                        <option value="{{ $unit->id }}">
                                                            {{ $unit->short_name }}
                                                            @if($unit->base_unit_id)
                                                                (1 {{ $unit->short_name }} = {{ $unit->base_unit_multiplier ?? 1 }} {{ $base_unit->short_name ?? $product->unit->short_name }})
                                                            @else
                                                                (Base Unit)
                                                            @endif
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label for="quantity">@lang('lang_v1.quantity_to_transfer')</label>
                                        <div class="input-group">
                                            <input type="number" name="quantity" id="quantity" class="form-control" step="0.01" min="0.01" required>
                                            <span class="input-group-addon" id="quantity_unit_label">@lang('lang_v1.units')</span>
                                        </div>
                                        <small class="help-block" id="available_stock_info"></small>
                                    </div>

                                    <div class="form-group">
                                        <label for="notes">@lang('lang_v1.notes')</label>
                                        <textarea name="notes" id="notes" class="form-control" rows="2" placeholder="@lang('lang_v1.optional_notes')"></textarea>
                                    </div>

                                    <div class="form-group">
                                        <div class="alert alert-info" id="conversion_info" style="display: none;">
                                            <strong>@lang('lang_v1.conversion_info'):</strong>
                                            <span id="conversion_details"></span>
                                        </div>
                                    </div>

                                    <button type="submit" class="btn btn-primary btn-block" id="transfer_btn">
                                        <i class="fa fa-exchange-alt"></i> @lang('lang_v1.transfer_units')
                                    </button>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            @endcomponent
        </div>
    </div>

    <!-- Transfer History Section -->
    <div class="row">
        <div class="col-md-12">
            @component('components.widget', ['class' => 'box-success', 'title' => __('lang_v1.transfer_history')])
                <div class="table-responsive">
                    <table class="table table-bordered table-striped" id="transfer_history_table">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>@lang('lang_v1.date')</th>
                                <th>@lang('lang_v1.location')</th>
                                <th>@lang('lang_v1.variation')</th>
                                <th>@lang('lang_v1.transfer_details')</th>
                                <th>@lang('lang_v1.notes')</th>
                                <th>@lang('lang_v1.created_by')</th>
                                <th>@lang('lang_v1.actions')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($transfer_history as $transfer)
                            <tr>
                                <td>{{ $loop->iteration }}</td>
                                <td>{{ $transfer->created_at->format('d-m-Y H:i:s') }}</td>
                                <td>{{ $transfer->location->name ?? 'N/A' }}</td>
                                <td>
                                    @if($transfer->variation && $transfer->variation->name != 'DUMMY')
                                        {{ $transfer->variation->name }}
                                    @else
                                        {{ __('lang_v1.default') }}
                                    @endif
                                </td>
                                <td>
                                    <span class="label label-info">{{ number_format($transfer->quantity, 2) }} {{ $transfer->fromUnit->short_name ?? 'N/A' }}</span>
                                    <i class="fa fa-arrow-right"></i>
                                    <span class="label label-success">{{ number_format($transfer->quantity * $transfer->conversion_rate, 2) }} {{ $transfer->toUnit->short_name ?? 'N/A' }}</span>
                                    <br>
                                    <small class="text-muted">(1 {{ $transfer->fromUnit->short_name ?? '' }} = {{ number_format($transfer->conversion_rate, 2) }} {{ $transfer->toUnit->short_name ?? '' }})</small>
                                </td>
                                <td>{{ $transfer->notes ?? '' }}</td>
                                <td>{{ $transfer->createdBy->username ?? 'N/A' }}</td>
                                <td>
                                    <button type="button" class="btn btn-danger btn-xs delete-transfer" data-id="{{ $transfer->id }}" data-product="{{ $transfer->product_id }}">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </td>
                            </tr>
                            @empty
                            <tr>
                                <td colspan="8" class="text-center">
                                    <i class="fa fa-info-circle"></i> 
                                    @lang('lang_v1.no_transfer_history_found')
                                </td>
                            </tr>
                            @endforelse
                        </tbody>
                    </table>
                    @if($transfer_history->count() > 0)
                        <div class="text-muted">
                            <small>Showing last {{ $transfer_history->count() }} transfers</small>
                        </div>
                    @endif
                </div>
            @endcomponent
        </div>
    </div>

</section>
@endsection

@section('javascript')
@php
    // Convert batch_units to array safely
    $batchUnitsArray = $batch_units instanceof \Illuminate\Support\Collection ? $batch_units->toArray() : (array) $batch_units;
    $batchUnitsJson = json_encode(array_values($batchUnitsArray));
@endphp
<script>
    $(document).ready(function() {
        $('.select2').select2();

        // Initialize DataTable for transfer history if there are records
        @if($transfer_history->count() > 0)
            $('#transfer_history_table').DataTable({
                ordering: true,
                pageLength: 10,
                order: [[1, 'desc']],
                language: {
                    emptyTable: "{{ __('lang_v1.no_transfer_history_found') }}"
                }
            });
        @endif

        // Get batch units as a proper array
        var batchUnits = {!! $batchUnitsJson !!};

        // Auto-load stock on page load with pre-selected location and variation
        var initialLocationId = $('#location_id').val();
        var initialVariationId = $('#variation_id').val();
        
        if (initialLocationId && initialVariationId) {
            loadStock();
            updateConversionInfo();
            updateAvailableStockInfo();
        }

        // Refresh stock button
        $('#refresh_stock').click(function() {
            loadStock();
        });

        // Load stock when location and variation are selected
        $('#location_id, #variation_id').change(function() {
            loadStock();
            updateConversionInfo();
            updateAvailableStockInfo();
        });

        // Update conversion info when units change
        $('#from_unit_id, #to_unit_id, #quantity').change(function() {
            updateConversionInfo();
            updateAvailableStockInfo();
        });

        function loadStock() {
            var location_id = $('#location_id').val();
            var variation_id = $('#variation_id').val();

            if (location_id && variation_id) {
                // Show loading indicator
                $('#stock_display').html('<div class="text-center"><i class="fa fa-spinner fa-spin fa-2x"></i><br>Loading stock...</div>');
                
                $.ajax({
                    url: '/products/get-current-stock/' + variation_id + '/' + location_id,
                    type: 'GET',
                    success: function(result) {
                        displayStock(result);
                    },
                    error: function(xhr, status, error) {
                        console.error('Stock load error:', error);
                        $('#stock_display').html('<div class="alert alert-danger">@lang('lang_v1.error_loading_stock')</div>');
                    }
                });
            } else {
                $('#stock_display').html('<div class="alert alert-info"><strong>@lang('lang_v1.select_location_and_variation')</strong></div>');
            }
        }

        function displayStock(data) {
            // Data contains: stock (base stock), unit_stocks (per unit), units (list of units)
            var base_stock = parseFloat(data.stock) || 0;
            var units = data.units || [];
            var unit_stocks = data.unit_stocks || {};
            var base_unit_id = data.base_unit_id;
            var has_transfers = data.has_transfers || false;
            
            if (!units || units.length === 0) {
                $('#stock_display').html('<div class="alert alert-warning">No units found for this product.</div>');
                return;
            }
            
            var stock_html = '<div class="table-responsive"><table class="table table-bordered table-striped">';
            stock_html += '<thead><tr><th>@lang('lang_v1.unit')</th><th>@lang('lang_v1.quantity')</th></tr></thead><tbody>';
            
            // Sort units so base unit is first
            units.sort(function(a, b) {
                if (a.base_unit_id == null) return -1;
                if (b.base_unit_id == null) return 1;
                return a.id - b.id;
            });
            
            // Show stock in all units
            units.forEach(function(unit) {
                var unit_stock = parseFloat(unit_stocks[unit.id]) || 0;
                var unit_label = unit.short_name || unit.actual_name || 'Unit';
                var unit_name = unit.actual_name || unit_label;
                
                stock_html += '<tr>';
                stock_html += '<td><strong>' + unit_name + '</strong>';
                stock_html += ' <small class="text-muted">(' + unit_label + ')</small>';
                
                if (unit.base_unit_id != null) {
                    stock_html += ' <span class="label label-default" style="font-size:10px;">1 ' + unit_label + ' = ' + (unit.base_unit_multiplier || 1) + ' {{ $base_unit->short_name ?? $product->unit->short_name }}</span>';
                } else {
                    stock_html += ' <span class="label label-success" style="font-size:10px;">@lang('lang_v1.base_unit')</span>';
                }
                
                stock_html += '</td>';
                stock_html += '<td><span class="label label-primary" style="font-size:14px; padding: 6px 12px;">' + unit_stock.toFixed(2) + ' ' + unit_label + '</span></td>';
                stock_html += '</tr>';
            });
            
            // Add total in base unit
            stock_html += '<tr class="active">';
            stock_html += '<td><strong><i class="fa fa-calculator"></i> @lang('lang_v1.total_in_base_unit')</strong></td>';
            stock_html += '<td><strong><span class="label label-success" style="font-size:14px; padding: 6px 12px;">' + base_stock.toFixed(2) + ' {{ $base_unit->short_name ?? $product->unit->short_name }}</span></strong></td>';
            stock_html += '</tr>';
            
            stock_html += '</tbody></table></div>';
            
            // Add additional info
            stock_html += '<div class="text-muted small" style="margin-top: 10px; padding: 8px; background-color: #f9f9f9; border-radius: 4px;">';
            stock_html += '<i class="fa fa-info-circle"></i> ';
            stock_html += 'Showing stock for: <strong>' + $('#location_id option:selected').text() + '</strong>';
            stock_html += ' | Variation: <strong>' + $('#variation_id option:selected').text() + '</strong>';
            if (has_transfers) {
                stock_html += ' | <span class="label label-info">Stock calculated from transfer history</span>';
            }
            stock_html += '</div>';
            
            $('#stock_display').html(stock_html);
        }

        function updateConversionInfo() {
            var from_unit_id = $('#from_unit_id').val();
            var to_unit_id = $('#to_unit_id').val();
            var quantity = parseFloat($('#quantity').val()) || 0;

            if (from_unit_id && to_unit_id && quantity > 0 && from_unit_id != to_unit_id) {
                var from_unit_name = $('#from_unit_id option:selected').text().split(' (')[0];
                var to_unit_name = $('#to_unit_id option:selected').text().split(' (')[0];
                
                // Find multipliers from unit data
                var units = batchUnits;
                var from_multiplier = 1;
                var to_multiplier = 1;
                
                units.forEach(function(unit) {
                    if (unit.id == from_unit_id) {
                        from_multiplier = parseFloat(unit.base_unit_multiplier) || 1;
                    }
                    if (unit.id == to_unit_id) {
                        to_multiplier = parseFloat(unit.base_unit_multiplier) || 1;
                    }
                });

                var conversion_rate = from_multiplier / to_multiplier;
                var converted_quantity = quantity * conversion_rate;

                $('#conversion_details').html(
                    '<strong>' + quantity + ' ' + from_unit_name + '</strong> = ' + 
                    '<strong>' + converted_quantity.toFixed(2) + ' ' + to_unit_name + '</strong>' +
                    ' <span class="text-muted">(1 ' + from_unit_name + ' = ' + conversion_rate.toFixed(2) + ' ' + to_unit_name + ')</span>'
                );
                $('#conversion_info').show();
            } else if (from_unit_id && to_unit_id && from_unit_id == to_unit_id) {
                $('#conversion_info').hide();
                alert('@lang('lang_v1.from_and_to_units_cannot_be_same')');
                $('#from_unit_id').val('').trigger('change');
            } else {
                $('#conversion_info').hide();
            }
        }

        function updateAvailableStockInfo() {
            var from_unit_id = $('#from_unit_id').val();
            var location_id = $('#location_id').val();
            var variation_id = $('#variation_id').val();

            if (from_unit_id && location_id && variation_id) {
                $.ajax({
                    url: '/products/get-current-stock/' + variation_id + '/' + location_id,
                    type: 'GET',
                    success: function(result) {
                        var base_stock = parseFloat(result.stock) || 0;
                        var units = result.units || [];
                        var unit_stocks = result.unit_stocks || {};
                        var from_unit = units.find(u => u.id == from_unit_id);
                        
                        if (from_unit) {
                            var unit_stock = parseFloat(unit_stocks[from_unit.id]) || 0;
                            var from_unit_name = from_unit.short_name || from_unit.actual_name || 'Unit';
                            $('#available_stock_info').html(
                                '<i class="fa fa-info-circle" style="color: #17a2b8;"></i> ' +
                                '@lang('lang_v1.available_stock'): <strong>' + unit_stock.toFixed(2) + ' ' + from_unit_name + '</strong>' +
                                ' <span class="text-muted">(Total: ' + base_stock.toFixed(2) + ' {{ $base_unit->short_name ?? $product->unit->short_name }})</span>'
                            );
                        }
                    }
                });
            }
        }

        // Prevent transfer if from_unit and to_unit are the same
        $('#from_unit_id, #to_unit_id').change(function() {
            var from = $('#from_unit_id').val();
            var to = $('#to_unit_id').val();
            
            if (from && to && from == to) {
                alert('@lang('lang_v1.from_and_to_units_cannot_be_same')');
                $(this).val('').trigger('change');
            }
        });

        // Form submission validation
        $('#transfer_form').submit(function(e) {
            var from_unit_id = $('#from_unit_id').val();
            var to_unit_id = $('#to_unit_id').val();
            var quantity = parseFloat($('#quantity').val()) || 0;
            
            if (!from_unit_id) {
                alert('Please select the "From Unit"');
                e.preventDefault();
                return false;
            }
            
            if (!to_unit_id) {
                alert('Please select the "To Unit"');
                e.preventDefault();
                return false;
            }
            
            if (from_unit_id == to_unit_id) {
                alert('@lang('lang_v1.from_and_to_units_cannot_be_same')');
                e.preventDefault();
                return false;
            }
            
            if (quantity <= 0) {
                alert('Please enter a valid quantity to transfer');
                e.preventDefault();
                return false;
            }
            
            // Disable submit button to prevent double submission
            $('#transfer_btn').prop('disabled', true).html('<i class="fa fa-spinner fa-spin"></i> Processing...');
        });

        // Delete transfer record - WITHOUT reversing stock
        $(document).on('click', '.delete-transfer', function() {
            var id = $(this).data('id');
            var productId = $(this).data('product');
            var url = '/products/stock-unit-transfer/' + id;
            
            if (confirm('Are you sure you want to delete this transfer record?')) {
                $.ajax({
                    url: url,
                    type: 'DELETE',
                    data: {
                        _token: '{{ csrf_token() }}'
                    },
                    success: function(response) {
                        if (response.success) {
                            location.reload();
                        } else {
                            alert(response.msg);
                        }
                    },
                    error: function(xhr) {
                        var errorMsg = 'Error deleting transfer record.';
                        if (xhr.responseJSON && xhr.responseJSON.msg) {
                            errorMsg = xhr.responseJSON.msg;
                        }
                        alert(errorMsg);
                    }
                });
            }
        });

        // Auto-refresh after successful transfer
        @if(session('status') && session('status')['success'])
            setTimeout(function() {
                location.reload();
            }, 3000);
        @endif
    });
</script>
@endsection