@extends('layouts.master')
@section('css')
<!-- Internal Data table css -->
<link href="{{ URL::asset('assets/plugins/datatable/css/dataTables.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/buttons.bootstrap4.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.bootstrap4.min.css') }}" rel="stylesheet" />
<link href="{{ URL::asset('assets/plugins/datatable/css/jquery.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/datatable/css/responsive.dataTables.min.css') }}" rel="stylesheet">
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

<!-- Internal Spectrum-colorpicker css -->
<link href="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.css') }}" rel="stylesheet">

<!-- Internal Select2 css -->
<link href="{{ URL::asset('assets/plugins/select2/css/select2.min.css') }}" rel="stylesheet">

@section('title')
{{ __('home.stock') }}@stop
@endsection
@section('page-header')
<div class="main-parent">
    <!-- breadcrumb -->

    <div class="breadcrumb-header justify-content-between parent-heading">
        <div class="my-auto">
            <div class="d-flex">
                <h4 class="content-title mb-0 my-auto">&nbsp;&nbsp;{{ __('home.stock') }}</h4><span class="text-muted mt-1 tx-13 mr-2 mb-0">
                </span>
            </div>
        </div>
    </div>

    <!-- breadcrumb -->
    @endsection
    @section('content')

    @if (count($errors) > 0)
    <div class="alert alert-danger">
        <button aria-label="Close" class="close" data-dismiss="alert" type="button">
            <span aria-hidden="true">&times;</span>
        </button>
        <strong>خطا</strong>
        <ul>
            @foreach ($errors->all() as $error)
            <li>{{ $error }}</li>
            @endforeach
        </ul>
    </div>
    @endif
    <input type="hidden" id="token_search" value="{{ csrf_token() }}">

    <!-- row -->
    <div class="row">

        <div class="col-xl-12">
            <div class="card mg-b-20">


                <div class="card-header pb-0">


                    {{ csrf_field() }}



                                        <div class="col-xl-12">
    <div style="border-radius: 10px" class="card mg-b-20">
        <div class="card-body p-5">
            <div class="row">
                <div class="col-lg-3 mb-2">
                    <label for="inputName" style="font-weight: bold" class="control-label parent-label"> {{__('home.searchaboutproduct')}} </label>
                    <input dir="ltr" type="text" class="form-control parent-input" placeholder="{{ __('home.Search By Name or Product Number') }}" id="searchaboutproduct" name="searchaboutproduct" onkeyup="searchaboutproductfunction()">
                </div>

                <div class="col-lg-3 mb-2">
                    <label for="inputName" class="control-label parent-label">{{ __('home.groups') }}</label>
                    <select style="width:100%!important" name="product_group" id="product_group" class="form-control select2" onchange="performGeneralSearch()">
                        <option value="0"> الكل </option>
                        @foreach (App\Models\products_group::get() as $section)
                            <option value="{{ $section->id }}"> {{ $section->group_ar }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-lg-2 mb-2">
                    <p class="mg-b-10 parent-label"> {{ __('users.branch') }} </p>
                    <select class="form-control select2" name="branchs_id" id="branchs_id" onchange="performGeneralSearch()">
                        <option value="0"> الكل </option>
                        @foreach (App\Models\branchs::get() as $section)
                            <option value="{{ $section->id }}"> {{ $section->name }}</option>
                        @endforeach
                    </select>
                </div>

                <div class="col-lg-2 mb-2">
                    <p class="mg-b-10 parent-label"> {{ __('supprocesses.product_type') }} </p>
                    <select class="form-control select2" name="product_type_id" id="product_type_id" onchange="performGeneralSearch()">
                        <option value="0"> الكل </option>
                        @foreach (App\Models\ProductType::where('status', 1)->get() as $type)
                            <option value="{{ $type->id }}">
                                {{ app()->getLocale() == 'ar' ? $type->name_ar : $type->name_en }}
                            </option>
                        @endforeach
                    </select>
                </div>

                <div class="col-lg-2 mb-2">
                    <p class="mg-b-10 parent-label"> {{ __('supprocesses.brand') }} </p>
                    <select class="form-control select2" name="brand_id" id="brand_id" onchange="performGeneralSearch()">
                        <option value="0"> الكل </option>
                        @foreach (App\Models\Brand::where('status', 1)->get() as $brand)
                            <option value="{{ $brand->id }}">
                                {{ app()->getLocale() == 'ar' ? $brand->name_ar : $brand->name_en }}
                            </option>
                        @endforeach
                    </select>
                </div>
            </div>

            <br>
            <div id="ajax_responce_serarchDiv" class="table-responsive text-center">
                <p class="text-muted">جاري تحميل المنتجات...</p>
            </div>
        </div>
    </div>
</div>

                </div>


            </div>
        </div>
        <!-- row closed -->
    </div>
    <!-- Container closed -->
</div>
<!-- main-content closed -->
</div>

    <div class="modal p-3" id="delete_quotation">
        <div style="margin: 0 9% !important;" class="modal-dialog modal-dialog-centered modal-special" role="document">
            <div class="modal-content modal-content-demo p-3">
                <form>
                    <div class="modal-header">
                        <h6 class="modal-title"> {{ __('home.alert') }} </h6><button aria-label="Close" class="close close-special" data-dismiss="modal" type="button"><span aria-hidden="true">&times;</span></button>
                    </div>
                    {{ csrf_field() }}
                    <div class="row mb-1">
                        <div class="col-lg-6 col-md-6 col-md-4 mb-2">
                            <label style="font-size: 12px;" for="inputName" class="control-label parent-label"> {{ __('home.Are_you_sure_delete') }}</label>
                        </div>


                    </div>

                        <input type="text" hidden class="form-control parent-input" name="delete_id" id="delete_id" >

                    <br>
                     <div class="modal-footer">
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{ __('home.cancel') }}</button>
                <button id="delete_quotation_function" name="delete_quotation_function" data-dismiss="modal" class="btn btn-danger">{{ __('home.confirm') }}</button>
            </div>
            </div>

        </div>
    </div>
