@php
    $is_warehouse_only = current_warehouse() == current_store(); 
@endphp
@extends('admin.layout.master')
@section('title', __('obs.log_list'))
@section('content')
    <div class="cl-card card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h4 class="card-title m-0">{{__('obs.log_list')}}</h4>
        </div>
        <div class="card-body">
            <div class="row gx-2 gy-1">
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="admin_id" class="form-label cl-form-label"> {{ __('obs.user') }} </label>
                    @include('v2.inventory.global.admin_dd', ['binder' => 'dataObj.admin_id'])
                </div>

                <div class="col-md-2 col-sm-4 col-6">
                    <label for="date_from" class="form-label cl-form-label">{{ __('obs.date_from') }}</label>
                    <input type="text" id="date_from" name="date_from" NsModelBind="dataObj.date_from"
                        class="form-control date-picker cl-form-control" value="{{ date('d-m-Y') }}" />
                </div>
                <div class="col-md-2 col-sm-4 col-6">
                    <label for="date_to" class="form-label cl-form-label">{{ __('obs.date_to') }}</label>
                    <input type="text" id="date_to" name="date_to" NsModelBind="dataObj.date_to"
                        class="form-control date-picker cl-form-control" value="{{ date('d-m-Y') }}" />
                </div>
                <div class="col">
                    <label for="" class="d-block">&nbsp;</label>
                    <button type="button" class="btn btn-coral cl-btn" onclick="getLogData()"> <i class="bi bi-filter"></i>
                        <span>{{__('obs.filter')}}</span>
                    </button>
                </div>
            </div>

            <div class="cl-table-container mt-3" id="div_tbl" style="max-height: calc(100vh - 190px);">
                <table class="table mb-0 rounded-2 cl-bg-gray-100 cl-table table-bordered">
                        <thead>
                            <th class="text-center">#</th>
                            <th class="text-center">{{__('obs.date')}}</th>
                            <th class="text-center">{{__('obs.admin')}}</th>
                            <th class="text-center">{{__('obs.product')}}</th>
                            <th class="text-center">{{__('obs.quantity')}}</th>
                            <th class="text-center">{{__('obs.action')}}</th>
                        </thead>
                </table>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        dataObj = {
            admin_id: '',
            date_from: date_picker_instances[0].element.value,
            date_to: date_picker_instances[1].element.value
        }

        const getLogData = () => {
            ajaxCallV2('/inventory/sales-item-log/index', 'GET', dataObj, (html) => {
                $('#div_tbl').html(html);
                $('#loader').hide();
            });
        }
    </script>
@endsection