@extends('layouts.app')
@section('title', __('stock_reconciliation.view_title'))

@section('content')
    <section class="content-header">
        <br>
        <div class="tw-flex tw-flex-wrap tw-justify-between tw-items-start">
            <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">
                @lang('stock_reconciliation.view_title') - {{ $reconciliation->reference }}
            </h1>
            <button type="button" class="tw-dw-btn tw-dw-btn-outline tw-dw-btn-primary" onclick="window.print()">
                <i class="fa fa-print"></i> @lang('messages.print')
            </button>
        </div>
    </section>

    <section class="content">
        <div class="row">
            <div class="col-sm-3">
                @component('components.widget')
                    <span class="tw-text-gray-500">@lang('purchase.business_location')</span>
                    <div class="tw-text-xl tw-font-semibold">{{ optional($reconciliation->location)->name }}</div>
                @endcomponent
            </div>
            <div class="col-sm-3">
                @component('components.widget')
                    <span class="tw-text-gray-500">@lang('stock_reconciliation.counted_at')</span>
                    <div class="tw-text-xl tw-font-semibold">{{ @format_datetime($reconciliation->counted_at) }}</div>
                @endcomponent
            </div>
            <div class="col-sm-3">
                @component('components.widget')
                    <span class="tw-text-gray-500">@lang('lang_v1.added_by')</span>
                    <div class="tw-text-xl tw-font-semibold">{{ optional($reconciliation->creator)->user_full_name }}</div>
                @endcomponent
            </div>
            <div class="col-sm-3">
                @component('components.widget')
                    <span class="tw-text-gray-500">@lang('stock_reconciliation.net_impact')</span>
                    <div class="tw-text-xl tw-font-semibold">{{ $transactionUtil->num_f($reconciliation->net_value, true) }}</div>
                @endcomponent
            </div>
        </div>

        <div class="row">
            <div class="col-sm-4">
                @component('components.widget')
                    <span class="tw-text-gray-500">@lang('stock_reconciliation.total_shortage')</span>
                    <div class="tw-text-xl tw-font-semibold">{{ $transactionUtil->num_f($reconciliation->shortage_value, true) }}</div>
                @endcomponent
            </div>
            <div class="col-sm-4">
                @component('components.widget')
                    <span class="tw-text-gray-500">@lang('stock_reconciliation.total_overage')</span>
                    <div class="tw-text-xl tw-font-semibold">{{ $transactionUtil->num_f($reconciliation->overage_value, true) }}</div>
                @endcomponent
            </div>
            <div class="col-sm-4">
                @component('components.widget')
                    <span class="tw-text-gray-500">@lang('stock_reconciliation.notes')</span>
                    <div class="tw-text-base">{!! nl2br(e($reconciliation->notes)) !!}</div>
                @endcomponent
            </div>
        </div>

        <div class="row no-print">
            <div class="col-sm-12">
                <div class="alert alert-info">
                    {!! __('stock_reconciliation.net_explanation', [
                        'shortage' => $transactionUtil->num_f($reconciliation->shortage_value, true),
                        'overage' => $transactionUtil->num_f($reconciliation->overage_value, true),
                        'net' => $transactionUtil->num_f($reconciliation->net_value, true),
                    ]) !!}
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-12">
                @component('components.widget', ['class' => 'box-primary', 'title' => __('stock_reconciliation.lines_title')])
                    <div class="table-responsive">
                        <table class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>@lang('sale.product')</th>
                                    <th class="text-center">@lang('stock_reconciliation.system_qty')</th>
                                    <th class="text-center">@lang('stock_reconciliation.counted_qty')</th>
                                    <th class="text-center">@lang('stock_reconciliation.difference_qty')</th>
                                    <th class="text-center">@lang('stock_reconciliation.unit_cost')</th>
                                    <th class="text-center">@lang('stock_reconciliation.difference_value')</th>
                                    <th class="text-center">@lang('stock_reconciliation.difference_type')</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach($reconciliation->lines as $line)
                                    <tr>
                                        <td>
                                            <div class="tw-font-semibold">{{ optional($line->product)->name }}</div>
                                            <small class="text-muted">{{ optional($line->variation)->sub_sku }}</small>
                                        </td>
                                        <td class="text-center">{{ @format_quantity($line->system_quantity) }}</td>
                                        <td class="text-center">{{ @format_quantity($line->counted_quantity) }}</td>
                                        <td class="text-center">{{ @format_quantity($line->difference_quantity) }}</td>
                                        <td class="text-center">{{ $transactionUtil->num_f($line->unit_cost, true) }}</td>
                                        <td class="text-center">{{ $transactionUtil->num_f($line->difference_value, true) }}</td>
                                        <td class="text-center">
                                            <span class="label label-{{ $line->difference_type == 'shortage' ? 'danger' : ($line->difference_type == 'overage' ? 'success' : 'default') }}">
                                                @lang('stock_reconciliation.type_'.$line->difference_type)
                                            </span>
                                        </td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                @endcomponent
            </div>
        </div>
    </section>
@endsection