</div>

@endsection
@section('js')
<!-- Internal Data tables -->

<script src="{{ URL::asset('assets/plugins/datatable/js/dataTables.responsive.min.js') }}"></script>
<script src="{{ URL::asset('assets/plugins/datatable/js/responsive.bootstrap4.min.js') }}"></script>
<!--Internal  Datatable js -->
<script src="{{ URL::asset('assets/js/table-data.js') }}"></script>

<!--Internal  Datepicker js -->
<script src="{{ URL::asset('assets/plugins/jquery-ui/ui/widgets/datepicker.js') }}"></script>
<!--Internal  jquery.maskedinput js -->
<script src="{{ URL::asset('assets/plugins/jquery.maskedinput/jquery.maskedinput.js') }}"></script>
<!--Internal  spectrum-colorpicker js -->
<script src="{{ URL::asset('assets/plugins/spectrum-colorpicker/spectrum.js') }}"></script>
<!-- Internal Select2.min js -->
<script src="{{ URL::asset('assets/plugins/select2/js/select2.min.js') }}"></script>
<!--Internal Ion.rangeSlider.min js -->
<script src="{{ URL::asset('assets/plugins/ion-rangeslider/js/ion.rangeSlider.min.js') }}"></script>
<!--Internal  jquery-simple-datetimepicker js -->
<script src="{{ URL::asset('assets/plugins/amazeui-datetimepicker/js/amazeui.datetimepicker.min.js') }}"></script>
<!-- Ionicons js -->
<script src="{{ URL::asset('assets/plugins/jquery-simple-datetimepicker/jquery.simple-dtpicker.js') }}"></script>
<!--Internal  pickerjs js -->
<script src="{{ URL::asset('assets/plugins/pickerjs/picker.min.js') }}"></script>
<!-- Internal form-elements js -->
<script src="{{ URL::asset('assets/js/form-elements.js') }}"></script>

