@extends('layouts.app')
@section('title',__('transfers.new_title'))
@section('content')
<x-ui.page-header :title="__('transfers.new_title')">
    <x-slot:actions><x-ui.button variant="ghost" :href="route('inventory.transfers.index')">{{ __('transfers.back') }}</x-ui.button></x-slot:actions>
</x-ui.page-header>
<x-ui.flash/>
@if($warehouses->isEmpty())<x-ui.alert type="warning">{{ __('transfers.no_destination') }}</x-ui.alert>@endif
@if(!$parsed)
<form method="POST" action="{{ route('inventory.transfers.preview') }}">@csrf
<x-ui.card :title="__('transfers.step_paste')" :subtitle="__('transfers.paste_hint')">
    <div class="ui-formgrid">
        <x-ui.field :label="__('transfers.destination_long')" name="destination_warehouse_id" required><select id="destination_warehouse_id" name="destination_warehouse_id" required>@foreach($warehouses as $w)<option value="{{ $w->id }}" @selected(old('destination_warehouse_id')==$w->id)>{{ $w->code }} · {{ $w->name }}</option>@endforeach</select></x-ui.field>
        <x-ui.field :label="__('transfers.receiver')" name="receiver_name"><input id="receiver_name" name="receiver_name" maxlength="150" value="{{ old('receiver_name') }}"></x-ui.field>
        <x-ui.field :label="__('transfers.message')" name="message" :hint="__('transfers.message_hint')" style="grid-column:1/-1" required><textarea id="message" name="message" rows="10" required maxlength="30000" class="mono" placeholder="WC-01 12&#10;6291000099999 4">{{ old('message') }}</textarea></x-ui.field>
        <x-ui.field :label="__('transfers.notes')" name="notes" style="grid-column:1/-1"><input id="notes" name="notes" maxlength="1000" value="{{ old('notes') }}"></x-ui.field>
    </div>
    <div class="ui-actions" style="margin-top:14px"><x-ui.button type="submit" variant="primary" :disabled="$warehouses->isEmpty()">{{ __('transfers.match') }}</x-ui.button></div>
</x-ui.card>
</form>
@else
<form method="POST" action="{{ route('inventory.transfers.store') }}">@csrf
@foreach(['destination_warehouse_id','receiver_name','message','notes'] as $field)<input type="hidden" name="{{ $field }}" value="{{ $input[$field] ?? '' }}">@endforeach
<x-ui.card :title="__('transfers.step_check')" :subtitle="__('transfers.check_hint',['destination'=>optional($warehouses->firstWhere('id',(int)$input['destination_warehouse_id']))->name])" :padded="false">
    <x-ui.table>
        <thead><tr><th>{{ __('transfers.include') }}</th><th>{{ __('transfers.line') }}</th><th>{{ __('transfers.code') }}</th><th>{{ __('transfers.product') }}</th><th>{{ __('transfers.quantity') }}</th></tr></thead>
        <tbody>
        @foreach($parsed as $i=>$line)
            <tr class="{{ count($line['candidates'])===0 ? 'ui-row-muted' : '' }}">
                <td><input type="checkbox" name="lines[{{ $i }}][include]" value="1" @checked(count($line['candidates'])>0) @disabled(count($line['candidates'])===0) aria-label="{{ __('transfers.include_line',['line'=>$line['line_number']]) }}"></td>
                <td class="num">{{ $line['line_number'] }}<input type="hidden" name="lines[{{ $i }}][line_number]" value="{{ $line['line_number'] }}"><input type="hidden" name="lines[{{ $i }}][code]" value="{{ $line['code'] }}"></td>
                <td class="mono">{{ $line['code'] }}</td>
                <td>@if(count($line['candidates'])===0)<span class="ui-text-warn">No product matches</span>@elseif(count($line['candidates'])===1)<input type="hidden" name="lines[{{ $i }}][company_product_id]" value="{{ $line['candidates'][0]->id }}"><b class="mono">{{ $line['candidates'][0]->sku }}</b><span class="ui-sub"><bdi>{{ $line['candidates'][0]->name }}</bdi></span>@else
                    <fieldset class="ui-choices"><legend>Choose one of {{ count($line['candidates']) }} matches</legend>
                    @foreach($line['candidates'] as $c)<label class="ui-choice"><input type="radio" name="lines[{{ $i }}][company_product_id]" value="{{ $c->id }}" required>@if(isset($photos[$c->id]))<img src="{{ $photos[$c->id] }}" alt="" width="44" height="44">@endif<span><b class="mono">{{ $c->sku }}</b><span class="ui-sub"><bdi>{{ $c->name }}</bdi></span></span></label>@endforeach
                    </fieldset>@endif</td>
                <td><input name="lines[{{ $i }}][quantity]" inputmode="decimal" value="{{ $line['quantity'] }}" aria-label="{{ __('transfers.quantity') }}" style="width:110px"></td>
            </tr>
        @endforeach
        </tbody>
    </x-ui.table>
</x-ui.card>
<div class="ui-formbar"><span style="color:var(--text-3)">{{ __('transfers.check_footer') }}</span><div class="ui-actions"><x-ui.button variant="ghost" :href="route('inventory.transfers.create')">{{ __('transfers.start_again') }}</x-ui.button><x-ui.button type="submit" variant="primary">{{ __('transfers.submit') }}</x-ui.button></div></div>
</form>
@endif
@endsection