@extends('layouts.app')

@section('title', $mode === 'recount' ? __('inventory_count.recount_stock') : __('inventory_count.count_stock'))

@section('content')
<section class="content-header">
    <h1>
        {{ $mode === 'recount' ? __('inventory_count.recount_stock') : __('inventory_count.count_stock') }}
        <small>{{ $inventory_count->reference_no }} — {{ $inventory_count->name }}</small>
    </h1>
</section>

<section class="content">
    <div class="row">
        <div class="col-md-8">
            <div class="alert {{ $mode === 'recount' ? 'alert-warning' : 'alert-info' }}">
                <strong>{{ optional($inventory_count->location)->name }}</strong>
                @if($inventory_count->blind_count && !$showExpected)
                    — @lang('inventory_count.blind_count')
                @endif
                <br>
                @lang('inventory_count.guarded_snapshot_help')
            </div>
        </div>
        <div class="col-md-4 text-right no-print">
            <a href="{{ route('inventory-counts.show', $inventory_count) }}" class="btn btn-default">
                <i class="fa fa-arrow-left"></i> @lang('inventory_count.view')
            </a>
        </div>
    </div>

    @if($mode === 'recount' && $items->isEmpty())
        <div class="alert alert-success">@lang('inventory_count.no_recounts')</div>
    @else
        @component('components.widget', ['class' => 'box-primary'])
            <form method="GET" action="{{ route('inventory-counts.count', $inventory_count) }}" class="row no-print" style="margin-bottom: 15px;">
                <div class="col-md-5">
                    <input type="text" name="search" class="form-control" value="{{ request('search') }}" placeholder="{{ __('inventory_count.search_product') }}">
                </div>
                <div class="col-md-2">
                    <button class="btn btn-default"><i class="fa fa-search"></i> @lang('lang_v1.search')</button>
                </div>
            </form>

            @if($mode === 'first')
                <div class="form-group no-print">
                    <label for="inventory-barcode-scan">@lang('inventory_count.scan_barcode')</label>
                    <input type="text" id="inventory-barcode-scan" class="form-control input-lg" autocomplete="off" placeholder="{{ __('inventory_count.scan_barcode') }}">
                    <p class="help-block">@lang('inventory_count.scan_help')</p>
                    <div id="scan-message" class="text-info"></div>
                </div>
            @endif

            <form method="POST" action="{{ route('inventory-counts.update-counts', $inventory_count) }}" id="inventory-count-entry-form">
                @csrf
                @method('PUT')
                <div class="table-responsive">
                    <table class="table table-bordered table-striped" id="inventory-count-table">
                        <thead>
                            <tr>
                                <th>@lang('inventory_count.product')</th>
                                <th>@lang('inventory_count.sku')</th>
                                @if($showExpected)<th>@lang('inventory_count.system_quantity')</th>@endif
                                @if($mode === 'recount')<th>@lang('inventory_count.first_count')</th>@endif
                                <th>{{ $mode === 'recount' ? __('inventory_count.manager_recount') : __('inventory_count.first_count') }}</th>
                                @if($showExpected)<th>@lang('inventory_count.variance_quantity')</th>@endif
                                <th style="min-width: 230px;">@lang('inventory_count.serial_numbers')</th>
                                <th style="min-width: 180px;">@lang('inventory_count.notes')</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($items as $item)
                                @php
                                    $productLabel = optional($item->product)->name;
                                    if (optional($item->product)->type === 'variable') {
                                        $parts = array_filter([
                                            optional(optional($item->variation)->product_variation)->name,
                                            optional($item->variation)->name !== 'DUMMY' ? optional($item->variation)->name : null,
                                        ]);
                                        if ($parts) $productLabel .= ' - '.implode(' - ', $parts);
                                    }
                                    $quantity = $mode === 'recount' ? $item->recount_quantity : $item->first_count_quantity;
                                    $serials = $mode === 'recount' ? $item->recounted_serials : $item->counted_serials;
                                    $hasSerials = !empty($item->system_serials) || !empty($serials);
                                @endphp
                                <tr data-sku="{{ strtolower(optional($item->variation)->sub_sku) }}" data-item-id="{{ $item->id }}" class="{{ $item->needs_recount ? 'warning' : '' }}">
                                    <td>
                                        {{ $productLabel }}
                                        @if($item->needs_recount)<br><span class="label label-warning">@lang('inventory_count.needs_recount')</span>@endif
                                    </td>
                                    <td>{{ optional($item->variation)->sub_sku }}</td>
                                    @if($showExpected)
                                        <td><span class="display_currency" data-is_quantity="true">{{ $item->system_quantity }}</span></td>
                                    @endif
                                    @if($mode === 'recount')
                                        <td>{{ $item->first_count_quantity }}</td>
                                    @endif
                                    <td style="min-width: 130px;">
                                        <input
                                            type="number"
                                            min="0"
                                            step="{{ $hasSerials ? '1' : '0.0001' }}"
                                            class="form-control count-quantity"
                                            name="items[{{ $item->id }}][quantity]"
                                            value="{{ old('items.'.$item->id.'.quantity', $quantity) }}"
                                        >
                                    </td>
                                    @if($showExpected)
                                        <td>
                                            @if($quantity !== null)
                                                @php($rowVariance = (float)$quantity - (float)$item->system_quantity)
                                                <span class="{{ $rowVariance < 0 ? 'text-danger' : ($rowVariance > 0 ? 'text-success' : '') }}">{{ $rowVariance }}</span>
                                            @else
                                                —
                                            @endif
                                        </td>
                                    @endif
                                    <td>
                                        <textarea
                                            class="form-control serial-input"
                                            name="items[{{ $item->id }}][serial_numbers]"
                                            rows="3"
                                            placeholder="{{ __('inventory_count.serial_help') }}"
                                        >{{ old('items.'.$item->id.'.serial_numbers', implode("\n", $serials ?: [])) }}</textarea>
                                        @if(!empty($item->system_serials) && $showExpected)
                                            <small class="text-muted">{{ count($item->system_serials) }} expected serial(s)</small>
                                        @endif
                                    </td>
                                    <td>
                                        <textarea class="form-control" name="items[{{ $item->id }}][notes]" rows="2">{{ old('items.'.$item->id.'.notes', $item->notes) }}</textarea>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>

                <div class="text-center no-print">
                    <button type="submit" class="tw-dw-btn tw-dw-btn-primary tw-text-white tw-dw-btn-lg">
                        <i class="fa fa-save"></i> @lang('inventory_count.save_counts')
                    </button>
                </div>
            </form>

            <div class="text-center">{{ $items->links() }}</div>
        @endcomponent
    @endif

    @if($mode === 'first')
        <div class="box box-warning no-print">
            <div class="box-body text-center">
                <p>@lang('inventory_count.submit_warning')</p>
                <form method="POST" action="{{ route('inventory-counts.submit', $inventory_count) }}" onsubmit="return confirm('{{ __('inventory_count.submit_warning') }}')">
                    @csrf
                    <button class="btn btn-warning btn-lg"><i class="fa fa-send"></i> @lang('inventory_count.submit_count')</button>
                </form>
            </div>
        </div>
    @endif
