<div class="container">
    <ol class="breadcrumb">
        <li><a href="#">إدارة الفواتير</a></li>
        <li><a href="#">فاتورة الشراء</a></li>
        <li class="active">تقرير </li>
    </ol>
    <div class="row">
        <div class="panel panel-default panel-m">
            <!-- Default panel contents -->
            <div class="panel-heading">التقرير</div>
            <div class="panel-body">
                <form class="form-inline" action="buyBillReportsController.php" method="post">
                    <div class="form-group">
                        <label class="sr-only">التاريخ من</label>
                        <input type="text" name="from"  data-date-format="yyyy-mm-dd"  id="datepicker_from" class="form-control awdatepicker" onChange="getResult();"/>
                    </div>
                    <div class="form-group">
                        <label class="sr-only">التاريخ إلى</label>
                        <input type="text" name="to"  data-date-format="yyyy-mm-dd"  id="datepicker_to" class="form-control awdatepicker" onChange="getResult();"/>
                    </div>

                    <div class="form-group">
                        <label class="sr-only">المنتج الرئيسي</label>
                        <select name="cat_id" id="cat_id" onChange="getResult();" data-placeholder="اختر المنتج الرئيسي" class="chzn-select" style="max-width:350px;" tabindex="1">
                            <option>اختر المنتج الرئيسي</option>
                            {foreach $catData as $cat}
                            <option value="{$cat->productCatId}">{$cat->productCatName}</option>
                            {/foreach}

                        </select>

                    </div>

                    <button type="submit" class="btn btn-primary noprint">بحث</button>
                </form>
            </div>
            <hr/>
            <div id="resultDiv">

            </div>


            <div  class="noprint">
                <div class="col-lg-12">
                    <div class="form-group">
                        <div class="col-lg-4">
                            <button type="button" onclick="print_Custom('mycustomheader');" class="btn btn-success pull-right">طباعة</button>
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>



            <!-- Modal -->
            <div class="modal fade" id="detailsModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <button type="button" class="close pull-left" data-dismiss="modal" aria-hidden="true">&times;</button>
                            <h4 class="modal-title">التفاصيل</h4>
                        </div>
                        <div class="modal-body">
                            <div id="product_detail" name="main"></div>

                            <div align="center"></div>

                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-default" data-dismiss="modal">اغلاق</button>
                        </div>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->








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