@extends('layouts.portal')

@section('title', $transfer->transfer_number)

@push('styles')
    @include('accounting.journal._styles')
@endpush

@section('content')
<div class="portal-page">
    @include('partials.portal-header')

    <main class="module-main">
        <div class="container-fluid py-4">
            <header class="mb-3 d-flex justify-content-between align-items-start flex-wrap gap-2">
                <div>
                    <h1 class="h3 mb-0">{{ __('Transfer') }} {{ $transfer->transfer_number }}</h1>
                    <p class="text-muted mb-0">{{ __(str_replace('_', ' ', ucfirst($transfer->status))) }}</p>
                </div>
                <div class="d-flex gap-2 flex-wrap">
                    <a href="{{ route('stock.transfers.index') }}" class="btn btn-outline-secondary">{{ __('Back to list') }}</a>
                    @if($transfer->status === \App\Stock\Models\Transfer::STATUS_REQUESTED)
                        <a href="{{ route('stock.transfers.edit', $transfer) }}" class="btn btn-outline-primary">{{ __('Edit') }}</a>
                        <form method="POST" action="{{ route('stock.transfers.dispatch', $transfer) }}">
                            @csrf
                            <button type="submit" class="btn btn-success">{{ __('Dispatch transfer') }}</button>
                        </form>
                        <form method="POST" action="{{ route('stock.transfers.cancel', $transfer) }}" onsubmit="return confirm(@js(__('Cancel this transfer request?')))">
                            @csrf
                            <button type="submit" class="btn btn-outline-danger">{{ __('Cancel request') }}</button>
                        </form>
                    @elseif($transfer->status === \App\Stock\Models\Transfer::STATUS_IN_TRANSIT)
                        <form method="POST" action="{{ route('stock.transfers.receive', $transfer) }}">
                            @csrf
                            <button type="submit" class="btn btn-success">{{ __('Confirm receipt') }}</button>
                        </form>
                    @endif
                </div>
            </header>

            @if(session('success'))
                <div class="alert alert-success">{{ session('success') }}</div>
            @endif
            @if ($errors->any())
                <div class="alert alert-danger">
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <div class="card shadow-sm mb-3">
                <div class="card-body row g-3">
                    <div class="col-12 col-md-4"><div class="text-muted small">{{ __('From warehouse') }}</div>{{ $transfer->fromWarehouse->code }} — {{ $transfer->fromWarehouse->name }}</div>
                    <div class="col-12 col-md-4"><div class="text-muted small">{{ __('To warehouse') }}</div>{{ $transfer->toWarehouse->code }} — {{ $transfer->toWarehouse->name }}</div>
                    <div class="col-12 col-md-4"><div class="text-muted small">{{ __('Requested') }}</div>{{ \App\Models\CompanySetting::localTime($transfer->requested_at)?->format('Y-m-d H:i') }}</div>
                    @if($transfer->notes)
                        <div class="col-12"><div class="text-muted small">{{ __('Notes') }}</div>{{ $transfer->notes }}</div>
                    @endif
                    @if($transfer->status === \App\Stock\Models\Transfer::STATUS_IN_TRANSIT)
                        <div class="col-12 alert alert-info mb-0">{{ __('Dispatch reduced stock at the source. Confirm receipt to add it to the destination warehouse.') }}</div>
                    @endif
                </div>
            </div>

            <div class="card shadow-sm">
                <div class="je-grid-wrap">
                    <table class="je-table">
                        <thead>
                            <tr>
                                <th>{{ __('Item') }}</th>
                                <th>{{ __('Lot') }}</th>
                                <th class="num">{{ __('Requested') }}</th>
                                <th class="num">{{ __('Dispatched') }}</th>
                                <th class="num">{{ __('Received') }}</th>
                            </tr>
                        </thead>
                        <tbody class="je-list">
                            @foreach($transfer->lines as $line)
                                <tr>
                                    <td>{{ $line->item->sku }} — {{ $line->item->name }}</td>
                                    <td>{{ $line->lot?->lot_number ?? '—' }}</td>
                                    <td class="num">{{ number_format((float) $line->quantity_requested, 4) }}</td>
                                    <td class="num">{{ $line->quantity_dispatched === null ? '—' : number_format((float) $line->quantity_dispatched, 4) }}</td>
                                    <td class="num">{{ $line->quantity_received === null ? '—' : number_format((float) $line->quantity_received, 4) }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </main>
</div>
@endsection