</section>
@endsection

@section('javascript')
<script>
    $(document).ready(function () {
        var $scan = $('#inventory-barcode-scan');
        $scan.trigger('focus');

        $scan.on('keydown', function (event) {
            if (event.key !== 'Enter') return;
            event.preventDefault();
            var code = $.trim($(this).val()).toLowerCase();
            if (!code) return;

            var $row = $('#inventory-count-table tbody tr').filter(function () {
                return String($(this).data('sku')).toLowerCase() === code;
            }).first();

            if (!$row.length) {
                $('#scan-message').removeClass('text-success').addClass('text-danger').text('No row found for ' + code + ' on this page.');
            } else {
                var $quantity = $row.find('.count-quantity');
                var current = parseFloat($quantity.val() || 0);
                $quantity.val(current + 1).trigger('change');
                $row.addClass('success');
                $('html, body').animate({scrollTop: $row.offset().top - 140}, 150);
                $('#scan-message').removeClass('text-danger').addClass('text-success').text('Counted ' + code + '.');
                setTimeout(function () { $row.removeClass('success'); }, 1200);
            }
            $(this).val('').trigger('focus');
        });

        $('#inventory-count-entry-form').on('submit', function () {
            $(this).find('button[type=submit]').prop('disabled', true);
        });
    });
</script>
@endsection