@extends('admin.layout.master')
@section('title', 'Stock Count')
@section('custom_style')@endsection
@section('content')
    <div class="cl-card card border-secondary border-opacity-50 rounded-2">
        <div class="card-header px-2 d-flex justify-content-between align-items-center">
            <h6 class="card-title m-0">Stock Count</h6>
            <a href="{{ route('stock_count.create') }}" class="btn btn-success btn-sm">Create</a>
        </div>
        <div class="card-body">
            <div class="row">
                <div class="col-2"></div>
                <div class="col-2">
                    <label>Category</label>
                    {{-- <select name="category_code" id="category_code" class="form-control select_2" NsModelBind="filterObj.cat_code">
                        <option value="">Choose One</option>
                        @foreach ($categories as $category)
                            <option value="{{ $category->code }}">{{ $category->name_eng }}</option>
                        @endforeach
                    </select> --}}
                    @include('v2.inventory.global.category_dd', [
                        'binder'=> 'filterObj.cat_code'
                    ])
                </div>
                <div class="col-2">
                    <label>Date From</label>
                    <input type="text" value="{{ date('d-m-Y') }}" name='from' id="from" class="form-control date_picker"  NsModelBind="filterObj.from"/>
                </div>
                <div class="col-2">
                    <label>Date To</label>
                    <input type="text" value="{{ date('d-m-Y') }}" name='to' id="to" class="form-control date_picker"  NsModelBind="filterObj.to"/>
                </div>
                <div class="col-2">
                    <label for="" class="d-block">&nbsp;</label>
                    <button type="button" class="btn btn-primary btn-sm" onclick="search()">Search</button>
                </div>
            </div>
            <div class="row mt-4">
                <div class="col-12" id="div_tbl">

                </div>
            </div>
        </div>
    </div>
@endsection
@section('script')
    <script>
        const filterObj = {
            cat_code: '',
            from: null,
            to: null,
            is_filter: 1
        }

        function search() {
            console.log($('#category_code').val());
            
            ajaxCallV2('/stock-count/report', 'GET', filterObj, (res) => {
                $('#div_tbl').html(res);
                $('#loader').hide();
            }, (error) => {});
        }
    </script>
@append