@extends('layouts.app')

@section('content')
    <div class="page-title">
        <div>
            <h1>Stock transfers</h1>
            <p class="muted">Move stock between warehouses with status and approval workflow.</p>
        </div>
        <a class="btn btn-secondary" href="{{ route('inventory.dashboard') }}">Inventory dashboard</a>
    </div>

    <section class="dashboard-grid">
        <div class="table-wrap">
            <table>
                <thead>
                    <tr>
                        <th>Transfer</th>
                        <th>Source</th>
                        <th>Destination</th>
                        <th>Status</th>
                        <th>Items</th>
                        <th>Actions</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($transfers as $transfer)
                        <tr>
                            <td>{{ $transfer->transfer_number }}</td>
                            <td>{{ $transfer->sourceWarehouse?->name }}</td>
                            <td>{{ $transfer->destinationWarehouse?->name }}</td>
                            <td><span class="badge {{ $transfer->status === 'completed' ? 'active' : '' }}">{{ ucfirst(str_replace('_', ' ', $transfer->status)) }}</span></td>
                            <td>
                                @foreach ($transfer->items as $item)
                                    <div>{{ $item->product?->sku }} x {{ $item->quantity }}</div>
                                @endforeach
                            </td>
                            <td>
                                <div class="actions">
                                    @if ($transfer->status !== 'approved' && $transfer->status !== 'completed')
                                        <form method="POST" action="{{ route('inventory.transfers.approve', $transfer) }}">
                                            @csrf
                                            <button class="btn btn-secondary" type="submit">Approve</button>
                                        </form>
                                    @endif
                                    @if ($transfer->status !== 'completed')
                                        <form method="POST" action="{{ route('inventory.transfers.complete', $transfer) }}">
                                            @csrf
                                            <button class="btn btn-primary" type="submit">Complete</button>
                                        </form>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
            {{ $transfers->links() }}
        </div>

        <aside class="form-wrap">
            <h2>Create transfer</h2>
            <form method="POST" action="{{ route('inventory.transfers.store') }}">
                @csrf
                <div class="field">
                    <label for="source_warehouse_id">Source warehouse</label>
                    <select id="source_warehouse_id" name="source_warehouse_id">
                        @foreach ($warehouses as $warehouse)
                            <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="field">
                    <label for="destination_warehouse_id">Destination warehouse</label>
                    <select id="destination_warehouse_id" name="destination_warehouse_id">
                        @foreach ($warehouses as $warehouse)
                            <option value="{{ $warehouse->id }}">{{ $warehouse->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="field">
                    <label for="status">Transfer status</label>
                    <select id="status" name="status">
                        <option value="pending_approval">Pending approval</option>
                        <option value="draft">Draft</option>
                    </select>
                </div>
                <div class="field">
                    <label for="transfer_product">Product</label>
                    <select id="transfer_product" name="items[0][product_id]">
                        @foreach ($products as $product)
                            <option value="{{ $product->id }}">{{ $product->sku }} - {{ $product->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="grid-2">
                    <div class="field">
                        <label for="transfer_quantity">Quantity</label>
                        <input id="transfer_quantity" name="items[0][quantity]" type="number" min="1" value="1">
                    </div>
                    <div class="field">
                        <label for="batch_number">Batch</label>
                        <input id="batch_number" name="items[0][batch_number]">
                    </div>
                </div>
                <div class="field">
                    <label for="serial_number">Serial number</label>
                    <input id="serial_number" name="items[0][serial_number]">
                </div>
                <div class="field">
                    <label for="notes">Notes</label>
                    <textarea id="notes" name="notes"></textarea>
                </div>
                <button class="btn btn-primary" type="submit">Create transfer</button>
            </form>
        </aside>
    </section>
@endsection