@extends('layouts.app')
@section('title',__('transfers.request_title'))
@section('content')
@php($uae=fn($t)=>\Illuminate\Support\Carbon::parse($t,'UTC')->setTimezone('Asia/Dubai')->format('d M Y H:i'))
@php($qty=fn($v)=>\App\Support\StockQuantity::display((string)$v))
@php($sub=$request->reference.' · '.__('transfers.to',['name'=>$request->destination_name,'code'=>$request->destination_code]).' · '.__('transfers.by',['name'=>$request->requester]).($request->receiver_name ? ' · '.__('transfers.receiver_is',['name'=>$request->receiver_name]) : ''))
<x-ui.page-header :title="$request->series_number" :subtitle="$sub">
    <x-slot:status><x-ui.status :status="$request->status" :label="__('transfers.status_'.$request->status)"/></x-slot:status>
    <x-slot:actions>
        <x-ui.button variant="ghost" :href="route('inventory.transfers.index')">{{ __('transfers.back') }}</x-ui.button>
        @if($canCancel)
            @if($canApprove)<x-ui.button variant="danger" data-ui-open="close-rejected">{{ __('transfers.reject') }}</x-ui.button>@endif
            <x-ui.button variant="danger" data-ui-open="close-cancelled">{{ __('transfers.cancel_request') }}</x-ui.button>
        @endif
    </x-slot:actions>
</x-ui.page-header>
<x-ui.flash/>
@if($request->close_reason)<x-ui.alert type="error" :title="__('transfers.status_'.$request->status).':'">{{ $request->close_reason }}</x-ui.alert>@endif

<div class="ui-stackcards">
@if($canApprove)
<form method="POST" action="{{ route('inventory.transfers.approve',$request->id) }}">@csrf
<x-ui.card title="Approve request" :subtitle="__('transfers.approve_hint')" :padded="false">
    <x-ui.table>
        <thead><tr><th>{{ __('transfers.line') }}</th><th>{{ __('transfers.product') }}</th><th class="is-num">{{ __('transfers.requested') }}</th><th class="is-num">{{ __('transfers.approve_qty') }}</th></tr></thead>
        <tbody>
        @foreach($lines as $line)
            <tr><td class="num">{{ $line->line_number }}</td><td><b class="mono">{{ $line->sku_snapshot }}</b><span class="ui-sub"><bdi>{{ $line->name_snapshot }}</bdi></span></td><td class="is-num">{{ $qty($line->requested_quantity) }}</td>
            <td class="is-num"><input name="approved[{{ $line->id }}]" inputmode="decimal" value="{{ $qty($line->requested_quantity) }}" aria-label="{{ __('transfers.approved_qty_for',['sku'=>$line->sku_snapshot]) }}" style="width:110px;text-align:end"></td></tr>
        @endforeach
        </tbody>
    </x-ui.table>
    <div class="ui-cardfoot">
        <x-ui.field :label="__('transfers.series')" name="series_number" for="series_number"><input id="series_number" name="series_number" value="{{ $request->series_number }}" class="mono"></x-ui.field>
        <x-ui.button type="submit" variant="primary" icon="check">{{ __('transfers.approve') }}</x-ui.button>
    </div>
</x-ui.card>
</form>
@endif

@if($canAllocate)
<form method="POST" action="{{ route('inventory.transfers.allocate',$request->id) }}" id="allocate-form">@csrf
<x-ui.card :title="__('transfers.allocate_title')" :subtitle="__('transfers.allocate_hint')" :padded="false">
    <x-ui.table>
        <thead><tr><th>{{ __('transfers.product') }}</th><th class="is-num">{{ __('transfers.approved') }}</th>@foreach($sources as $s)<th class="mono">{{ $s->code }}</th>@endforeach</tr></thead>
        <tbody>
        @foreach($lines as $line)@if((float)$line->approved_quantity>0)
            <tr><td><b class="mono">{{ $line->sku_snapshot }}</b><span class="ui-sub"><bdi>{{ $line->name_snapshot }}</bdi></span></td><td class="is-num">{{ $qty($line->approved_quantity) }}</td>
            @foreach($sources as $s)@php($avail=$available[$s->id][$line->company_product_id] ?? '0.0000')
                <td>@if((float)$avail>0)<input name="allocations[{{ $line->id }}][{{ $s->id }}]" inputmode="decimal" aria-label="Quantity from {{ $s->code }}" style="width:90px"><span class="ui-sub">available {{ $qty($avail) }}</span>@else<span style="color:var(--text-3)">{{ __('transfers.not_available') }}</span>@endif</td>
            @endforeach</tr>
        @endif @endforeach
        </tbody>
    </x-ui.table>
    <div class="ui-cardfoot"><span></span><x-ui.button variant="primary" data-ui-open="allocate-confirm">{{ __('transfers.reserve') }}</x-ui.button></div>
