@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="main-parent-filter p-2 mb-3" style="border: 1px dashed #23395D; border-radius: 8px; background-color: #f8f9fa;">
    <div class="row align-items-end mx-0">
        
        <div class="col-lg-2 col-md-6 mb-2">
            <label for="searchaboutproduct" style="font-weight: bold; font-size: 12px; color: #23395D;" class="control-label parent-label mb-1"> 
                {{__('home.searchaboutproduct')}} 
            </label>
            <input dir="ltr" type="text" class="form-control form-control-sm parent-input" 
                   placeholder="{{ __('home.Search By Name or Product Number') }}" 
                   id="searchaboutproduct" name="searchaboutproduct" onkeyup="searchaboutproductfunction()">
        </div>

        <div class="col-lg-2 col-md-6 mb-2">
            <label for="product_group" class="control-label parent-label mb-1" style="font-size: 12px;">{{ __('home.groups') }}</label>
            <select name="product_group" id="product_group" class="form-control form-control-sm select2">
                <option value="">{{ __('home.all_groups') }}</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 mg-t-10 mg-lg-t-0">
                                <label for="inputName" class="control-label parent-label"> {{ __('home.Location') }} </label>
                                <input  class="form-control parent-input" id="Location" name="Location" title="يرجي ادخال الكمية  " onkeyup="searchaboutproduct_location_function()" >
                            </div>
        <div class="col-lg-3 col-md-6 mb-2">
            <label for="branchs_id" class="parent-label mb-1" style="font-size: 12px;"> {{ __('users.branch') }} </label>
            <select class="form-control form-control-sm select2" name="branchs_id" id="branchs_id">
                <option value="0"> - </option>
                @foreach (App\Models\branchs::get() as $section)
                    <option value="{{ $section->id }}"> {{ $section->name }}</option>
                @endforeach
            </select>
        </div>

        @can('System setting')
        <div class="col-lg-3 col-md-6 mb-2">
            <label class="parent-label mb-1" style="opacity:0; display: block;">.</label> 
            <button id="unified_export_btn" class="btn btn-sm btn-success-gradient btn-block shadow-sm" 
                    style="height: 31px; display: flex; align-items: center; justify-content: center; font-weight: bold; font-size: 12px;">
                <i class="fa fa-file-excel ml-2"></i> {{ __('export_excel') }}
            </button>
        </div>
        @endcan

    </div>
</div>
                            
                      
                                <br>
                                <div id="ajax_responce_serarchDiv" class="table our-table border mb-0 table-responsive text-center" >
                                    <table class="table text-md-nowrap text-center our-table" id="example2" width="100%" style="border: 2px solid rgba(0,0,0,.3);">
                                        <col style="width:5%">
                                        <col style="width:15%">
                                        <col style="width:20%">
                                        <col style="width:10%">
                                        <col style="width:10%">
                                        <col style="width:10%">
                                        <col style="width:15%">
                                        <col style="width:15%">


                                        <thead>
                                   <tr>
    <th style="font-size: 15px" class="border-bottom-0">#</th>
    <th style="font-size: 15px" class="border-bottom-0">Product No</th>
    <th style="font-size: 15px; text-align:center" class="border-bottom-0">Product</th>
    <th style="font-size: 15px; text-align:center" class="border-bottom-0">Branch</th>
    <th style="font-size: 15px" class="border-bottom-0">Location</th>
    <th style="font-size: 15px" class="border-bottom-0">Quantity</th>
    <th style="font-size: 13px" class="border-bottom-0">Purchase Price (Excl. Tax)</th>
    <th style="font-size: 13px" class="border-bottom-0">Selling Price (Excl. Tax)</th>
</tr>
                                        </thead>
                                        <tbody class="">
                                            
                                            
                                            <tr>
                                                <td id="tableData"  dir=ltr>-</td>
                                                <td id="tableData"  dir=ltr>-</td>
                                                <td id="tableData"  data-target="product_name">-</td>
                                                <td id="tableData"  data-target="product_name">-</td>
                                                <td id="tableData"  data-target="numberofpice">-</td>
                                                <td id="tableData"  data-target="numberofpice">-</td>
                                                <td id="tableData"  data-target="numberofpice">-</td>
                                                <td id="tableData"  data-target="numberofpice">-</td>
                                            </tr>
                                           
                                        </tbody>
                                    </table>
                                    
                                    <div>

                                    </div>



                                </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>
<div class="modal fade product-selection" id="operation_product" name="main_product" tabindex="-1" role="dialog"
    aria-labelledby="exampleModalLabel" dir='rtl' aria-hidden="true">
    <div class="modal-dialog modal-xl" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>
            <div class="modal-body">


                <div class="table-responsive" id="ajax_responce_operation_product_Div">


                </div>
            </div>

            <div class="modal-footer">
                {{-- <button id="added_product" name="added_product" id="added_product" class="btn btn-primary">{{__('home.confirm')}}</button>
                --}}
                <button type="button" class="btn btn-secondary" data-dismiss="modal">{{__('home.cancel')}}</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>
    
function replaceproduct(id) {
    branchs_id = $('#branchs_id').val();
    console.log(branchs_id)
    console.log(" {{URL::to('operationproducts')}}/" + branchs_id + "/" + id)
    jQuery.ajax({
        url: " {{URL::to('operationproducts')}}/" + branchs_id + "/" + id,
        type: 'get',
        dataType: 'html',
        cache: false,

        success: function(data) {
            console.log('done')
            $('#operation_product').modal().show();

            $("#ajax_responce_operation_product_Div").html(data);
        },
        error: function() {

        }
    });


}

function searchaboutproduct_location_function() {
        searchtext = $('#Location').val();
        var token_search = $("#token_search").val();
console.log(searchtext)
console.log('-----------------*----------------')
        jQuery.ajax({
                url:  "{{ URL::to('searchaboutproduct_location_function')}}",
                type: 'post',
                cache: false,
                dataType: 'html',
                data: {
                    "_token": token_search,
                    "searchtext": searchtext,
                },
            success: function(data) {
                $("#ajax_responce_serarchDiv").html(data);
            },
           error: function(response) {
console.log(response)
            }
        });

    }

// في صفحة الـ Blade، أضف هذا السكريبت لربط الزر
$('#unified_export_btn').on('click', function(e) {
    e.preventDefault();
    
    // افترضنا أن هناك select لاختيار الفرع يحمل id="branch_filter"
    // وإذا كنت تريد تمرير القيمة الافتراضية للفرع الحالي استخدم Auth()->user()->branchs_id
    let branchId = $('#branchs_id').val() || '-'; 
    
    // بناء الرابط مع الرقم المختار
    let url = "{{ url('export-products') }}/" + branchId;
    
    // توجيه المتصفح لتحميل الملف
    window.location.href = url;
});




    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();

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

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

    }



   
    $(document).on('click', '#ajax_pagination_in_search a', function(e) {
        e.preventDefault();
        var search_by_text = $("#searchaboutproduct").val();
        var url = $(this).attr("href");
        var token_search = $("#token_search").val();
        var selectclientid = $("#branchs_id").val();

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

                },
            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();

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

                },
            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');
        }
    });
</script>




<script>

</script>


@endsection