@extends('layouts.app')
@section('title', __('stock_adjustment.manual_stock_adjustment'))

@section('content')
<section class="content-header">
    <h1 class="tw-text-xl md:tw-text-3xl tw-font-bold tw-text-black">@lang('stock_adjustment.manual_stock_adjustment')</h1>
</section>

<section class="content">
    @component('components.widget', ['class' => 'box-primary', 'title' => __('stock_adjustment.manual_stock_adjustment')])
        <div class="table-responsive">
            <table class="table table-bordered table-striped" id="manual_stock_adjustment_table">
                <thead>
                    <tr>
                        <th>@lang('messages.action')</th>
                        <th>@lang('sale.product')</th>
                        @foreach($stock_locations as $location)
                            <th>{{ $location->name }}</th>
                        @endforeach
                        <th>@lang('report.current_stock')</th>
                        <th>@lang('product.category')</th>
                        <th>@lang('product.brand')</th>
                        <th>@lang('product.sku')</th>
                    </tr>
                </thead>
            </table>
        </div>
    @endcomponent

    <div class="modal fade" id="manual_adjustment_modal" tabindex="-1" role="dialog" aria-hidden="true"></div>
</section>
@endsection

@section('javascript')
    <script>
        window.manualStockAdjustmentColumns = [
            {data: 'action', name: 'action', orderable: false, searchable: false},
            {data: 'product', name: 'product_name'},
            @foreach($stock_locations as $location)
                {data: 'stock_location_{{ $location->id }}', name: 'stock_location_{{ $location->id }}', orderable: false, searchable: false},
            @endforeach
            {data: 'current_stock', name: 'current_stock', orderable: false, searchable: false},
            {data: 'category_name', name: 'category_name'},
            {data: 'brand_name', name: 'brand_name'},
            {data: 'sub_sku', name: 'variations.sub_sku'}
        ];
    </script>
    <script src="{{ asset('js/manual_stock_adjustment.js?v=' . $asset_v) }}"></script>
@endsection