<div class="container">
    <ol class="breadcrumb">
        <li><a href="#">الفواتير</a></li>
        <li><a href="#">فواتير المشتريات</a></li>
        <li class="active">عرض الفواتير</li>
    </ol>
    <div class="panel panel-default panel-m">
        <!-- Default panel contents -->
        <div class="panel-heading">فواتير الشراء   <br /></div>
        <div class="panel-body">
            <form class="form-inline hidden-print" action="#" method="post">
                <div class="form-group wds20">
                    <label class="sr-only">إسم المورد</label>
                    <select id="client" name="client" data-placeholder="اختر " class="select2 wdt100 ">
                        <option value="-1"></option>
                        {foreach $clientData as $client}
                        <option value="{$client->supplierid}">{$client->suppliername} </option>
                        {/foreach}
                    </select>
                </div>
                <div class="form-group wds20">
                    <label class="sr-only">رقم الفاتورة</label>
                    <select data-placeholder="اختر رقم الفاتورة" class="select2 wdt100 " id="billNo" >
                        <option value="-1"></option>
                        {foreach $billsNo as $no}
                        <option value="{$no->billno}">{$no->billno}</option>
                        {/foreach}
                    </select>
                </div>
                <div class="form-group wds10">
                    <label class="sr-only">من التاريخ</label>
                    <input type="text" class="form-control awdatepicker "    data-date-format="yyyy-mm-dd" id="fromDate" >
                </div>
                <div class="form-group wds10">
                    <label class="sr-only">إلى التاريخ</label>
                    <input type="text" class="form-control awdatepicker "    data-date-format="yyyy-mm-dd" id="toDate" >
                </div>
                <input name="buyoptic" id="buyoptic"  type="hidden" value="1" />
                <button type="button" class="btn btn-primary noprint searchBills">بحث</button>
            </form>
        </div>
        <hr/>
        <div id="searchResult">
            <div class="col-lg-offset-8 col-lg-4 ">
                <div class="well well-sm">
                    <h4 class="text-center">إجمالي الفواتير    {$totalBalance}</h4>
                </div>
            </div>
            <div class="clearfix"></div>

            <!-- Table -->
            <table class="table table-black">
                <thead>
                    <tr>
                        <th class="hidden-print">
                            <label>
                                <input type="checkbox" name="checkAll" id="checkAll"/>
                            </label>
                        </th>
                        <th>رقم المسلسل</th>
                        <th>اسم العميل</th>
                        <th>رقم الفاتورة</th>
                        <th>إجمالي الفاتورة</th>
                        <th>التاريخ</th>
                        <th>المستخدم</th>
                        {if $usergroup->allowEditDelInBills eq 0}<th class="hidden-print">التعديل</th>{/if}
                        <th class="hidden-print">تفاصيل الفاتورة</th>
                        {if $usergroup->allowEditDelInBills eq 0}<th class="hidden-print">حذف</th>{/if}
                    </tr>
                </thead>
                <tbody>
                    {assign var=i value=1}
                    {foreach $bills as $data}
                    {if {$data->deleted} eq 1}
                    <tr class="danger"> {elseif {$data->deleted} eq 0}
                    <tr> {/if}
                        <td class="hidden-print">
                            <label>
                                <input type="checkbox" name="choosedItem[]" id="checked{$i}" class="choosenItem" value="{$data->id}" />
                            </label>
                        </td>
                        <td>{$i}</td>
                        <td> {$data->clientname} </td>
                        <td>{$data->billno}</td>
                        <td>{$data->finalnetbillvalue}</td>
                        <td>{$data->billdate}</td>
                        <td>{$data->username}</td>
                        {if $usergroup->allowEditDelInBills eq 0}<td  class="hidden-print">
                            {if {$data->deleted} eq 0}
                            <a href="bills.php?do=editbuy&id={$data->id}" type="button" class="btn btn-default btn-lg editicon"></a>
                            {else}
                            تم حذف الفاتوره
                            {/if}
                        </td>{/if}
                        <td  class="hidden-print"><a href="bills.php?do=detailsbuy&id={$data->id}" type="button" class="btn btn-default btn-lg notesicon"></a></td>

                        {if $usergroup->allowEditDelInBills eq 0}<td  class="hidden-print"> {if {$data->deleted} eq 0}
                            <a href="bills.php?do=deletebuy&id={$data->id}" type="button" class="btn btn-default btn-lg deleteicon"> </a> {elseif {$data->deleted} eq 1 } تم حذف الفاتورة</td>{/if}
                        {/if} </tr>
                    {capture assign=i}{$i+1}{/capture}
                    {/foreach}
                </tbody>

            </table>
            <div  class="hidden-print">

                <div class="col-lg-offset-8 col-lg-4 ">
                    <div class="well well-sm">
                        <h4 class="text-center">إجمالي الفواتير    {$totalBalance}</h4>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>

        <div class="clearfix"></div>
        <hr />
        <div  class="hidden-print">
            <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>
        <div class="clearfix"></div>
    </div>
</div>
