@extends('layouts.app')
@section('title', __('lang_v1.receive_stock_transfer'))

@section('content')

<!-- Content Header -->
<section class="content-header no-print">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">
        @lang('lang_v1.receive_stock_transfer')
        <small class="tw-text-gray-500 tw-text-base">#{{ $sell_transfer->ref_no }}</small>
    </h1>
    <ol class="breadcrumb">
        <li><a href="{{ action([\App\Http\Controllers\StockTransferController::class, 'index']) }}">@lang('lang_v1.stock_transfers')</a></li>
        <li class="active">@lang('lang_v1.receive_stock_transfer')</li>
    </ol>
</section>

<section class="content">
    <!-- Sub Menu -->
    <div class="horizontal-scroll mb-10">
        @include('layouts.sub_menu.stockTransfer')
    </div>

    <!-- Alert box -->
    <div class="callout callout-info" style="border-left-color: #FFB600; background: #fffbf0;">
        <h4 style="color:#c27d00;"><i class="fa fa-truck"></i> @lang('lang_v1.incoming_transfer')</h4>
        <p>
            <strong>@lang('lang_v1.location_from'):</strong> {{ $sell_transfer->location->name }}
            &nbsp;&rarr;&nbsp;
            <strong>@lang('lang_v1.location_to'):</strong> {{ $purchase_transfer->location->name }}
            &nbsp;&nbsp;|&nbsp;&nbsp;
            <strong>@lang('messages.date'):</strong> {{ @format_date($sell_transfer->transaction_date) }}
        </p>
    </div>

    {!! Form::open([
        'url'    => route('stock-transfers.accept', $sell_transfer->id),
        'method' => 'post',
        'id'     => 'receive_transfer_form'
    ]) !!}

    <!-- Products Table -->
    <div class="box box-primary">
        <div class="box-header with-border">
            <h3 class="box-title"><i class="fa fa-cubes"></i> @lang('lang_v1.transferred_products')</h3>
        </div>
        <div class="box-body">
            <div class="table-responsive">
                <table class="table table-bordered table-striped" id="receive_products_table">
                    <thead>
                        <tr style="background: #FFB600; color: #fff;">
                            <th>#</th>
                            <th>@lang('sale.product')</th>
                            @if($lot_n_exp_enabled)
                                <th>@lang('lang_v1.lot_n_expiry')</th>
                            @endif
                            <th class="text-center">@lang('lang_v1.expected_qty')</th>
                            <th class="text-center" style="width:180px;">@lang('lang_v1.actual_received_qty')</th>
                            <th class="text-center">@lang('lang_v1.discrepancy')</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($sell_transfer->sell_lines as $index => $sell_line)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>
                                <strong>{{ $sell_line->product->name }}</strong>
                                @if($sell_line->product->type == 'variable')
                                    <br>
                                    <small class="text-muted">
                                        {{ $sell_line->variations->product_variation->name ?? '' }}
                                        – {{ $sell_line->variations->name ?? '' }}
                                    </small>
                                @endif
                                <br>
                                <small class="text-muted">SKU: {{ $sell_line->variations->sub_sku ?? '' }}</small>
                            </td>
                            @if($lot_n_exp_enabled)
                                <td>
                                    @if(!empty($sell_line->lot_details))
                                        @if(!empty($sell_line->lot_details->lot_number))
                                            {{ $sell_line->lot_details->lot_number }}
                                        @endif
                                        @if(!empty($sell_line->lot_details->exp_date))
                                            <br><small>Exp: {{ @format_date($sell_line->lot_details->exp_date) }}</small>
                                        @endif
                                    @else
                                        –
                                    @endif
                                </td>
                            @endif
                            <td class="text-center">
                                <span class="expected-qty" data-line-id="{{ $sell_line->id }}">
                                    {{ @format_quantity($sell_line->quantity) }}
                                </span>
                                @if(!empty($sell_line->sub_unit))
                                    {{ $sell_line->sub_unit->short_name }}
                                @else
                                    {{ $sell_line->product->unit->short_name ?? '' }}
                                @endif
                            </td>
                            <td class="text-center">
                                <input
                                    type="number"
                                    name="actual_qty[{{ $sell_line->id }}]"
                                    id="actual_qty_{{ $sell_line->id }}"
                                    class="form-control actual-qty-input text-center"
                                    style="min-width:120px;"
                                    value="{{ @format_quantity($sell_line->quantity) }}"
                                    min="0"
                                    step="0.001"
                                    data-line-id="{{ $sell_line->id }}"
                                    data-expected="{{ $sell_line->quantity }}"
                                >
                            </td>
                            <td class="text-center" id="discrepancy_{{ $sell_line->id }}">
                                <span class="label label-success">@lang('lang_v1.matched')</span>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <!-- Receiver Notes -->
    <div class="box box-default">
        <div class="box-header with-border">
            <h3 class="box-title"><i class="fa fa-sticky-note-o"></i> @lang('purchase.additional_notes')</h3>
        </div>
        <div class="box-body">
            <div class="form-group">
                {!! Form::label('receiver_notes', __('lang_v1.receiver_notes') . ':') !!}
                {!! Form::textarea('receiver_notes', null, [
                    'class'       => 'form-control',
                    'rows'        => 3,
                    'placeholder' => __('lang_v1.receiver_notes_placeholder')
                ]) !!}
            </div>
        </div>
    </div>

    <!-- Action Buttons -->
    <div class="row">
        <div class="col-xs-12">
            <div class="pull-right">
                <a href="{{ action([\App\Http\Controllers\StockTransferController::class, 'index']) }}"
                   class="tw-dw-btn tw-dw-btn-neutral tw-text-white">
                    <i class="fa fa-arrow-left"></i> @lang('messages.back')
                </a>
                &nbsp;
                <button type="submit" name="transfer_action" value="reject"
                        id="reject_transfer_btn"
                        class="tw-dw-btn tw-dw-btn-error tw-text-white"
                        onclick="return confirm('@lang('lang_v1.confirm_reject_transfer')')">
                    <i class="fa fa-times"></i> @lang('lang_v1.reject_transfer')
                </button>
                &nbsp;
                <button type="submit" name="transfer_action" value="accept"
                        id="accept_transfer_btn"
                        class="tw-dw-btn tw-text-white tw-border-none tw-font-bold"
                        style="background-color: #27a745;">
                    <i class="fa fa-check"></i> @lang('lang_v1.accept_stock')
                </button>
            </div>
        </div>
    </div>

    {!! Form::close() !!}

