
<style>
    .nodata{
        background-color: #428bca;
        color: white;
        border-radius: 13px;
        margin: 14px;
        font-size: 15px;
        text-align: right;
        padding: 5px;
    }

</style>
<div class="row">
    <div class="container">
        <ol class="breadcrumb">
            <li><a href="#">التقارير</a></li>
            <li><a href="productstore.php?do=show">الحد الادنى للمنتجات فى المخزن  </a></li>
            <li class="active">عرض </li>
        </ol>
        <div class="panel panel-default panel-m">
            <!-- Default panel contents -->
            <div class="panel-heading">الحد الادنى للمنتجات فى المخزن
                <a href="{$youtubes[164]->url}" target="_blank" class="hidden-print"><img src="../views/default/assets/img/youtube.png" class="pull-left" alt="Youtube" style="width: 2%;"></a>
                <a href="productstore.php?do=add" class="hidden-print"><input type="button"  id="submit" style="margin-left: 12px" class="btn btn-primary pull-left " value="تعديل التصنيف"/></a>
                <a href="productstore.php?do=allproduct" class="hidden-print"><input type="button"  id="submit" style="margin-left: 12px" class="btn btn-primary pull-left " value="إضافة الكل"/></a>
            </div>
            <div class="nodata">
                <hr/>
                <ul>
                    <li>فى حالة الضغط على اضافة الكل سوف يتم اضافة كل المنتجات التى لم يحدد لها الحد الادنى فى المخزن او كل المخازن باضافة الحد الادنى فى المخزن او كل المخازن من الحد الادنى الموجود فى المنتج نفسه تلقائيا </li>
                    <li>فى حالة الضغط على تعديل التصنيف  سوف تقوم باختيار التصنيف وبعد الاختيار هتظهر كل المنتجات تبع التصنيف المختار مع عرض كل المخازن لكك منتج لتقوم بتعديل الحد الادنى فى كل مخزن لكل منتج</li>
                </ul>
                <hr/>
            </div>
            <div class="panel-body">

                <form class="form-inline hidden-print " action="productstore.php?do=show" method="post">
                    <div class="form-group">
                        <label class="sr-only">من التاريخ</label>
                        <input type="text" class="form-control awdatepicker searchdata" id="fromdate"   data-date-format="yyyy-mm-dd"  >
                    </div>
                    <div class="form-group">
                        <label class="sr-only">إلى التاريخ</label>
                        <input type="text" class="form-control awdatepicker searchdata"  id="todate"   data-date-format="yyyy-mm-dd"  >
                    </div>
                    <div class="form-group" style="min-width: 219px;">
                        <label class="sr-only">التصنيفات</label>
                        <input type="text" class="searchdata wdt100" id="selectproductcat" data-placeholder="اختر " />

                    </div>
                    <div class="form-group" style="min-width: 219px;">
                        <label class="sr-only">المنتجات</label>
                        <input type="text" class="searchdata wdt100" id="selectproduct" data-placeholder="اختر " />
                    </div>
                    <div class="form-group" style="min-width: 219px;">
                        <label class="sr-only">المخازن</label>
                        <input type="text" class="searchdata wdt100" id="selectstore" data-placeholder="اختر " />
                    </div>
                </form>

            </div>

            <div class="clearfix"></div>
            <hr/>
            <table class="table table-bordered border-primary" id="getajaxdata">
                <thead>
                    <tr>
                        <th scope="col">رقم</th>
                        <th scope="col">المنتج</th>
                        <th scope="col"> التصنيف</th>
                        <th scope="col">المخزن</th>
                        <th scope="col">الحد الادنى للمنتج</th>
                        <th scope="col">الحد الادنى فى المخزن</th>
                        <th scope="col">التاريخ</th>
                        <th scope="col">تعديل</th>
                        <th scope="col">حذف</th>
                    </tr>
                </thead>
                <tbody>

                </tbody>
            </table>

        </div>
    </div>
