sale_order_info.twig (6424B)
1 <div class="row"> 2 <div id="filter-report" class="col-md-3 col-md-push-9 col-sm-12 hidden-sm hidden-xs"> 3 <div class="panel panel-default"> 4 <div class="panel-heading"> 5 <h3 class="panel-title"><i class="fa fa-filter"></i> {{ text_filter }}</h3> 6 </div> 7 <div class="panel-body"> 8 <div class="form-group"> 9 <label class="control-label" for="input-date-start">{{ entry_date_start }}</label> 10 <div class="input-group date"> 11 <input type="text" name="filter_date_start" value="{{ filter_date_start }}" placeholder="{{ entry_date_start }}" data-date-format="YYYY-MM-DD" id="input-date-start" class="form-control" /> 12 <span class="input-group-btn"> 13 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 14 </span> 15 </div> 16 </div> 17 <div class="form-group"> 18 <label class="control-label" for="input-date-end">{{ entry_date_end }}</label> 19 <div class="input-group date"> 20 <input type="text" name="filter_date_end" value="{{ filter_date_end }}" placeholder="{{ entry_date_end }}" data-date-format="YYYY-MM-DD" id="input-date-end" class="form-control" /> 21 <span class="input-group-btn"> 22 <button type="button" class="btn btn-default"><i class="fa fa-calendar"></i></button> 23 </span> 24 </div> 25 </div> 26 <div class="form-group"> 27 <label class="control-label" for="input-group">{{ entry_group }}</label> 28 <select name="filter_group" id="input-group" class="form-control"> 29 30 31 32 {% for group in groups %} 33 {% if group.value == filter_group %} 34 35 36 37 <option value="{{ group.value }}" selected="selected">{{ group.text }}</option> 38 39 40 41 {% else %} 42 43 44 45 <option value="{{ group.value }}">{{ group.text }}</option> 46 47 48 49 {% endif %} 50 {% endfor %} 51 52 53 54 </select> 55 </div> 56 <div class="form-group"> 57 <label class="control-label" for="input-status">{{ entry_status }}</label> 58 <select name="filter_order_status_id" id="input-status" class="form-control"> 59 <option value="0">{{ text_all_status }}</option> 60 61 62 63 {% for order_status in order_statuses %} 64 {% if order_status.order_status_id == filter_order_status_id %} 65 66 67 68 <option value="{{ order_status.order_status_id }}" selected="selected">{{ order_status.name }}</option> 69 70 71 72 {% else %} 73 74 75 76 <option value="{{ order_status.order_status_id }}">{{ order_status.name }}</option> 77 78 79 80 {% endif %} 81 {% endfor %} 82 83 84 85 </select> 86 </div> 87 <div class="form-group text-right"> 88 <button type="button" id="button-filter" class="btn btn-default"><i class="fa fa-filter"></i> {{ button_filter }}</button> 89 </div> 90 </div> 91 </div> 92 </div> 93 <div class="col-md-9 col-md-pull-3 col-sm-12"> 94 <div class="panel panel-default"> 95 <div class="panel-heading"> 96 <h3 class="panel-title"><i class="fa fa-bar-chart"></i> {{ heading_title }}</h3> 97 </div> 98 <div class="panel-body"> 99 <div class="table-responsive"> 100 <table class="table table-bordered"> 101 <thead> 102 <tr> 103 <td class="text-left">{{ column_date_start }}</td> 104 <td class="text-left">{{ column_date_end }}</td> 105 <td class="text-right">{{ column_orders }}</td> 106 <td class="text-right">{{ column_products }}</td> 107 <td class="text-right">{{ column_tax }}</td> 108 <td class="text-right">{{ column_total }}</td> 109 </tr> 110 </thead> 111 <tbody> 112 113 {% if orders %} 114 {% for order in orders %} 115 <tr> 116 <td class="text-left">{{ order.date_start }}</td> 117 <td class="text-left">{{ order.date_end }}</td> 118 <td class="text-right">{{ order.orders }}</td> 119 <td class="text-right">{{ order.products }}</td> 120 <td class="text-right">{{ order.tax }}</td> 121 <td class="text-right">{{ order.total }}</td> 122 </tr> 123 {% endfor %} 124 {% else %} 125 <tr> 126 <td class="text-center" colspan="6">{{ text_no_results }}</td> 127 </tr> 128 {% endif %} 129 </tbody> 130 131 </table> 132 </div> 133 <div class="row"> 134 <div class="col-sm-6 text-left">{{ pagination }}</div> 135 <div class="col-sm-6 text-right">{{ results }}</div> 136 </div> 137 </div> 138 </div> 139 </div> 140 </div> 141 <script type="text/javascript"><!-- 142 $('#button-filter').on('click', function() { 143 var url = ''; 144 145 var filter_date_start = $('input[name=\'filter_date_start\']').val(); 146 147 if (filter_date_start) { 148 url += '&filter_date_start=' + encodeURIComponent(filter_date_start); 149 } 150 151 var filter_date_end = $('input[name=\'filter_date_end\']').val(); 152 153 if (filter_date_end) { 154 url += '&filter_date_end=' + encodeURIComponent(filter_date_end); 155 } 156 157 var filter_group = $('select[name=\'filter_group\']').val(); 158 159 if (filter_group) { 160 url += '&filter_group=' + encodeURIComponent(filter_group); 161 } 162 163 var filter_order_status_id = $('select[name=\'filter_order_status_id\']').val(); 164 165 if (filter_order_status_id != 0) { 166 url += '&filter_order_status_id=' + encodeURIComponent(filter_order_status_id); 167 } 168 169 location = 'index.php?route=report/report&code=sale_order&user_token={{ user_token }}' + url; 170 }); 171 //--></script> 172 <script type="text/javascript"><!-- 173 $('.date').datetimepicker({ 174 language: '{{ datepicker }}', 175 pickTime: false 176 }); 177 //--></script>