@extends('layouts.app')
@section('title', 'Transfer: '.$stockTransfer->transfer_no)
@section('breadcrumb')
<li class="breadcrumb-item"><a href="{{ route('stock-transfers.index') }}">Stock Transfers</a></li>
<li class="breadcrumb-item active">{{ $stockTransfer->transfer_no }}</li>
@endsection
@section('content')

@php
$statusColors = ['draft'=>'secondary','pending'=>'warning','in_transit'=>'info','received'=>'success','cancelled'=>'danger'];
@endphp

<div class="page-header d-flex justify-content-between align-items-start">
    <div>
        <h1 class="page-title" style="font-family:monospace;">{{ $stockTransfer->transfer_no }}</h1>
        <div class="d-flex gap-2 mt-1">
            <span class="badge bg-{{ $statusColors[$stockTransfer->status] ?? 'secondary' }}" style="font-size:.875rem;">
                {{ ucfirst(str_replace('_',' ',$stockTransfer->status)) }}
            </span>
            <span class="text-muted" style="font-size:.875rem;">
                {{ $stockTransfer->fromWarehouse->name }} → {{ $stockTransfer->toWarehouse->name }}
            </span>
        </div>
    </div>
    <div class="d-flex gap-2">
        @can_permission('inventory.transfer')
        @if($stockTransfer->status === 'pending')
        <form method="POST" action="{{ route('stock-transfers.dispatch', $stockTransfer) }}" id="dispatchForm">
            @csrf
            @foreach($stockTransfer->items as $item)
            <input type="hidden" name="qty_sent[{{ $item->id }}]" value="{{ $item->qty_requested }}">
            @endforeach
        </form>
        <button type="button" class="btn btn-warning" onclick="document.getElementById('dispatchForm').submit()">
            <i class="bi bi-box-arrow-up me-1"></i>Dispatch (Send Stock)
        </button>
        @endif
        @if($stockTransfer->status === 'in_transit')
        <form method="POST" action="{{ route('stock-transfers.receive', $stockTransfer) }}" id="receiveForm">
            @csrf
            @foreach($stockTransfer->items as $item)
            <input type="hidden" name="qty_received[{{ $item->id }}]" value="{{ $item->qty_sent }}">
            @endforeach
        </form>
        <button type="button" class="btn btn-success" onclick="document.getElementById('receiveForm').submit()">
            <i class="bi bi-box-arrow-in-down me-1"></i>Receive Stock
        </button>
        @endif
        @if(in_array($stockTransfer->status, ['pending','draft']))
        <form method="POST" action="{{ route('stock-transfers.cancel', $stockTransfer) }}" onsubmit="return confirm('Cancel this transfer?')">@csrf
            <button type="submit" class="btn btn-outline-danger btn-sm"><i class="bi bi-x-circle me-1"></i>Cancel</button>
        </form>
        @endif
        @endcan_permission
    </div>
</div>

<div class="row g-3">
    <div class="col-12 col-md-4">
        <div class="card">
            <div class="card-header fw-600">Transfer Info</div>
            <div class="card-body p-0">
                <table class="table table-sm mb-0" style="font-size:.875rem;">
                    <tr><td class="text-muted">Transfer No.</td><td class="fw-600"><code>{{ $stockTransfer->transfer_no }}</code></td></tr>
                    <tr><td class="text-muted">From</td><td class="fw-600">{{ $stockTransfer->fromWarehouse->name }}</td></tr>
                    <tr><td class="text-muted">To</td><td class="fw-600">{{ $stockTransfer->toWarehouse->name }}</td></tr>
                    <tr><td class="text-muted">Date</td><td>{{ $stockTransfer->transfer_date->format('d M Y') }}</td></tr>
                    <tr><td class="text-muted">Received</td><td>{{ $stockTransfer->received_date?->format('d M Y') ?? '—' }}</td></tr>
                    <tr><td class="text-muted">Created By</td><td>{{ $stockTransfer->creator->name }}</td></tr>
                    @if($stockTransfer->approver)<tr><td class="text-muted">Received By</td><td>{{ $stockTransfer->approver->name }}</td></tr>@endif
                    @if($stockTransfer->notes)<tr><td class="text-muted">Notes</td><td>{{ $stockTransfer->notes }}</td></tr>@endif
                </table>
            </div>
        </div>
    </div>

    <div class="col-12 col-md-8">
        <div class="card">
            <div class="card-header fw-600"><i class="bi bi-box-seam me-2"></i>Transfer Items</div>
            <div class="card-body p-0">
                <table class="table mb-0" style="font-size:.875rem;">
                    <thead><tr><th>Product / Variant</th><th>Requested</th><th>Sent</th><th>Received</th><th>Variance</th></tr></thead>
                    <tbody>
                        @foreach($stockTransfer->items as $item)
                        <tr>
                            <td>
                                <div class="fw-600">{{ $item->productVariant->product->name }}</div>
                                <div style="font-size:.78rem;color:#64748b;">{{ $item->productVariant->variant_name }}</div>
                            </td>
                            <td>{{ $item->qty_requested }}</td>
                            <td>{{ $item->qty_sent }}</td>
                            <td>{{ $item->qty_received }}</td>
                            <td>
                                @php $variance = $item->qty_sent - $item->qty_received; @endphp
                                @if($variance > 0)
                                <span class="badge bg-warning text-dark">-{{ $variance }}</span>
                                @elseif($variance < 0)
                                <span class="badge bg-danger">{{ $variance }}</span>
                                @else
                                <span class="badge bg-success">✓</span>
                                @endif
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@endsection