@extends('layouts.app')

@section('content')
<div class="container mt-4 mb-5">
    <div class="row">
        <div class="col-lg-8 col-sm-12 mx-auto">
            <div class="card p-4 shadow-sm">
                <div class="d-flex justify-content-between align-items-center mb-3">
                    <h5 class="font-semibold mb-0">Stock Transfer</h5>
                    <a href="{{ route('pos.stock.index', ['type' => 1]) }}" class="btn btn-sm btn-dark">Back to Stock</a>
                </div>

                <!-- Instructions -->
                <div class="alert alert-info">
                    <strong>Instructions:</strong> Scan products to add to transfer list. Select source and target locations, then complete the transfer.
                </div>

                <!-- Transfer Form -->
                <div class="bg-light rounded p-3 mb-3">
                    <form method="get" autocomplete="off" id="barcode-form">
                        <input type="hidden" name="stock_transfer_id" value="{{ $transferId }}">
                        <input type="text" 
                               name="product_barcode" 
                               required 
                               class="form-control mb-2" 
                               placeholder="Scan Barcode or Enter Product Code"
                               list="pro_list"
                               autofocus
                               id="barcode-input">
                    </form>

                    @if($product)
                    <form method="post" action="{{ route('pos.stock.transfer.store') }}" class="mt-3">
                        @csrf
                        <input type="hidden" name="product_systemid" value="{{ $product->product_systemid }}">
                        <input type="hidden" name="product_barcode" value="{{ $product->product_barcode }}">
                        <input type="hidden" name="stock_transfer_id" value="{{ request('stock_transfer_id') }}">

                        <table class="table-sm mb-3 w-100">
                            <tbody>
                                <tr>
                                    <td class="py-1">Barcode:</td>
                                    <td class="py-1"><strong>{{ $product->product_barcode }}</strong></td>
                                </tr>
                                <tr>
                                    <td class="py-1">Name:</td>
                                    <td class="py-1">{{ $product->product_name }}</td>
                                </tr>
                                <tr>
                                    <td class="py-1">Available:</td>
                                    <td class="py-1">
                                        <strong id="current-location-qty">Loading...</strong> @ 
                                        <span id="current-location-name">{{ session('location_name') }}</span>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

                        <div class="row">
                            <div class="col-4">
                                <label class="text-sm">Target Location</label>
                                <select name="stock_location_id" required class="form-control form-control-sm">
                                    @foreach(\App\Models\Location::orderBy('ld_name')->get() as $location)
                                    <option value="{{ $location->ld_id }}">{{ $location->ld_name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-4">
                                <label class="text-sm">Badge</label>
                                <select name="stock_badge_id" required class="form-control form-control-sm">
                                    @foreach(\App\Models\PriceDetail::where('price_systemid', $product->product_systemid)->orderBy('price_id', 'desc')->get() as $badge)
                                    <option value="{{ $badge->price_id }}">
                                        {{ $badge->price_name }} | {{ number_format($badge->price_sale, 2) }}
                                    </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-2">
                                <label class="text-sm">Quantity</label>
                                <input name="stock_qty" type="number" required class="form-control form-control-sm" placeholder="Qty" step="0.001">
                            </div>
                            <div class="col-2">
                                <label class="text-sm">&nbsp;</label>
                                <button type="submit" class="btn btn-primary btn-sm w-100">Add</button>
                            </div>
                        </div>
                    </form>
                    @else
                    <div class="alert alert-danger mt-3">Product not found. Please scan a valid barcode.</div>
                    @endif
                </div>

                <!-- Recent Transfers -->
                <div class="mt-4">
                    <h6 class="font-semibold">Recent Transfers (Transfer ID: {{ $transferId }})</h6>
                    <table class="table table-sm table-bordered">
                        <thead class="bg-light">
                            <tr>
                                <th>Time</th>
                                <th>Product</th>
                                <th>Badge</th>
                                <th>From → To</th>
                                <th>Qty</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php
                                $transfers = \App\Models\StockDetail::where('stock_transfer_id', $transferId)
                                    ->with(['badge', 'location'])
                                    ->orderBy('stock_id', 'desc')
                                    ->get()
                                    ->groupBy(function($item) {
                                        return $item->stock_systemid . '-' . $item->stock_badge_id . '-' . $item->stock_qty;
                                    });
                            @endphp
                            @forelse($transfers as $group)
                                @php
                                    $outRecord = $group->where('stock_type', 0)->first();
                                    $inRecord = $group->where('stock_type', 1)->first();
                                    $product = DB::table('product_details')->where('product_systemid', $outRecord->stock_systemid)->first();
                                @endphp
                            <tr>
                                <td>{{ $outRecord->stock_addtime->format('Y-m-d h:i A') }}</td>
                                <td>{{ $product->product_name ?? 'N/A' }}</td>
                                <td>{{ $outRecord->badge->price_name ?? 'N/A' }}</td>
                                <td>
                                    @if($outRecord->location)
                                    {{ $outRecord->location->ld_name }}
                                    @endif
                                    →
                                    @if($inRecord && $inRecord->location)
                                    {{ $inRecord->location->ld_name }}
                                    @endif
                                </td>
                                <td>{{ number_format($outRecord->stock_qty, 3) }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="5" class="text-center">No transfers yet. Scan products to start transferring.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Product Datalist -->
<datalist id="pro_list">
    @foreach($products as $prod)
    <option value="{{ $prod->product_barcode }}">{{ $prod->product_name }} - {{ $prod->product_name_sinhala }}</option>
    @endforeach
</datalist>

<script>
// Auto-reload form when barcode is scanned
document.getElementById('barcode-form').addEventListener('submit', function(e) {
    e.preventDefault();
    const barcode = document.getElementById('barcode-input').value;
    const transferId = document.querySelector('input[name="stock_transfer_id"]').value;
    window.location.href = '{{ route("pos.stock.transfer") }}?stock_transfer_id=' + transferId + '&product_barcode=' + barcode + '&bar_select';
});

// Load current location quantity
@if($product)
const systemId = '{{ $product->product_systemid }}';
const locationId = '{{ session("location_id") }}';
const qty = {{ \App\Models\StockDetail::availableQtyByLocation($product->product_systemid, session('location_id')) }};
document.getElementById('current-location-qty').textContent = parseFloat(qty).toFixed(3);
@endif
</script>

@if(session('success'))
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script>
Swal.fire({
    title: 'Success',
    text: '{{ session('success') }}',
    icon: 'success',
    confirmButtonText: 'OK'
});
</script>
@endif
@endsection