add name kala anbar

admin_panel/templates/admin_panel/report_inventory_movements.html

@@ -8,6 +8,13 @@
         
         <form method="GET" class="columns is-multiline is-centered is-vcentered">
             
+            <div class="column is-2-desktop is-12-mobile">
+                <label class="label is-small">نام کالا (بخشی از نام)</label>
+                <div class="control">
+                    <input type="text" name="product_name" class="input is-small" placeholder="مثلاً: لوله، فیلتر..." value="{{ filters.product_name }}">
+                </div>
+            </div>
+
             <div class="column is-2-desktop is-12-mobile">
                 <label class="label is-small">نوع تراکنش کالا</label>
                 <div class="select is-fullwidth is-small">
@@ -50,13 +57,13 @@
                 </div>
             </div>
 
-            <div class="column is-2-desktop is-6-mobile">
+            <div class="column is-1-desktop is-6-mobile">
                 <label class="label is-small">از تاریخ</label>
                 <input type="text" class="input is-small date-picker-az pwt-datepicker-input-element" placeholder="انتخاب کنید">
                 <input type="hidden" name="azTarikh" id="azTarikhAlt" value="{{ filters.azTarikh }}">
             </div>
 
-            <div class="column is-2-desktop is-6-mobile">
+            <div class="column is-1-desktop is-6-mobile">
                 <label class="label is-small">تا تاریخ</label>
                 <input type="text" class="input is-small date-picker-ta pwt-datepicker-input-element" placeholder="انتخاب کنید">
                 <input type="hidden" name="taTarikh" id="taTarikhAlt" value="{{ filters.taTarikh }}">
@@ -153,11 +160,11 @@
     {% if page_obj.has_other_pages %}
     <nav class="pagination is-centered is-small my-4" role="navigation" aria-label="pagination">
         {% if page_obj.has_previous %}
-            <a class="pagination-previous" href="?page={{ page_obj.previous_page_number }}&movement_type={{ filters.movement_type }}&user_id={{ filters.user_id }}&store_id={{ filters.store_id }}&azTarikh={{ filters.azTarikh }}&taTarikh={{ filters.taTarikh }}">صفحه قبل</a>
+            <a class="pagination-previous" href="?page={{ page_obj.previous_page_number }}&product_name={{ filters.product_name }}&movement_type={{ filters.movement_type }}&user_id={{ filters.user_id }}&store_id={{ filters.store_id }}&azTarikh={{ filters.azTarikh }}&taTarikh={{ filters.taTarikh }}">صفحه قبل</a>
         {% endif %}
         
         {% if page_obj.has_next %}
-            <a class="pagination-next" href="?page={{ page_obj.next_page_number }}&movement_type={{ filters.movement_type }}&user_id={{ filters.user_id }}&store_id={{ filters.store_id }}&azTarikh={{ filters.azTarikh }}&taTarikh={{ filters.taTarikh }}">صفحه بعد</a>
+            <a class="pagination-next" href="?page={{ page_obj.next_page_number }}&product_name={{ filters.product_name }}&movement_type={{ filters.movement_type }}&user_id={{ filters.user_id }}&store_id={{ filters.store_id }}&azTarikh={{ filters.azTarikh }}&taTarikh={{ filters.taTarikh }}">صفحه بعد</a>
         {% endif %}
 
         <ul class="pagination-list">
@@ -172,7 +179,6 @@
 {% block jsEnd %}
 <script>
     $(document).ready(function() {
-        // تنظیم تقویم شمسی برای تاریخ شروع
         var pickerAz = $(".date-picker-az").pDatepicker({
             altField: '#azTarikhAlt',
             initialValue: false,
@@ -181,7 +187,6 @@
             calendar: { persian: { locale: 'fa' } }
         });
 
-        // تنظیم تقویم شمسی برای تاریخ پایان
         var pickerTa = $(".date-picker-ta").pDatepicker({
             altField: '#taTarikhAlt',
             initialValue: false,
@@ -190,7 +195,6 @@
             calendar: { persian: { locale: 'fa' } }
         });
 
-        // لود کردن تاریخ‌های قبلی در صورت فیلتر بودن صفحه
         {% if filters.azTarikh %}
             pickerAz.setDate({{ filters.azTarikh }});
         {% endif %}