@extends('layouts.admin-main')
@section('content')
    <div class="col-lg-12" style="position: relative;margin: auto;width: 100%">
        <div class="card-body shadow-1">
            <main id="js-page-content" role="main" class="page-content">
                <ol class="breadcrumb page-breadcrumb">
                    <li class="breadcrumb-item">{{ __('message.warehouse') }}</li>
{{--                    <li class="position-absolute pos-top pos-right d-none d-sm-block"><span class="js-get-date"></span></li>--}}
                </ol>
                <div class="row" >
                    @foreach($productCategories as $category)
                        <div class="col-sm-4 col-xl-4">
                            {{-- setting Fav image --}}
                            <a href="{{route('warehouse-product.index' , $category->id)}}" class="" style="cursor: pointer">
                                <div class="card card-body shadow-lg p-1 rounded overflow-hidden position-relative mb-g text-center" style="cursor: pointer;">
                                    <label class="pt-3" style="cursor: pointer" >
                                        <img src="{{$category->icon}}" style="width: 60px;padding-bottom: 20px;cursor: pointer">
                                        <div class="text-light" style="font-size: 15px;cursor: pointer;">
                                            <p class="text-dark" style="font-size: 16px">{{$category->name}}</p>
                                        </div>
                                    </label>
                                </div>
                            </a>
                        </div>
                    @endforeach
                        <div class="col-sm-4 col-xl-4">
                            <a href="{{route('warehouse-product.accessory')}}" class="" style="cursor: pointer">
                                <div class="card card-body shadow-lg p-1 rounded overflow-hidden position-relative mb-g text-center" style="cursor: pointer;">
                                    <label class="pt-3" style="cursor: pointer" >
                                        <img src="{{asset('all_weight.png')}}" style="width: 60px;padding-bottom: 20px;cursor: pointer">
                                        <div class="text-light" style="font-size: 15px;cursor: pointer;">
                                            <p class="text-dark" style="font-size: 16px">{{__('message.not for sale')}}</p>
                                        </div>
                                    </label>
                                </div>
                            </a>
                        </div>