<script>
    $(document).ready(function() {
        // تشغيل البحث فوراً عند فتح الصفحة عشان الجدول يظهر بالداتا الابتدائية
        performGeneralSearch();

        // لو بتستخدم مكتبة Select2 لازم نربطها بحدث التغيير
        $('.select2').on('change', function (e) {
            performGeneralSearch();
        });
    });

    function performGeneralSearch(customUrl = null) {
        // التأكد من الرابط الصحيح
        var url = customUrl ? customUrl : "{{ URL::to('searchAllproductpaginatenew_by_post') }}";

        // سحب الـ Token (مهم جداً لمنع خطأ 419)
        var token = $("#token_search").val() || $('meta[name="csrf-token"]').attr('content');

        var data = {
            "_token": token,
            "searchtext": $('#searchaboutproduct').val() || '',
            "branchs_id": $("#branchs_id").val(),
            "group_id": $("#product_group").val(),
            "product_type_id": $("#product_type_id").val(),
            "brand_id": $("#brand_id").val(),
        };

        jQuery.ajax({
            url: url,
            type: 'post',
            cache: false,
            dataType: 'html',
            data: data,
            success: function(response) {
                // استبدال محتوى الـ Div بالجدول الجديد القادم من الكنترولر
                $("#ajax_responce_serarchDiv").html(response);
            },
            error: function() {
                console.log("حدث خطأ في جلب البيانات");
            }
        });
    }

    // الدالة دي مربوطة بـ onkeyup في حقل البحث النصي
    function searchaboutproductfunction() {
        performGeneralSearch();
    }
</script>
<script>
    var date = $('.fc-datepicker').datepicker({
        dateFormat: 'yy-mm-dd'
    }).val();
        $('#delete_quotation').on('show.bs.modal', function(event) {
        var button = $(event.relatedTarget)
        var id = button.data('id')
        $('#delete_id').val(id)
    });

        $("#delete_quotation_function").click(function(e) {


            var selectCustomer = $('#delete_id').val();
        if (selectCustomer != '') {
            $.ajax({
                url: " {{URL::to('delete_product')}}" + "/" + selectCustomer,
                type: "GET",
                dataType: "html",
                success: function(products) {
                $("#ajax_responce_serarchDiv").html(products);


                },
            });
        } else {

        }

        });





</script>



{{-- Update ( 24/4/2023 ) --}}

<script>


function searchaboutproductfunction() {
        searchtext = $('#searchaboutproduct').val();
        var token_search = $("#token_search").val();
        var selectclientid = $("#branchs_id").val();

        var product_type_id = $("#product_type_id").val();
        var brand_id = $("#brand_id").val();


        jQuery.ajax({
                url:  "{{ URL::to('searchAllproductpaginatenew_by_post')}}",
                type: 'post',
                cache: false,
                dataType: 'html',
                data: {
                    "_token": token_search,
                    "searchtext": searchtext,
                    "branchs_id": selectclientid,
                    "product_type_id": product_type_id,
                    "brand_id": brand_id,

                },
            success: function(data) {
                $("#ajax_responce_serarchDiv").html(data);
            },

        });

    }




    $(document).on('click', '#ajax_pagination_in_search a ', function(e) {
        e.preventDefault();
        var search_by_text = $("#search_by_text").val();
        var url = $(this).attr("href");
        var token_search = $("#token_search").val();
        var selectclientid = $("#branchs_id").val();
        // سحب القيم الجديدة هنا أيضاً لضمان استمرار الفلترة مع التنقل بين الصفحات
        var product_type_id = $("#product_type_id").val();
        var brand_id = $("#brand_id").val();

        jQuery.ajax({
            url: url,
            type: 'post',
                cache: false,
                dataType: 'html',
                data: {
                    "_token": token_search,
                    "searchtext": search_by_text,
                    "branchs_id": selectclientid,
                    "product_type_id": product_type_id,
                    "brand_id": brand_id,

                },
            success: function(data) {
                console.log(data)
                $("#ajax_responce_serarchDiv").html(data);
            },
            error: function() {

            }
        });
    });


</script>

{{-- End Update ( 24/4/2023 ) --}}







