@extends('layouts.app')
@section('title', __('Smartinventory::inventory.inventory'))
@section('css')
    
    <link rel="stylesheet" type="text/css" href="{{ url('css/inventory.css') }}"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css">
@endsection

@section('content')
    <ul class="nav nav-tabs">
        <li class="nav-item active">
            <a id="inventoryDone" class="nav-link" href="#">@lang('Smartinventory::inventory.products_inv_done')</a>
        </li>
        <li class="nav-item">
            <a id="inventoryUndone" class="nav-link" href="#">@lang('Smartinventory::inventory.products_inv_not_done')</a>
        </li>
    </ul>
    <section class="content-header">
        <h1>@lang('Smartinventory::inventory.stock_inventory')</h1>
    </section>

    <section class="content">
      
        <div class="box-body">
            <div class="row">
                <div class="col-sm-12">
                    <input type="hidden" id="product_row_index" value="0">
                    <input type="hidden" id="total_amount" name="final_total" value="0">
                    <div class="table-responsive">

                    </div>
                </div>
                <div class="clearfix"></div>

            </div>
        </div>
           @component('components.widget', ['class' => 'box-primary ', 'id'=>'doneProducts2','title' => __('Smartinventory::inventory.products_inv_done')])
            <div class="table-responsive">
        <table id="doneProducts" class="table table-bordered table-striped" style="width:100%">
            <thead>
            <tr>
                <th  style="text-align: right">@lang("Smartinventory::inventory.product_name")</th>
                <th  style="text-align: right">SKU</th>
                <th  class="@cannot('Smartinventory.current_qty')
                    hide
                @endcannot" style="text-align: right">@lang("Smartinventory::inventory.current_amount")</th>
                <th class="" style="text-align: right">@lang("Smartinventory::inventory.amount_after_inventory")</th>
                <th class=" @cannot('Smartinventory.deference_qty')
                    hide
                @endcannot" style="text-align: right">@lang("Smartinventory::inventory.amount_difference")</th>
                {{-- <th  style="text-align: right">@lang("Smartinventory::inventory.options")</th> --}}

            </tr>
            </thead>
            <tbody>
              @include("Smartinventory::partials.inventoryDoneList" , [$inventories ])
            </tbody>

        </table>
        </div>

        @endcomponent
          @component('components.widget', ['class' => 'box-primary ', 'id'=>'undoneProducts2', 'title' => __('Smartinventory::inventory.products_inv_not_done')])
            <div class="table-responsive">
        <table id="undoneProducts" class="table table-bordered table-striped" style="width:100%;">
            <thead>
            <tr>
                
                <th style="text-align: right">#</th>
                <th style="text-align: right">@lang("Smartinventory::inventory.product_name")</th>
                <th style="text-align: right">SKU</th>
                <th style="text-align: right">@lang("Smartinventory::inventory.current_amount")</th>
                {{-- <th  style="text-align: right">@lang("Smartinventory::inventory.amount_after_inventory")</th> --}}
                {{-- <th  style="text-align: right">@lang("Smartinventory::inventory.amount_difference")</th> --}}
                {{-- <th  style="text-align: right">@lang("Smartinventory::inventory.options")</th> --}}

            </tr>
            </thead>
            <tbody>
            @include("Smartinventory::partials.inventoryNotDoneList" , $notExistsProducts)
            </tbody>

        </table>
            </div>
            @endcomponent
    </section>

@endsection
@section('javascript')
  
    <script type="text/javascript">
        $(document).ready(function () {
            $('#doneProducts').DataTable({
                columnDefs: [
                    {
                        targets: [0],
                        orderData: [0, 1],
                    },
                    {
                        targets: [1],
                        orderData: [1, 0],
                    },
                    {
                        targets: [4],
                        orderData: [4, 0],
                    },
                ],
            });
            $('#undoneProducts').DataTable({
                columnDefs: [
                    {
                        targets: [0],
                        orderData: [0, 1],
                    },
                    {
                        targets: [1],
                        orderData: [1, 0],
                    }
                
                ],
            });
        });
    </script>
    <script src="{{ asset('js/purchase.js?v=' . $asset_v) }}"></script>
    {{-- <script src="{{ asset('js/inventory.js?v=' . $asset_v) }}"></script> --}}
    {{-- <script src="{{ asset('Smartinventory::js/inventory.js?v=' . $asset_v) }}"></script> --}}
    @include('Smartinventory::partials.mainscript')

    
    <script type="text/javascript">
        __page_leave_confirmation('#purchase_return_form');
    </script>
    <script src="//cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endsection