</div>
{literal}
<script type="text/javascript">


    $(document).ready(function () {
        var formatResult;
        formatResult = function (data) {
            return  data.text;
        }


        $("#selectproductcat").select2({
            placeholder: "إسم  المشروع",
            multiple: false,
            quietMillis: 100,
            ajax: {
                url: "productstore.php?do=selectproductcat",
                type: "post",
                dataType: 'json',
                data: function (term, page) {
                    return {
                        searchTerm: term,
                    };
                },
                results: function (data) {
                    return {results: data};
                }
            },
            formatResult: formatResult,
            initSelection: function (element, callback) {
                var item = element.val().split(':');
                var data = {id: item[0], text: item[1]};
                callback(data);
            }
        });

        $("#selectproduct").select2({
            placeholder: "إسم  المشروع",
            multiple: false,
            quietMillis: 100,
            ajax: {
                url: "productstore.php?do=selectproduct",
                type: "post",
                dataType: 'json',
                data: function (term, page) {
                    var productcat = $('#selectproductcat').val();
                    if (!productcat) {
                        alert('يجب اختيار التصنيف اولا');
                        return false;
                    }

                    return {
                        searchTerm: term,
                        productcat: productcat,
                    };
                },
                results: function (data) {
                    return {results: data};
                }
            },
            formatResult: formatResult,
            initSelection: function (element, callback) {
                var item = element.val().split(':');
                var data = {id: item[0], text: item[1]};
                callback(data);
            }
        });
        $("#selectstore").select2({
            placeholder: "إسم  المشروع",
            multiple: false,
            quietMillis: 100,
            ajax: {
                url: "productstore.php?do=selectstore",
                type: "post",
                dataType: 'json',
                data: function (term, page) {
                    return {
                        searchTerm: term,
                    };
                },
                results: function (data) {
                    return {results: data};
                }
            },
            formatResult: formatResult,
            initSelection: function (element, callback) {
                var item = element.val().split(':');
                var data = {id: item[0], text: item[1]};
                callback(data);
            }
        });




        fetch_data();
        function fetch_data(fromdate = '', todate = '', data1 = '', data2 = '', data3 = '')
        {

            var dataTable = $('#getajaxdata').DataTable({
                "processing": true,
                "serverSide": true,
                "lengthMenu": [[20, 40, 60, 80, 100, -1], [20, 40, 60, 80, 100, "All"]],
                dom: 'Bfrtip',
                buttons: [
                    {
                        extend: 'copyHtml5',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7]
                        }
                    },
                    {
                        extend: 'csvHtml5',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7]
                        }
                    },
                    {
                        extend: 'print',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7]
                        }
                    },
                    {
                        extend: 'excelHtml5',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7]
                        }
                    },
                    {
                        extend: 'pdfHtml5',
                        exportOptions: {
                            columns: [0, 1, 2, 3, 4, 5, 6, 7]
                        }
                    },
                    'colvis'
                ],
                "dom": "<'row' <'col-md-12'B>><'row'<'col-md-6 col-sm-12'l><'col-md-6 col-sm-12'f>r><'table-scrollable't><'row'<'col-md-5 col-sm-12'i><'col-md-7 col-sm-12'p>>",
                "order": [[0, "desc"]],
                "displayLength": 20,
                "ajax": {
                    url: 'productstore.php?do=showajax',
                    type: "POST",
                    data: {
                        fromdate: fromdate,
                        todate: todate,
                        data1: data1,
                        data2: data2,
                        data3: data3,
                    }
                },
                // "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
                //     if (aData[1] == "الكميه")
                //     {
                //         $('td', nRow).css('background-color', '#c4f378');
                //     }
                // },
                "drawCallback": function (settings) {
                    //alert('DataTables has redrawn the table');
                    $('.positivefloat').forcepositivefloat();
                },

            });

        }


        $('.searchdata').change(function () {
            var fromdate = $('#fromdate').val();
            var todate = $('#todate').val();
            var data1 = $('#selectproductcat').val();
            var data2 = $('#selectproduct').val();
            var data3 = $('#selectstore').val();




            $('#getajaxdata').DataTable().destroy();
            fetch_data(fromdate, todate, data1, data2, data3);

        });



        $('body').on('click', '.removeproductstore', function () {
            var id = $(this).attr('data-id');
            if (confirm('هل انت متاكد من الحذف ؟')) {
                var thisis = $(this);
                $.post('productstore.php?do=removeproductstore', {id: id}, function (data) {
                    if (data == 1) {
                        thisis.parent().parent().remove();
                    } else {
                        alert('حدث خطأ أثناء التنفيذ');
                    }
                });
            } else {
                alert('لماذا ضغطت إلغاء؟ يجب أن تكون قد أكدت');
            }
        });
        $('body').on('change', '.saveThis', function () {
            var thisis = $(this);
            var id = thisis.attr('data-id');
            var val = thisis.val();
            $.post('productstore.php?do=updateAjax', {id: id, val: val}, function (data) {
                if (data == 1) {
                    thisis.addClass('success');
                    setTimeout(function () {
                        thisis.removeClass('success');
                    }, 1500)
                } else {
                    alert('حدث خطأ أثناء التنفيذ');
                }
            });
        });




    });







</script>
{/literal}