<script>
    $(document).ready(function() {


        searchtext = '';
        var token_search = $("#token_search").val();
        var selectclientid = $("#branchs_id").val();
        var product_type_id = $("#product_type_id").val();
        var brand_id = $("#brand_id").val();
        jQuery.ajax({
                url:  "{{ URL::to('searchAllproductpaginatenew_by_post')}}",
                type: 'post',
                cache: false,
                dataType: 'html',
                data: {
                    "_token": token_search,
                    "searchtext": searchtext,
                    "branchs_id": selectclientid,
                    "product_type_id": product_type_id, // ضيفها هنا
                    "brand_id": brand_id,

                },
            success: function(data) {
                $("#ajax_responce_serarchDiv").html(data);
            },

        });



        $('select[name="product_group"]').on('change', function() {
            var selectclientid = $(this).val();
            var token_search = $("#token_search").val();
                    var search_by_text = $("#search_by_text").val();

            if (selectclientid) {

                $.ajax({
                    url: "{{ URL::to('product_group_ajax') }}",
                    type: 'post',
                cache: false,
                dataType: 'html',
                data: {
                    "_token": token_search,
                    "group_id": selectclientid,
                    "searchtext": search_by_text,


                },
                    success: function(products) {
                        $("#ajax_responce_serarchDiv").html(products);

                    },
                });
            } else {
                console.log('AJAX load did not work');
            }
        });
    });
        $('select[name="branchs_id"]').on('change', function() {
            var selectclientid = $(this).val();
            var token_search = $("#token_search").val();
                    var search_by_text = $("#search_by_text").val();

            if (selectclientid) {

                $.ajax({
                    url: "{{ URL::to('product_branchs_id_ajax') }}",
                    type: 'post',
                cache: false,
                dataType: 'html',
                data: {
                    "_token": token_search,
                    "branchs_id": selectclientid,
                                        "searchtext": search_by_text,

                },
                    success: function(products) {
                        $("#ajax_responce_serarchDiv").html(products);

                    },
                });
            } else {
                console.log('AJAX load did not work');
            }
        })

    $('select[name="searchproductNo"]').on('change', function() {
        console.log('AJAX load   work 0000');

        var selectclientid = $(this).val();
        if (selectclientid) {
            console.log('AJAX load   work');

            $.ajax({
                url: "{{ URL::to('getproduct') }}/" + selectclientid,
                type: "GET",
                dataType: "json",
                success: function(data) {
                    console.log("success");
                    console.log(data['name']);
                    $('#quentity').val(data['numberofpice']);

                },
            });
        } else {
            console.log('AJAX load did not work');
        }
    });

    // Listener الخاص بنوع المنتج
        $('select[name="product_type_id"]').on('change', function() {
            var type_id = $(this).val();
            var token_search = $("#token_search").val();
            var search_by_text = $("#search_by_text").val();
            var branchs_id = $("#branchs_id").val(); // عشان نحافظ على فلترة الفرع لو موجودة

            if (type_id) {
                $.ajax({
                    url: "{{ URL::to('product_type_ajax') }}", // روت جديد لنوع المنتج
                    type: 'post',
                    cache: false,
                    dataType: 'html',
                    data: {
                        "_token": token_search,
                        "type_id": type_id,
                        "branchs_id": branchs_id,
                        "searchtext": search_by_text,
                    },
                    success: function(products) {
                        $("#ajax_responce_serarchDiv").html(products);
                    },
                });
            }
        });

        // Listener الخاص بالعلامة التجارية
        $('select[name="brand_id"]').on('change', function() {
            var brand_id = $(this).val();
            var token_search = $("#token_search").val();
            var search_by_text = $("#search_by_text").val();
            var branchs_id = $("#branchs_id").val();

            if (brand_id) {
                $.ajax({
                    url: "{{ URL::to('product_brand_ajax') }}", // روت جديد للبراند
                    type: 'post',
                    cache: false,
                    dataType: 'html',
                    data: {
                        "_token": token_search,
                        "brand_id": brand_id,
                        "branchs_id": branchs_id,
                        "searchtext": search_by_text,
                    },
                    success: function(products) {
                        $("#ajax_responce_serarchDiv").html(products);
                    },
                });
            }
        });
</script>




<script>

</script>


@endsection