<?php $__env->startSection('title','تقرير المنتجات'); ?>
<?php $__env->startSection('content'); ?>
<div class="app-content content ">
      <div class="content-overlay"></div>
      <div class="header-navbar-shadow"></div>
      <div class="content-wrapper container-xxl p-0">
        <div class="content-header row">
        </div>
    <div class="content-body">
	<!-- Dashboard Ecommerce Starts -->
		<section id="dashboard-ecommerce">
		<div class="content-header row">
          <div class="content-header-left col-md-9 col-12 mb-2">
            <div class="row breadcrumbs-top">
              <div class="col-12">
                <h2 class="content-header-title float-start mb-0">تقرير المنتجات</h2>
                <div class="breadcrumb-wrapper">
                  <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="<?php echo e(route('client.home')); ?>">لوحة التحكم</a>
                    </li>
                    <li class="breadcrumb-item"><a href="<?php echo e(route('client.reports')); ?>">التقارير </a>

                    <li class="breadcrumb-item active">تقرير مخصص  
                    </li>
                  </ol>
                </div>
              </div>
            </div>
          </div>
          <div class="content-header-right text-md-end col-md-3 col-12 d-md-block d-none">
            <div class="mb-1 breadcrumb-right">
			
              <div class="dropdown">
               				
            </div>
          </div>
        </div>
            <div class="col-xl-12 col-md-12 col-12">
                <div class="card">
                    <form id="search" name="date" >
                    <div class="card-body row" align="center">

                        <div class="col-lg-12 col-sm-12-md-12">
                           <center>
                             <label class="form-label" style="font-weight:bold " > حدد نوع العرض المطلوب للمنتجات</label>
                             <br>
                             <button type="button" class="btn btn-success" id="btn1" onclick="filter('best_profits')">الأكثر ربحا</button>
                             <button type="button" class="btn btn-warning" id="btn2" onclick="filter('best_sales')">الأكثر مبيعا </button>
                             <button type="button" class="btn btn-primary" id="btn3" onclick="filter('running_out')">أوشكت علي النفاذ</button>

                        </center>
                                                </div>

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

      <div class="col-xl-12 col-md-12 col-12">
          <div class="card card-statistics">

        <div class="card-body statistics-body">
          <div class="row">

            <div class="card-body" align="center" id="loader">
                <div class="spinner-border text-primary" style="width: 5rem; height: 5rem" role="status">
                </div>
              </div> 
                <h4 class="card-title" id="title" style="display:none" ></h4>

                        <div class="card-datatable">
                            <div class="table-responsive">
                                <table id="example2" class="datatables-basic table dataTable no-footer dtr-column collapsed" style="display:none">

                                    <thead>
                                    <tr>
                                        <th>م</th>
                                        <th> كود المنتج</th>
                                        <th> اسم المنتج</th>
                                        <th id="result"> مجموع المبيعات</th>
                                    </tr>
                                    </thead>
                                    <tbody id="tbody">
                                       
                                    </tbody>
                                </table>
                            </div>
                            
                        </div>
            
          </div>
        </div>
      </div>
    </div>
	</section>

	</div>
      </div>
    </div>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
<script src="<?php echo e(asset('app-assets/js/jquery.dataTables.min.js')); ?>"></script>
<script src="<?php echo e(asset('app-assets/js/dataTables.bootstrap5.min.js')); ?>"></script>
<script>
      var table = $('#example2');
      table.DataTable({"language": { "url": "<?php echo e(asset('app-assets/data/locales/Arabic.json')); ?>"}}); 

      filter('best_profits')
       function filter(submit) {
      $('.table-responsive').hide();
        if(submit == 'best_profits'){
        $('#result').text('إجمالي الربح من المنتج ');
        $('#title').text('تقرير المنتجات الأكثر ربحا');
        }else if(submit == 'best_sales'){
        $('#result').text('عدد مبيعات المنتج ');
        $('#title').text('تقرير المنتجات الأكثر مبيعا');
        }else if(submit == 'running_out'){
          $('#result').text('رصيد الحد الأدني');
        $('#title').text('تقرير المنتجات التي قاربت علي النفاذ');
        }

$.ajax({
    url: "<?php echo e(route('client.report18.post')); ?>",
    type: "POST",
    data: {
        "_token": "<?php echo e(csrf_token()); ?>",
        "submit": submit,
    },
    beforeSend : function (){$('#example2').hide(); $('#loader').show(); $('#title').hide(); var ifConnected = window.navigator.onLine;if (!ifConnected) {toastr.info("يتم الآن إعادة الإتصال","لا يوجد إتصال بالإنترنت",{positionClass: "toast-top-right",tapToDismiss: !1,timeOut: 2e3,rtl: $("html").attr("data-textdirection")});}},
    success: function (data) {
        $('#loader').hide();
        table.show();
        $('#tbody').empty();
        $('#title').show();
      $('.table-responsive').show();

        $.each( data.result, function( key, value ) {
          if(submit == 'running_out'){
            table.append(
                '<tr>'+
                '<td>'+(key+1)+'</td>'+
                '<td>'+value.code_universal+'</td>'+
                '<td>'+value.product_name+'</td>'+
                '<td>'+formatMoney(Math.abs(value.min_balance))+'</td>'+
                '</tr>'
            );
          }else{
            table.append(
                '<tr>'+
                '<td>'+(key+1)+'</td>'+
                '<td>'+value.product_id.code_universal+'</td>'+
                '<td>'+value.product_id.product_name+'</td>'+
                '<td>'+formatMoney(Math.abs(value.count))+'</td>'+
                '</tr>'
            );
                }
        });

        if(data.result != ''){

       
    }else{table.append('<tr style="background-color: #dfbfbf;font-weight:bold;">'+'<td colspan="4">لا يوجد أي  نتائج  </td>'+'</tr>')}
    },
    error: function (data) {

    }
});
};



   </script>
<?php $__env->stopSection(); ?>

<?php echo $__env->make('client.layouts.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/barasys/public_html/resources/views/client/reports/report18.blade.php ENDPATH**/ ?>