@php
    $params = request()->item_type_from_request == null;
    $params = $params ? [] : ['version' => 3];
@endphp
@extends('admin.layout.master', $params)
@section('title', 'PRODUCTS')
@section('content')
    <style>
        .custom-td {
            white-space: pre-wrap;
            word-wrap: break-word;
        }

        .table th,
        .table td {
            vertical-align: middle;
        }
    </style>
    <div class="card sina-card">
        <div class="card-header d-flex flex-wrap justify-content-between align-items-center">
            <h4>{{ __('obs.products') }}</h4>
            <div>
                <a class="btn btn-light" type="button" name="button" onclick="createProduct()">
                    <i class="fas fa-plus-circle"></i>
                    {{ __('obs.add_new') }}
                </a>
            </div>
        </div>
        <div class="card-body">
            <div class="row g-2">
                <div class="col-lg-2 col-md-4 col-sm-6">
                    <label for="status">{{ __('obs.status') }}</label>
                    <select class=" form-control" style="width: 100%" name="status" id="status">
                        <option value=""> -- {{ __('obs.select') }} -- </option>
                        <option value="1" selected> {{ __('obs.active') }} </option>
                        <option value="0"> {{ __('obs.inactive') }} </option>
                    </select>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6">
                    <label for="product_id">{{ __('obs.product') }}</label>
                    @include('v2.inventory.global.product_live_dd', ['skip_add_new' => true, 'reqParam'=> ['all_product'=> 1]])
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6">
                    <label for="category_id">{{ __('obs.category') }}</label>
                    <select class="form-control " style="width: 100%" name="category_id" id="category_id">
                        <option value="" selected> -- {{ __('obs.select_category') }} -- </option>
                        @forelse ($categories as $cat)
                            <option value="{{ $cat->code }}"> {{ $cat->name_eng . ' (' . $cat->code . ')' }} </option>
                            @forelse ($cat->child as $sub_cat)
                                <option value="{{ $sub_cat->code }}">&nbsp;&nbsp; {{ $sub_cat->name_eng }}</option>
                                @forelse ($sub_cat->child as $sub_sub_cat)
                                    <option value="{{ $sub_sub_cat->code }}">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                        {{ $sub_sub_cat->name_eng }}</option>
                                @empty
                                @endforelse
                            @empty
                            @endforelse

                        @empty
                        @endforelse
                    </select>
                </div>
                <div class="col-lg-2 col-md-3 col-sm-6">
                    <label for="filter_by">Filter Order</label>
                    <select class="form-control" style="width: 100%" name="filter_by" id="filter_by">
                        <option value="asc" selected> Ascending </option>
                        <option value="desc"> Descending </option>
                    </select>
                </div>
                @if (@$is_agro)
                    @include('v2.agro.cow.cattle_filter_btn')
                @endif
                <div class="col">
                    <label for="" class="d-sm-block d-none">&nbsp;</label>
                    <button class="btn btn-primary" name="filter" id="filter" onclick="getProducts()">
                        <i class="bi bi-funnel"></i>
                        {{ __('obs.filter') }}
                    </button>
                </div>
                @if (checkAuthPermission('product.inactive_products') || active_user() == 1)
                    <div class="col">
                        <label for="" class="d-sm-block d-none">&nbsp;</label>
                        <button class="btn btn-danger" name="inactive" id="inactive" onclick="disableProductWithoutStock()">
                            <i class="bi bi-funnel"></i>
                            {{ __('obs.inactive') }}
                        </button>
                    </div>
                @endif
                @if (checkAuthPermission('product.product_stock_review') || active_user() == 1)
                    <div class="col">
                        <label for="" class="d-sm-block d-none">&nbsp;</label>
                        <button class="btn btn-success" name="reset_all_stock" id="reset_all_stock" onclick="resetProductStock()">
                            <i class="bi bi-funnel"></i>
                            {{ __('obs.reset_all_stock') }}
                        </button>
                    </div>
                @endif
            </div>
            <hr />
            <div class="row" id="div_tbl">
                <div class="col-12">
                    <div class="cl-table-container" style="max-height: calc(100vh - 250px);">
                        <table class="table cl-table table-bordered table-hover">
                            @php $settings = getDefaultSettings(null, 2) @endphp
                            <thead>
                                <tr>
                                    <th class="cl-fixed-cell-end">#</th>
                                    <th class="cl-fixed-cell-end">{{ __('obs.name') }}</th>
                                    <th>{{ __('obs.local') }}</th>
                                    <th>{{ __('obs.short_name') }}</th>
                                    <th>{{ __('obs.item_group') }}</th>
                                    <th>{{ __('obs.serial') }}</th>
                                    <th>{{ __('obs.barcode') }}</th>
                                    <th>{{ __('obs.category_name') }}</th>
                                    <th>{{ __('obs.buy_price') }}</th>
                                    <th>{{ __('obs.sell_price') }}</th>
                                    @if ($settings->dual_unit != null)
                                        <th>{{ __('obs.buy_price') }}({{ __('obs.primary') }})</th>
                                        <th>{{ __('obs.sell_price') }}({{ __('obs.primary') }})</th>
                                    @endif
                                    <th>{{ __('obs.fixed_commission') }}</th>
                                    <th>{{ __('obs.image') }}</th>
                                    <th>{{ __('obs.status') }}</th>
                                    <th>{{ __('obs.action') }}</th>
                                </tr>
                            </thead>
                            <tbody id="tbl_body">
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

            @if (!@$is_agro)
                @include('v2.inventory.product.product_create_update', ['ret_type' => 1])
            @else
                {{-- For Agro --}}
                @include('v2.agro.cow.product_create_update', ['ret_type' => 1])
            @endif

            {{-- For Quick Posting --}}
            {{-- @include('v2.inventory.global.quick_posting.q_party_create', ['type' => 1]) --}}
            @include('v2.inventory.global.quick_posting.q_item_group_create')
            @include('v2.inventory.global.quick_posting.q_cost_center_create')
            {{-- END --}}

            @include('admin.global.loader')
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('.select_2').select2();
        })
        const statusUrl = '/inventory/product/change-status';
        const is_agro = {{ @$is_agro ?? 0 }};
        const item_type = "{{ request()->item_type_from_request }}";
        const fixed_code = is_agro == 1 ? {{ warehouse_info()->cow_category_code ?? 'null' }} : null;

        const getProducts = (page = 1) => {
            ajaxCallV2('/inventory/product/index', 'GET', {
                status: $('#status').val(),
                product_id: $('#product_id').val(),
                category_id: $('#category_id').val(),
                filter_by: $('#filter_by').val(),
                item_per_page: $('#item_per_page').val(),
                page: page,
                row_count: page == 1 ? 0 : (rowCount ?? 0),
                item_type: item_type && item_type != '' ? item_type : null,
                ...is_agro && {
                    buy_price_code: $('#gender').val(),
                    section_id: $('#milking_cow').val(),
                    buy_price: $('#buy_price').val(),
                    cbm: $('#weight').val(),
                    cost_center_id: $('#cost_center_id').val(),
                },
                is_agro: is_agro
            }, (html) => {
                $('#div_tbl').html(html);
                // $('#tbl_pro').dataTable();
                reInitializeFixedCellTable();
                $('#loader').hide();
                console.log(productPaginateData);

            });
        }

        const callbackAfterPostingProduct = (res) => {
            $('#productModal').modal('hide');
            if (typeof('#name_eng_' + res.id) == 'undefined') getProducts();
            else {
                $('#name_eng_' + res.id).text(res.name_eng);
                $('#name_local_' + res.id).text(res.name_local);
                $('#short_name_' + res.id).text(res.short_name);
                $('#serial_' + res.id).text(res.serial);
                $('#barcode_' + res.id).text(res.barcode);
                $('#buy_price_' + res.id).text(res.buy_price);
                $('#sell_price_' + res.id).text(res.sell_price);
                $('#fixed_commission_' + res.id).text(res.fixed_commission);
            }
        }

        const changeProductionStatus = (id, callback) => {
            ajaxCallV2('/agro/cow/change-production-status', 'POST', {
                id: id
            }, (res) => {
                callSweetAlert('success', `<p class="text-info">${res}</p>`, '');
                $('#loader').hide('slow');
                if (typeof callback != 'undefined') callback();
            });
        }

        const disableProductWithoutStock = () => {
            ajaxCallV2('/inventory/product/inactive-products', 'POST', {}, (html) => getProducts());
        }

        const resetProductStock = () => {
            ajaxCallV2('/inventory/product/product-stock-review', 'POST', {product_id: $('#product_id').val()}, (html) => {
                callSweetAlert('success', 'Stock Updated Successfully..!!')
                $('#loader').hide();
            });
        }
    </script>
@append