<div class="panel panel-default panel-m">
    <div class="panel-heading" style="padding:5px 15px 15px">
        <h3 class="panel-title" style="display: inline-block;"> تقرير شامل للفواتير</h3>
        <a href="{$youtubes[31]->url}" target="_blank" class="hidden-print"><img src="../views/default/assets/img/youtube.png" class="pull-left" alt="Youtube" style="width: 2%;"></a>
    </div>
    <div class="panel-body">
        <div id="outputString" class="alert alert-block alert-success fade in hidden-print" style="display:none">
            <button type="button" class="close pull-left" data-dismiss="alert" aria-hidden="true">&times;</button>
            <p id="outputStringValue">{$outputString}</p>
            <div class="clearfix"></div>
        </div>
        <input type="hidden" id="searchvalue" value="{$Programsettingdata->searchvalue}">
        <input type="hidden" name="withNakdi" id="withNakdi" value="{$Usergroupdata->showClientAndSupplierOne}"/>
        <form class="form-inline hidden-print" action="allReportsOnOne.php?do=show" method="post">
            <div class="form-group">
                <div class="col-md-2">
                    <label class="sr-only">المخزن</label>
                </div>
                <select class="select2 wdt100"  name="storeId" id="storeId" >
                    <option value="-1">اختر مخزن</option>
                    <option value="0">كل المخازن</option>
                    {foreach $storeData as $store}
                    <option value="{$store->storeId}">{$store->storeName}</option>
                    {/foreach}
                </select>
            </div>
            <div class="form-group" style="width: 30%;">
                <label class="sr-only">العميل</label>
                <input type="hidden" name="clientid" id="clientid" class="select2Supp"/>
                <input type="hidden" name="oldsupplierid" id="oldsupplierid" value=""/>
                <input type="hidden" name="oldsuppliername" id="oldsuppliername" value=""/>
            </div>
            <div class="form-group">
                <label class="sr-only">المورد</label>
                <select class="select2 wdt100"  name="supplierId" id="supplierId" >
                    <option value="-1">اختر مورد</option>



                    {foreach $suppliersData as $mysuppliersData}



                    <option value="{$mysuppliersData->supplierid}">{$mysuppliersData->suppliername}</option>


                    {/foreach}



                </select>
            </div>
            <div class="form-group">
                <label class="sr-only">رقم تسلسل الفاتورة</label>
                <input type="text" class="form-control" placeholder="رقم تسلسل الفاتورة" name="sellbillid" id="sellbillid">
            </div>
            <div class="form-group" {if {$Programsettingdata->billid} eq 1}  style="display:none" {/if}>
                <label class="sr-only">رقم الفاتورة</label>
                <input type="text" class="form-control" placeholder="رقم الفاتورة" name="sellbillserial" id="sellbillserial">
            </div>
            <div class="form-group">
                <label class="sr-only">من التاريخ</label>
                <input type="text" class="form-control awdatepicker" autocomplete="off"   data-date-format="yyyy-mm-dd" name="from" >
            </div>
            <div class="form-group">
                <label class="sr-only">إلى التاريخ</label>
                <input type="text" class="form-control awdatepicker" autocomplete="off"   data-date-format="yyyy-mm-dd" name="to" >
            </div>
            <div class="form-group">
                <label class="sr-only">Serial</label>
                <input type="text" class="form-control" name="proSellTrackingSerial" id="proSellTrackingSerial" value="">
            </div>

            <div class="form-group">
                <label class="sr-only">نوع الفاتورة</label>
                <div  class="input-group" style="display: block">
                    <label>  <input value="1" name="obgyBillType" id="obgyBillType" type="radio">
                        مباشر</label>
                    <label>
                        <input value="2" name="obgyBillType" id="obgyBillType" type="radio">
                        مستهلك</label>
                    <label>
                        <input value="3" name="obgyBillType" id="obgyBillType" type="radio">
                        استقبال</label>
                </div>
            </div>
            <br>
            <div class="form-group">
                <label class="sr-only">
                    <input type="checkbox" id="rep1" name="rep1" value="1"> تقرير المبيعات </label>
            </div>
            <div class="form-group">
                <label class="sr-only">
                    <input type="checkbox" id="rep2" name="rep2" value="1">تقرير مردود المبيعات</label>
            </div>
            <div class="form-group">
                <label class="sr-only">
                    <input type="checkbox" id="rep3" name="rep3" value="1">تقرير المبيعات و مردود المبيعات</label>
            </div>
            <div class="form-group">
                <label class="sr-only">
                    <input type="checkbox" id="rep4" name="rep4" value="1">تقرير المشتريات</label>
            </div>
            <div class="form-group">
                <label class="sr-only">
                    <input type="checkbox" id="rep5" name="rep5" value="1">تقرير مردودات المشتريات</label>
            </div>
            <div class="form-group">
                <label class="sr-only">
                    <input type="checkbox" id="rep6" name="rep6" value="1">تقرير المشتريات ومردود المشتريات</label>
            </div>
            <br>
            <button type="submit" class="btn btn-primary">بحث</button>
        </form>
    </div>
</div>

{literal}
<script>
    $(function () {
        $(".select2Supp").select2({
            placeholder: "العميل",
            minimumInputLength: document.getElementById("searchvalue").value,
            inimumInputLength: 0,
            multiple: false,
            quietMillis: 100,
            //]width: '80%',
            ajax: {
                url: "clientControllerAjax.php?do=select2ClientsAjax",
                dataType: 'json',
                data: function (term, page) {
                    return {
                        term: term, //search term
                        page_limit: 7, // page size
                        withAddOption: 0,
                        withNakdi: function () {
                            return (Number($('#withNakdi').val()) == 1) ? 0 : 1;
                        },
                        //jsonRowRet: 1,
                    };
                },
                results: function (data) {
                    return {results: data};
                }
            },
            formatResult: function (data) {
                if (Number(data.id) == -2) {
                    return  '<span class="newoption">' + data.text + '</span >';
                } else {
                    return  '<span>' + data.text + '</span >';
                }
            },
            initSelection: function (element, callback) {
                var item = element.val().split(':');
                //  var data = {id: item[0], text: item[1]};
                var data = {id: item[0], text: item[1], productquantity: item[2], price: item[3]};
                callback(data);
            },
            //dropdownCssClass: "bigdrop", // apply css that makes the dropdown taller
        })
        //this is needed for ajax =>to obtain id from it  and use in ajax
        $('#clientid').select2('data', {id: $('#oldsupplierid').val(), text: $('#oldsuppliername').val()});
    });
</script>
{/literal}