</section>

@stop

@section('javascript')
<script>
$(document).ready(function() {

    // Real-time discrepancy calculation
    $(document).on('input change', '.actual-qty-input', function() {
        var lineId    = $(this).data('line-id');
        var expected  = parseFloat($(this).data('expected')) || 0;
        var actual    = parseFloat($(this).val()) || 0;
        var diff      = actual - expected;
        var $cell     = $('#discrepancy_' + lineId);

        if (Math.abs(diff) < 0.001) {
            $cell.html('<span class="label label-success"><i class="fa fa-check"></i> @lang("lang_v1.matched")</span>');
        } else if (diff < 0) {
            $cell.html('<span class="label label-danger"><i class="fa fa-arrow-down"></i> Short ' + Math.abs(diff).toFixed(3) + '</span>');
        } else {
            $cell.html('<span class="label label-warning"><i class="fa fa-arrow-up"></i> Excess ' + diff.toFixed(3) + '</span>');
        }
    });

    // Confirm accept if discrepancies exist
    $('#accept_transfer_btn').on('click', function(e) {
        var hasDiscrepancy = false;
        $('.actual-qty-input').each(function() {
            var expected = parseFloat($(this).data('expected')) || 0;
            var actual   = parseFloat($(this).val()) || 0;
            if (Math.abs(actual - expected) > 0.001) {
                hasDiscrepancy = true;
                return false;
            }
        });
        if (hasDiscrepancy) {
            if (!confirm('@lang("lang_v1.confirm_accept_with_discrepancy")')) {
                e.preventDefault();
                return false;
            }
        }
    });
});
</script>
@endsection