</x-ui.card>
</form>
<dialog id="allocate-confirm" class="ui-dialog" aria-labelledby="allocate-confirm-title"><div class="ui-dialog-body">
    <h2 id="allocate-confirm-title">{{ __('transfers.reserve') }}</h2><p>{{ __('transfers.reserve_confirm') }}</p>
    <div class="ui-actions"><x-ui.button variant="ghost" data-ui-close>{{ __('ui.cancel') }}</x-ui.button><x-ui.button type="submit" variant="primary" form="allocate-form">{{ __('transfers.reserve') }}</x-ui.button></div>
</div></dialog>
@endif

@if($documents->count())
<x-ui.card :title="__('transfers.documents')" :subtitle="__('transfers.documents_hint')">
    <x-slot:actions>@if(in_array($request->status,['allocated','partially_received','received'],true))@if($documents->where('status','!=','cancelled')->contains(fn($d)=>!$d->sti_number))<small>{{ __('transfers.export_after') }}</small>@else<x-ui.button size="sm" icon="download" :href="route('inventory.transfers.excel',$request->id)">Excel (A4)</x-ui.button><x-ui.button size="sm" icon="print" :href="route('inventory.transfers.picking',$request->id)">Picking list image</x-ui.button>@endif @endif</x-slot:actions>
    <div class="ui-docgrid">
    @foreach($documents as $d)
        <section class="ui-doc">
            <header><b><bdi>{{ $d->source_name }}</bdi> → <span class="mono">{{ $request->destination_code }}</span></b><x-ui.status :status="$d->status" :label="__('transfers.doc_'.$d->status)"/></header>
            <dl class="ui-docmeta">
                <div><dt>STI</dt><dd class="mono">{{ $d->sti_number ?: '—' }}@if($d->sti_focus_at) <small>({{ $uae($d->sti_focus_at) }})</small>@endif</dd></div>
                <div><dt>STR</dt><dd class="mono">{{ $d->str_number ?: '—' }}@if($d->str_focus_at) <small>({{ $uae($d->str_focus_at) }})</small>@endif</dd></div>
            </dl>
            <ul class="ui-list">
            @foreach($allocations[$d->id] ?? [] as $a)@php($l=$lines->firstWhere('id',$a->stock_transfer_request_line_id))
                <li><span><span class="mono">{{ $l->sku_snapshot }}</span> × <b class="num">{{ $qty($a->quantity) }}</b> <small style="color:var(--text-3)">{{ $a->status }}</small></span>
                @if($d->status==='reserved' && $a->status==='reserved' && in_array($d->source_warehouse_id,$staffWarehouses))
                    <form method="POST" action="{{ route('inventory.transfers.adjust-allocation',$a->id) }}" class="ui-inline">@csrf<input name="quantity" inputmode="decimal" value="{{ $qty($a->quantity) }}" aria-label="New quantity for {{ $l->sku_snapshot }}" style="width:80px"><x-ui.button type="submit" size="sm">{{ __('transfers.change') }}</x-ui.button></form>
                @endif</li>
            @endforeach
            </ul>
            @if($d->status==='reserved')<p class="ui-sub">Quantities can be changed until the STI is registered; set 0 to drop a line. Mirror the change in Focus.</p>@endif
            @if($d->status==='reserved' && in_array($d->source_warehouse_id,$staffWarehouses))
                <form method="POST" action="{{ route('inventory.transfers.issue',$d->id) }}" class="ui-inline">@csrf
                    <input name="sti_number" required maxlength="80" placeholder="{{ __('transfers.sti_number') }}" aria-label="{{ __('transfers.sti_number') }}" class="mono" style="width:150px">
                    <input type="datetime-local" name="focus_at" required aria-label="{{ __('transfers.sti_time') }}">
                    <x-ui.button type="submit" variant="primary" size="sm">{{ __('transfers.register_sti') }}</x-ui.button>
                </form>
                <x-ui.button variant="danger" size="sm" data-ui-open="cancel-doc-{{ $d->id }}">{{ __('transfers.cancel_document') }}</x-ui.button>
            @endif
            @if($d->status==='issued' && in_array($d->destination_warehouse_id,$staffWarehouses))
                <form method="POST" action="{{ route('inventory.transfers.receive',$d->id) }}" class="ui-inline">@csrf
                    <input name="str_number" required maxlength="80" placeholder="{{ __('transfers.str_number') }}" aria-label="{{ __('transfers.str_number') }}" class="mono" style="width:150px">
                    <input type="datetime-local" name="focus_at" required aria-label="{{ __('transfers.str_time') }}">
                    <x-ui.button type="submit" variant="primary" size="sm">{{ __('transfers.register_str') }}</x-ui.button>
                </form>
            @endif
            @if($d->cancel_reason)<p class="ui-sub ui-text-bad">{{ __('transfers.cancelled_reason',['reason'=>$d->cancel_reason]) }}</p>@endif
        </section>
        @if($d->status==='reserved' && in_array($d->source_warehouse_id,$staffWarehouses))
            <x-ui.confirm id="cancel-doc-{{ $d->id }}" :title="__('transfers.cancel_document')" :action="route('inventory.transfers.cancel-document',$d->id)" :danger="true" :reason="true" :reason-label="__('transfers.cancel_reason')" :confirm="__('transfers.cancel_document')">{{ __('transfers.cancel_document_confirm') }}</x-ui.confirm>
        @endif
    @endforeach
    </div>