{{--                    <div class="col-sm-3 col-xl-3">--}}
{{--                        --}}{{-- setting Fav image --}}
{{--                        <a href="#" class="">--}}
{{--                            <div class="card card-body p-1 rounded overflow-hidden position-relative mb-g text-center" style="cursor: pointer;">--}}
{{--                                <label class="pt-3" >--}}
{{--                                    <img src="{{asset('icon-png/gold.png')}}" style="width: 60px;padding-bottom: 20px;">--}}
{{--                                    <div class="text-light" style="font-size: 15px;">--}}
{{--                                        <p class="text-dark">របាយការណ៍ មាស</p>--}}
{{--                                        <label class="text-dark">--}}
{{--                                            {{__('message.report gold')}}--}}
{{--                                        </label>--}}
{{--                                    </div>--}}
{{--                                </label>--}}
{{--                              </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-sm-3 col-xl-3">--}}
{{--                        --}}{{-- setting Fav image --}}
{{--                        <a href="#" class="">--}}
{{--                            <div class="p-1 card card-body rounded overflow-hidden position-relative mb-g text-center" style="cursor: pointer;">--}}
{{--                                <label class="pt-3" >--}}
{{--                                    <img src="{{asset('icon-png/platinum.png')}}" style="width: 60px;padding-bottom: 20px;">--}}
{{--                                    <div class="text-light" style="font-size: 15px;cursor: pointer">--}}
{{--                                        <p class="text-dark">របាយការណ៍ ផ្លាកទីន</p>--}}
{{--                                        <label class="text-dark">--}}
{{--                                            {{__('message.report platinum')}}--}}
{{--                                        </label>--}}
{{--                                    </div>--}}
{{--                                </label>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
{{--                    <div class="col-sm-3 col-xl-3">--}}
{{--                        --}}{{-- setting Fav image --}}
{{--                        <a href="#" class="">--}}
{{--                            <div class="p-1 card card-body rounded overflow-hidden position-relative mb-g text-center" style="cursor: pointer;">--}}
{{--                                <label class="pt-3" >--}}
{{--                                    <img src="{{asset('icon-png/gems.png')}}" style="width: 60px;padding-bottom: 20px;">--}}
{{--                                    <div class="text-light" style="font-size: 15px;cursor: pointer">--}}
{{--                                        <p class="text-dark">របាយការណ៍ ត្បូង</p>--}}
{{--                                        <label class="text-dark">--}}
{{--                                            {{__('message.report gems')}}--}}
{{--                                        </label>--}}
{{--                                    </div>--}}
{{--                                </label>--}}
{{--                            </div>--}}
{{--                        </a>--}}
{{--                    </div>--}}
                </div>
            </main>
        </div>
{{--        <div id="positions" style="width: 100%;position:absolute;bottom: 0">--}}
{{--            <div class="row">--}}
{{--                <div class="col-sm-4 col-xl-4">--}}
{{--                    <a href="#" class="" >--}}
{{--                        <div class="p-1 bg-primary-900 rounded overflow-hidden position-relative text-white mb-g text-center btn-primary" style="cursor: pointer;">--}}
{{--                            <label class="pt-3" style="cursor: pointer">--}}
{{--                                <div class="text-light" style="font-size: 13px;">--}}
{{--                                    <p>ដក/ដាក់ប្រាក់</p>--}}
{{--                                    <label style="cursor: pointer">--}}
{{--                                        {{__('message.cash in/out')}}--}}
{{--                                    </label>--}}
{{--                                </div>--}}
{{--                            </label>--}}
{{--                        </div>--}}
{{--                    </a>--}}
{{--                </div>--}}
{{--                <div class="col-sm-4 col-xl-4">--}}
{{--                    <a href="#" class="">--}}
{{--                        <div class="p-1 bg-primary-900 rounded overflow-hidden position-relative text-white mb-g text-center btn-primary" style="cursor: pointer;">--}}
{{--                            <label class="pt-3"  style="cursor: pointer">--}}
{{--                                <div class="text-light" style="font-size: 13px;">--}}
{{--                                    <p>ការកំណត់</p>--}}
{{--                                    <label  style="cursor: pointer">--}}
{{--                                        {{__('message.setting')}}--}}
{{--                                    </label>--}}
{{--                                </div>--}}
{{--                            </label>--}}
{{--                        </div>--}}
{{--                    </a>--}}
{{--                </div>--}}
{{--                <div class="col-sm-4 col-xl-4">--}}
{{--                    <a href="{{ route('logout') }}" title="{{ __('message.logout') }}" data-filter-tags=""--}}
{{--                       onclick="return confirm('{{ __('message.do you want to logout?') }}')" class="text-white fw-bold">--}}
{{--                        <div class="p-1 bg-primary-900 rounded overflow-hidden position-relative text-white mb-g text-center btn-primary" style="cursor: pointer;">--}}
{{--                            <label class="pt-3"  style="cursor: pointer">--}}
{{--                                <div class="text-light text-white fw-bold" style="font-size: 13px;">--}}
{{--                                    <p>ចាក់ចេញ</p>--}}
{{--                                    <label  style="cursor: pointer">--}}
{{--                                        {{__('message.log out')}}--}}
{{--                                    </label>--}}
{{--                                </div>--}}
{{--                            </label>--}}
{{--                        </div>--}}
{{--                    </a>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>
    {{-- @include('app.modal') --}}

@endsection

@section('scripts')
    @include('app.datepicker-js-config')
    <script>
        function myFunction(x) {
            var positions = document.getElementById('positions');
            if (x.matches) { // If media query matches
                positions.style.position = "relative";
            } else {
                positions.style.position = "absolute";
            }
        }

        // Create a MediaQueryList object
        var x = window.matchMedia("(max-width: 600px)");

        // Call listener function at run time
        myFunction(x);

        // Attach listener function on state changes
        x.addEventListener("change", function() {
            myFunction(x);
        });
    </script>
    <script>
        // date earchform  strt_date to EndDate
        $(document).ready(function() {
            $(".ranges > ul > li").click(function() {
                setTimeout(function() {
                    $('#search-form').submit();
                }, 100);

            });
        });
        // date
        var runDatePicker = function() {
            // enable clear button
            $('#datepicker-3').datepicker({
                todayBtn: "linked",
                clearBtn: true,
                todayHighlight: true,
                templates: controls
            });
        }
    </script>
    <script>
        $(document).ready(function() {
            $("#js-nav-menu").removeClass('active');
            $("#js-nav-menu li ul li").removeClass('active');
            $("#menu_stock_list").addClass('active open');
            $("#collapse_stock").addClass('collapse in')
            $("#menu_expense_options").addClass('active')
        })
    </script>
@endsection
@section('meta')
    <title>{{__('message.stock report')}} - {{$settings_->shop_name}}</title>
@endsection