</x-ui.card>
@endif

<x-ui.card :title="__('transfers.lines')" :subtitle="__('transfers.lines_hint')" :padded="false">
    <x-ui.table>
        <thead><tr><th>{{ __('transfers.line') }}</th><th>{{ __('transfers.code') }}</th><th>{{ __('transfers.product') }}</th><th class="is-num">{{ __('transfers.requested') }}</th><th class="is-num">{{ __('transfers.approved') }}</th><th class="is-num">{{ __('transfers.unavailable') }}</th></tr></thead>
        <tbody>
        @foreach($lines as $line)
            <tr><td class="num">{{ $line->line_number }}</td><td class="mono">{{ $line->input_code }}</td><td><b class="mono">{{ $line->sku_snapshot }}</b><span class="ui-sub"><bdi>{{ $line->name_snapshot }}</bdi></span></td><td class="is-num">{{ $qty($line->requested_quantity) }}</td><td class="is-num">{{ $line->approved_quantity===null ? '—' : $qty($line->approved_quantity) }}</td><td class="is-num {{ (float)$line->unavailable_quantity>0 ? 'ui-text-warn' : '' }}">{{ $qty($line->unavailable_quantity) }}</td></tr>
        @endforeach
        </tbody>
    </x-ui.table>
    <details class="ui-disclosure"><summary>{{ __('transfers.original') }}</summary><pre>{{ $request->original_message }}</pre></details>
</x-ui.card>
</div>

@if($canCancel)
@foreach(array_filter(['rejected'=>$canApprove,'cancelled'=>true]) as $status=>$on)
<dialog id="close-{{ $status }}" class="ui-dialog" aria-labelledby="close-{{ $status }}-title">
    <form method="POST" action="{{ route('inventory.transfers.close',$request->id) }}">@csrf<input type="hidden" name="status" value="{{ $status }}">
        <h2 id="close-{{ $status }}-title">{{ $status==='rejected' ? __('transfers.reject') : __('transfers.cancel_request') }}</h2>
        <x-ui.field :label="__('ui.reason')" name="reason" for="close-{{ $status }}-reason" required><textarea id="close-{{ $status }}-reason" name="reason" required minlength="3" maxlength="1000"></textarea></x-ui.field>
        <div class="ui-actions"><x-ui.button variant="ghost" data-ui-close>{{ __('ui.cancel') }}</x-ui.button><x-ui.button type="submit" variant="danger" class="ui-btn--solid">{{ __('ui.confirm') }}</x-ui.button></div>
    </form>
</dialog>
@endforeach
@endif
@endsection