<style>
    #playStationDiv img{
        width: 61px; height: 59px; margin-left: -19px;
    }
    #playStationText {
        background-color: #363636; color: white; padding: 8px; padding-right: 18px; border-radius: 10px; vertical-align: sub;
    }

    .glowing-border {
        outline: none; border-color: #363636; box-shadow: 0 0 12px #0000e4;//#000
    }
    .glowing-border-rounded {
        outline: none; border-color: #363636; box-shadow: 0 0 12px #0000e4;//#000
        border-radius: 40px;
    }

    .btn-icon{
        background-color: #ffffff;
    box-shadow: 2px 2px 4px #d3d3d3, -2px -2px 4px #d3d3d3;
    /* border: 1px solid #73a2cf; */
    border-radius: 3px;
    padding: 5px;
    /* margin-bottom: 5px; */
    display: block;
    margin: 4px;
    text-align: center;
    text-decoration: none;
    color: #000;
    }
    .detail-control .button-block .btn-icon{
        padding-right: 0;
        background-color: #fbfbff;
    box-shadow: 2px 2px 4px #d3d3d3, -2px -2px 4px #d3d3d3;
    /* border: 1px solid #73a2cf; */
    border-radius: 3px;
    padding: 3px;
    }
    .detail-control .button-block .btn-icon h4 {
        padding-top: 0;
    color: #3f51b5;
    font-weight: 600;
    text-align: right;
    font-size: 11px;
    display: inline-block;
}
.detail-control .button-block .btn-icon img{
    float: left;
    margin-top: 7px;
    width: 14px;
    margin-left: 5px;
}
.well{
    background-color: #e6e6f9;
}
.bill2 .parent-menu {
    background-color: #cbccd0;
}
.bill2 .body_res .main-menu ul{
    padding: 0;
}
.bill2 .body_res .main-menu ul li a {
    background: #35bdbb;
    background-image: linear-gradient(#71f1ef, #60cac8);
    clear: both;
    /* border: 1px solid #6e4d57; */
    border-radius: 5px;
    text-align: center;
    margin: 0px;
    padding: 0;
    font-size: 15px;
    color: #253449;
    width: 95%;
    font-size: 10px;
    height: 36px;
    line-height: 30px;
    font-weight: bold;
    display: inline-block;
    position: relative;
}
.bill2 .body_res .main-menu ul li {
    display: inline-block;
    width: 100%;
}
.bill2 .body_res .main-menu ul li img{
    display: none;
}
.bill2 .body_res .main-menu ul li span {
    display: block;
    font-size: 13px;
    font-weight: 100;
}
.pL0{
    padding-left:0;
}
.pR0{
    padding-right: 0;
}
.bottom-btn label{
    font-size: 12px;
    margin: 9px 0;
    text-align: left;
}
.detail-control{
    height: auto;
}
.final-result{
    margin: 5px;
}
.bill2 .form-group {
    margin-bottom: 5px;
}
.bill2 .final-result label{
    font-size: 12px;
    margin: 0;
}
.bill2 .form-control {
    width: 100%;
    height: 29px;
    padding: 6px 12px;
    background-color: #fff;
    border: 1px solid #c2cad8;
    border-radius: 0;
}
.bill2 .category-menu {
   
    display: block;
    background-color: #fff;
}
.bill2 .category-menu .block {
    padding: 0 ;
    margin-bottom: 0px;
    font-size: 13px;
    overflow: hidden;
    display: inline-block;
    float: right;
    box-shadow: 2px 2px 10px #ddd,-2px -2px 5px #ddd;
}
.bill2 .body_res .main-menu, .category-menu {
    background-color: #e6e6f9;
    max-height: 468px;
    border: 0;
    height: 428px;
    overflow-x: hidden;
    overflow-y: scroll;
    text-align: center;
}
.bill2 .table-order{
    /*overflow-x: scroll;*/
}
.bill2 .category-menu .block img {
   
    display: none;
}
.bill2 .category-menu .info span {
    margin-right: 0px;
    display: block;
}
.bill2 .category-menu .info {
    background-color: #f5a7f3;
    border-radius: 0;
    line-height: 21px;
    padding: 11px 35px;
    text-align: center;
    box-shadow: 2px 2px 10px #ddd,-2px -2px 5px #ddd;
}
.bill2 .category-menu-scroll span.name{
    float:none;
    font-weight: bold;
}
.bill2 img.drinkDetails {
    width: 15px;
    height: 16px;
}
.bottom-btn {
    box-shadow: 2px 2px 4px #dbdbdb, -2px -2px 4px #dbdbdb;
}
.top-action label {
    font-size: 12px;
    margin: 9px 0;
    text-align: left;
}
.bill2 .top-action .form-group{
    margin: 0;
}
.bill2 .top-action label{
    margin:5px 0;
}
.bill2 select {
    display: block;
    width: 100%;
    height: 25px;
    padding: 2px 12px;
    font-size: 12px;
}
.bill2 .top-action{
    overflow: hidden;
    margin-bottom: 5px;
}
    /*.bill2 .detail-control .button-block h4 {*/
        /*padding-top: 0;*/
        /*color: #ffffff;*/
        /*font-weight: 600;*/
        /*margin: 0;*/
    /*}*/
</style>
<div class="">
    <div class="col-md-12">
        <input type="hidden" name="clientShowTawla" id="clientShowTawla" value="{$Programsettingdata->clientShowTawla}"/>

        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="well well-lg wall-cgpadding resturant bill2 p0 m0 ">
            <!----Start Title Table------>

            <!-- <div class="portlet-title ">
                
                <div class="caption p5">
                    <img src="{$path}/assets/img/resturant/logo.png">
                    <span class="caption-subject font  ">الفاتورة </span> -->
                    <!--<a>-->
                     <!--<img src="{$path}/assets/img/resturant/exit.png" class="exit-icon" >-->
                    <!--</a>-->
                    <div class="logbutton pull-right">
                        <!-- {if $Usergroupdata->restaurantplaystationpalyBtn == 1}
                        <a  href="restaurantplaystationpaly.php" class=" btn-primary mgtp3 linkpad">حجز البلاى ستيشن </a> <span class="">&nbsp;</span>
                        {/if}
                        {if $Usergroupdata->homePageIcon == 1}
                        <a  href="orderdeliveryreport.php" class=" btn-primary mgtp3 linkpad">تقرير سائق دليفرى</a> <span class="">&nbsp;</span>
                        <a  href="orderstatusreport.php" class=" btn-primary mgtp3 linkpad">تقرير أوردرات الدليفرى</a> <span class="">&nbsp;</span>
                        {/if}
                        <a  href="savedailyController.php" class=" btn-primary mgtp3 linkpad">يومية الخزنة </a> <span class="">&nbsp;</span>
                        <a  href="#" class=" btn-primary mgtp3 linkpad">إضافة فاتورة </a> <span class="">&nbsp;</span> -->
                        <a  href="logout.php" class=" btn-danger mgtp3 linkpad">خروج </a> <span class="">&nbsp;</span>
                        {if $Usergroupdata->homePageIcon == 1}
                        <a  href="index.php"><img src="{$path}/assets/img/whieHomePage.jpg" style="height: 22px;width: 22px"/></a> <span class="">&nbsp;</span>
                        {/if}
                    </div>
                <!-- </div>
            </div> -->
             <div class="">
                <div class="caption">
                    {foreach $restaurantorderlast20 as $last20}
                    <a href="sellbillController.php?do=showDetail&sellbillid={$last20.sellBillId}"  class="dropdown-item btn btn-danger" target="_blank">{$last20.sellBillId}</a>
                    {/foreach}
                </div>
            </div>

            <div class="portlet-body ">

                <!--======================Start table-screen=====================-->
                <div class="table-screen">
                    <div class="row">
                        <div class="col-xs-12">
                            <ul>
                                {if $tableId eq ''}
                                {foreach $restaurantTables as $resTable}
                                {if $resTable->del == 0 && ($userdata->userid|in_array:$resTable->hallUsers||$Usergroupdata->seeAllHalls == 1) || ($Usergroupdata->delivery == 1) || ($Usergroupdata->takeAway == 1) }
                                <!--table-->
                                <li class="table-block table-active {if $resTable->beingUsed == 1}changeTable statusIsOpen{else}openTable statusIsClosed{/if}" data-table="{$resTable->id}" data-table-name="{$resTable->name}" data-hall="{$resTable->hallid}" data-hall-price="{$resTable->hallPrice}">
                                    <a >
                                        {if $resTable->beingUsed == 1}
                                        <img src="../views/default/assets/img/resturant/table-active.png">
                                        {else}
                                        <img src="../views/default/assets/img/resturant/table-deactive.png">
                                        {/if}
                                        <h5>{if $resTable->beingUsed != 1&&$resTable->id >0}فتح{/if} {$resTable->name}</h5>
                                    </a>
                                </li>
                                {/if}
                                <!--table-->
                                {/foreach}
                                {else}
                                 {foreach $restaurantTables as $resTable}
                                {if $resTable->del == 0 && ($userdata->userid|in_array:$resTable->hallUsers||$Usergroupdata->seeAllHalls == 1)}
                                {if $tableId eq $resTable->hallid}
                                <!--table-->
                                <li class="table-block table-active {if $resTable->beingUsed == 1}changeTable statusIsOpen{else}openTable statusIsClosed{/if}" data-table="{$resTable->id}" data-table-name="{$resTable->name}" data-hall="{$resTable->hallid}" data-hall-price="{$resTable->hallPrice}">
                                    <a >
                                        {if $resTable->beingUsed == 1}
                                        <img src="../views/default/assets/img/resturant/table-active.png">
                                        {else}
                                        <img src="../views/default/assets/img/resturant/table-deactive.png">
                                        {/if}
                                        <h5>{if $resTable->beingUsed != 1&&$resTable->id >0}فتح{/if} {$resTable->name}</h5>
                                    </a>
                                </li>
                                {/if}
                                {/if}
                                <!--table-->
                                {/foreach} 
                                {/if}
                            </ul>
                        </div>
                    </div>

                </div>
                <!--======================End table-screen=====================-->

                <!--======================Start home-screen=====================-->
                <div class="body_res">

                    <div class="top-action ">
                        <div class="col-md-9 pL0 pR0">
                            <div class="form-group col-md-4 col-xs-4 pL0">
                                <label class="col-lg-5 control-label">التاريخ</label>
                                <div class="col-lg-7 pL0 pR0">
                                    <input type="datetime-local" id="birthday" value="{$today}" name="birthday">

                                </div>
                            </div>
                            <!--<div class="form-group col-md-2 pL0">-->
                                    <!--<input type="time" id="appt" name="appt">-->
                            <!--</div>-->
                            <div class="form-group col-md-5 col-xs-5 pL0 pR0">
                                <label class="col-lg-6 control-label">الطيار</label>
                                <div class="col-lg-6 pL0 pR0">
                                    <select name="cars" id="cars">
                                        <option value="volvo">Volvo</option>
                                        <option value="saab">Saab</option>
                                        <option value="mercedes">Mercedes</option>
                                        <option value="audi">Audi</option>
                                      </select>
                                </div>
                            </div>
                         
                    </div>
                    <!-- <div class="clearfix"></div> -->
                    <div class="col-lg-9  col-xs-9 pL0 pR0">
                        <div class="form-group col-md-4 pL0 pR0 div_client_id">
                            <label class="col-lg-5 col-xs-5 control-label">العميل</label>
                            <div class="col-lg-7 col-sm-7 pL0 pR0">
                                <!--<div class="col-lg-8" id="clientDiv">-->
                                    <input type="text" name="client"  class="wdt100 client_id" />
                                <!--</div>-->
                            </div>
                        </div>
                        <div class="form-group col-xs-5 col-lg-5 pL0">
                            <label class="col-lg-5 col-xs-5 control-label">اسم المستخدم</label>
                            <div class="col-lg-7 col-xs-7 pL0 pR0">
                                <input type="text" id="" name="" value="{$employeename}">

                            </div>
                        </div>
                      
                      
                     
                </div>
                </div>
                    <div class="">

                        <div class="col-xl-11 col-md-11 col-xs-10 pL0" >
                            <div class="row" style="box-shadow: 2px 2px 4px #ddd, -2px -2px 4px #d8d8d8;">
                                  <!---start product-menu-->
                                <div class=" col-md-2 col-xs-2 pL0 pR0">
                                    <div class="menu-category">
                                        <div class="row" >

                                            <!-- <div class="col-xs-12">
                                                <form class="search-form search-form-expanded search-menu">
                                                    <div class="input-group">
                                                        <input type="text" class="form-control input-sm" placeholder="بحث" name="query" id="query">

                                                    </div>
                                                    <input type="hidden" name="groupPerDiscount" id="groupPerDiscount" value="{$Usergroupdata->percentageDiscount}"/>
                                                </form>
                                            </div> -->
                                            <div class="col-xs-12">
                                                <div class="main-menu parent-menu">
                                                    <!-- <h4 > القائمه الرئيسيه</h4> -->

                                                    <ul id="catDiv">

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

                                            <!-- <div class="col-xs-12">
                                                <div class="category-menu">
                                                    <img src="{$path}/assets/img/resturant/prev.png" class="prev-icon" style="margin-top: 10px;">
                                                    <h4 class="head-icon prev-icon" style="display: inline-block;"> الاصناف  </h4>
                                                    <div class="clearfix"></div>
                                                    <div class="category-menu-scroll" id="foodDiv">

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

                                </div>
                                <!---End product-menu--->
                                <div class=" col-md-5 col-xs-5 pL5 pR0">
                                    <div class="category-menu">
                                        <!-- <img src="{$path}/assets/img/resturant/prev.png" class="prev-icon" style="margin-top: 10px;">
                                        <h4 class="head-icon prev-icon" > الاصناف  </h4> -->
                                        <div class="clearfix"></div>
                                        <div class="category-menu-scroll" id="foodDiv">

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

                                <div class=" col-lg-5 col-xs-5" style="padding-right: 0;padding-left: 0">
                                    <div class="detail-order">
                                        <form id="saveOrderForm" action="sellbillController.php?do=endKitchenBill" method="post">
                                            <input type="hidden" name="kitchenPayedVal" id="kitchenPayedVal" value="{$Usergroupdata->kitchenPayedVal}"/>
                                            <input type="hidden" name="kitchenPayedChange" id="kitchenPayedChange" value="{$Usergroupdata->kitchenPayedChange}"/>
                                            <input type="hidden" name="restaurantDefaultPage" id="restaurantDefaultPage" value="{$Usergroupdata->restaurantDefaultPage}"/>
                                            <div class="main-menu orderDetails" style="display: none">
                                                <!-- <div class="order-head">
                                                    <h4>تفاصيل الطلب</h4>
                                                </div> -->
                                                <div id="deliveryPart">
                                                    <div class="form-group col-md-12">
                                                        <label class="col-lg-3 control-label">اسم العميل </label>
                                                        <div class="col-lg-7" id="clientDiv">
                                                            <input type="hidden" id="client" name="client"  class="wdt100"  data-placeholder="اختر عميل " />
                                                        </div>
                                                        <div class="col-lg-2">
                                                                 <button type="button" id="getlastbill" > اخر طلب</button>
                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-12">
                                                        <label class="col-lg-3 control-label">الدين</label>
                                                        <div class="col-lg-8" id="activeUserDebt">

                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-12">
                                                        <label class="col-lg-3 control-label">العنوان</label>
                                                        <div class="col-lg-8" id="activeUserAddress">

                                                        </div>
                                                    </div>
                                                    <div class="form-group col-md-12">
                                                        <label class="col-lg-3 control-label">التليفون</label>
                                                        <div class="col-lg-8" id="activeUserMobile">

                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="table-order scroll">
                                                    <table class="table table-bordered" cellspacing="0" width="100%">
                                                        <thead>
                                                            <tr>
                                                                <th style="width:5%">#</th>
                                                                <th style="width:35%">الصــــــــنف</th>
                                                                <th>الكميه</th>
                                                                <th>السعر</th>
                                                                <th>اجمالى</th>
                                                                <th style="width:20%"> ملاحظات</th>
                                                                <th style="width:5%">&nbsp;</th>
                                                                <th style="width:5%">&nbsp;</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody id="orderTBody">

                                                        </tbody>

                                                    </table>

                                                    <input type="hidden" name="totalBill_hidden" id="totalBill_hidden" value=""/>
                                                     <input type="hidden"  id="discount_hidden" value="0"/>
                                                    <input type="hidden" name="restTaxVal_hidden" id="restTaxVal_hidden" value=""/>
                                                    <input type="hidden" name="netBill_hidden" id="netBill_hidden" value=""/>
                                                    <input type="hidden" name="totalQuantity" id="totalQuantity" value=""/>
                                                    <input type="hidden" name="printBill" id="printBill" value="0"/>
                                                    <input type="hidden" name="tableId" id="tableId" value="0"/>
                                                     <input type="hidden" id="tableidedit" value="{$tableId}"/>
                                                     <input type="hidden" name="sellBillIdold" value="{$sellBillId}" id="sellBillIdold" />
                                                    <input type="hidden" name="orderidold" value="{$OrdereditId}"/>
                                                    <input type="hidden" name="takeAwayClient" id="takeAwayClient" value="{$Programsettingdata->takeAwayClient}"/>
                                                    <input type="hidden" class="payed" name="payed" value="0"  {if $Usergroupdata->kitchenPayedChange == 1}readonly{/if}>
                                                    <input type="hidden" id="ba2ey_hidden" name="ba2ey_hidden" value="0">
                                                    <input name="discount" class="form-control discount" type="hidden" value="" placeholder="0">




                                                </div>
                                                <div class="clearfix"></div>

                                                <div class="clearfix"></div>
                                                <div id="playStationDiv" style="display: none;margin-top: 15px;">
                                                    <img src="../views/default/assets/img/resturant/logops.ico"/>
                                                    <span id="playStationText" class="glowing-border"></span>
                                                </div>
                                                <div class="clearfix"></div>

                                            </div>
                                        </form>

                                        <div id="printOrderDiv" style="display: none">

                                        </div>
                                    </div>

                                </div>
                            </div>
                            <div class="row bottom-btn">
                                <div class="col-md-10 pL0 pR0">
                                    <div class=" col-md-2 col-xs-3 pL0">
                                        <a href="expensesController.php" class="btn  btn-icon btn-default btn-secondary">
                                             المصروفات
                                        </a>
                                    </div>
                                    <div class=" col-md-2 col-xs-3 pL0">
                                        <a href="incomeController.php" class="btn btn-default btn-secondary btn-icon">
                                            الايرادات
                                        </a>
                                    </div>

                                    <div class=" col-md-3 col-xs-3 pL0">
                                        <a href="#" class="btn  btn-icon btn-default btn-secondary">
                                            اجمالي الخزنه :({$totalDay})
                                        </a>
                                    </div>
                                    <div class=" col-md-3 col-xs-3 pL0">
                                        <a href="#" class="btn  btn-icon btn-default btn-secondary">
                                            اجمالي الاوردرات :({$totalBillBydate})
                                        </a>
                                    </div>

                                    {if $Programsettingdata->thereIsRestTax == 1}

                                    <div class="form-group col-md-4 pL0 pR0">
                                        <label class="col-lg-6 col-xs-5 control-label"> {if $Programsettingdata->taxNameFlag == 1}خدمة{else}الضريبة{/if}</label>
                                      <!--   <input type="text" name="billTax" id="billTax" value="" {if $Programsettingdata->editservice == 0} readonly="" {/if} /> -->

                                    </div>
                                    {/if}
                                </div>

                                <!-- Modal -->
                                <div id="add-table" class="modal  fade in" tabindex="-1" data-width="300" >
                                    <div class="modal-dialog">
                                        <div class="modal-content">
                                            <div class="modal-header">
                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                                                <h4 class="modal-title"> الطاولات
                                                    <button type="button" class="btn btn-primar showClosedOnly"> اظهر المغلق فقط</button>
                                                    <button type="button" class="btn btn-success shoAllTables"> اظهر كل الطاولات </button>
                                                </h4>
                                            </div>
                                            <div class="modal-body">
                                                <div class="row">
                                                    <div class="col-md-12">
                                                        <!--======================Start table-screen=====================-->
                                                        <div class="table-sceen">

                                                            <ul id="notUsedTables">
                                                                {foreach $restaurantTables as $resTable}
                                                                {if $resTable->del == 0 && ($userdata->userid|in_array:$resTable->hallUsers||$Usergroupdata->seeAllHalls == 1)}
                                                                <!--table  table-deactive-->
                                                                <li class="table-block {if $resTable->beingUsed == 1}changeTable statusIsOpen{else}openTable statusIsClosed{/if}" data-table="{$resTable->id}" data-table-name="{$resTable->name}" data-hall="{$resTable->hallid}" data-hall-price="{$resTable->hallPrice}">
                                                                    <a href="javascript:;">
                                                                        {if $resTable->beingUsed == 1}
                                                                        <img src="../views/default/assets/img/resturant/table-active.png">
                                                                        {else}
                                                                        <img src="../views/default/assets/img/resturant/table-deactive.png">
                                                                        {/if}
                                                                        <h5>{if $resTable->beingUsed != 1&&$resTable->id >0}فتح{/if} {$resTable->name}</h5>
                                                                    </a>
                                                                </li>
                                                                <!--table-->
                                                                {/if}
                                                                {/foreach}
                                                            </ul>

                                                        </div>
                                                        <!--======================End table-screen=====================-->
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal-footer">
                                                <button type="button" data-dismiss="modal" class="btn dark btn-outline">اغلاق</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-----End content-wait------>
                                
                            </div>
                        </div>
                        <div class="col-xl-1 col-md-1 col-xs-2 pL0">
                            <div class="detail-control">

                                <div class="detail-control">
                                    <div class="glyph button-block">
                                        <a  class="add-table">
                                            <h4>  ط. جديدة</h4>
                                        </a>
                                    </div>
                                </div>

                                <!--<div class=" button-block">-->
                                    <!--<a  href="javascript:;" class="print-bill btn-icon" id="editform">-->
                                        <!--<h4> تعديل</h4>-->
                                        <!--<img src="{$path}/assets/img/resturant/bill2/pencil.png" width="14">-->
                                    <!--</a>-->
                                <!--</div>-->

                                <div class=" button-block">
                                    {if $Usergroupdata->endBill == 1}<a href="javascript:;" class="print-bill btn-icon" id="endBill">
                                    <h4> حفظ</h4>
                                    <img src="{$path}/assets/img/resturant/bill2/logout.png" width="14">
                                </a>{/if}
                                </div>
                                <div class=" button-block">
                                    {if $Usergroupdata->endPrintBill == 1}<a href="javascript:;" class="print-bill btn-icon" id="endPrintBill">
                                    <h4>طباعةوانهاء</h4>
                                    <img src="{$path}/assets/img/resturant/bill2/printer.png" width="14">
                                </a>
                                    {/if}
                                </div>

                                <div class=" button-block">
                                    {if $Usergroupdata->printKitchen == 1}<a href="javascript:;" class="print-bill btn-icon" id="printKitchen">
                                    <h4>طباعة</h4>
                                    <img src="{$path}/assets/img/resturant/bill2/printer.png" width="14">
                                </a>
                                    {/if}
                                </div>

                                <div class=" button-block">
                                    {if $Usergroupdata->sendKitchen == 1}<a href="javascript:;" class="print-bill btn-icon" id="sendKitchen">
                                        <h4>ارسال للمطبخ</h4>
                                        <img src="{$path}/assets/img/resturant/bill2/save.png" width="14">
                                    </a>{/if}
                                </div>


                                <!--<div class=" button-block">-->
                                    <!--<a  class="btn-icon">-->
                                        <!--<h4> تراجع</h4>-->
                                        <!--<img src="{$path}/assets/img/resturant/bill2/previous.png" width="14">-->
                                    <!--</a>-->
                                <!--</div>-->
                                <div class=" button-block">
                                    <a  href="javascript:;" class="print-bill btn-icon" id="zerobill">
                                        <h4> صفريه</h4>
                                        <img src="{$path}/assets/img/resturant/bill2/trash.png" width="14">
                                    </a>
                                </div>


                                <div class=" button-block">
                                    {if $rules->propertyvalue == 0}<a href="ordersreport.php" class="print-bill btn-icon">
                                    <h4>الأوردرات</h4>
                                    <img src="{$path}/assets/img/resturant/bill2/report.png" width="14">
                                </a>{/if}
                                </div>

                            </div>

                            <div class="final-result">
                                <div class="form-group  pL0">
                                    <label class=" control-label">الاجمالي</label>
                                    <div class="pL0 pR0">
                                        <input type="text" readonly class="form-control positivefloat" id="totalBill" name="totalBill" >
                                    </div>
                                </div>

                                <div class="form-group  pL0">
                                    <label class=" control-label">الخصم</label>
                                    <div class="pL0 pR0">
                                        <input name="discount" class="form-control positivefloat" id="discount" type="text" value="" placeholder="0">
                                    </div>
                                </div>

                                <div class="form-group  pL0">
                                    <label class=" control-label">الصافى</label>
                                    <div class="pL0 pR0">
                                        <input type="text" readonly class="form-control positivefloat" id="netBill" name="netBill" value="0">
                                    </div>
                                </div>
                                <div class="form-group  pL0">
                                    <label class=" control-label">المدفوع</label>
                                    <div class="pL0 pR0">
                                        <input type="text" class="form-control positivefloat" id="payed" name="payed" value="0"  {if $Usergroupdata->kitchenPayedChange == 1}readonly{/if}>
                                    </div>
                                </div>

                                <div class="form-group  pL0">
                                    <label class=" control-label">المتبقى</label>
                                    <div class="pL0 pR0">
                                        <input type="text" class="form-control positivefloat" id="ba2ey" name="ba2ey" value="0">
                                    </div>
                                </div>
                                <input type="hidden" name="restTaxVal" id="restTaxVal" value="{$Programsettingdata->restTaxVal}"/>
                            </div>
                        </div>

                    </div>

                    <div class=" bottom-btn">

                        <div class="col-md-7 pL0 pR0">

                            {foreach $return_arr as $cate}
                            <div class="form-group col-md-4 pL0">
                                <label class="col-lg-6 control-label">{$cate.productCatName }</label>
                                <div class="col-lg-6 pL0 pR0">
                                    <input type="text" class="form-control positivefloat"  name="cate" value="{$cate.storeTotal}" style="width:45%;float:right">
                                    <input type="text" class="form-control positivefloat"  name="cate" value="{$cate.catExcelid}" style="width:45%;float:right">
                                </div>
                            </div>
                            {/foreach}

                            <!--<div class="form-group col-md-4 pL0 pR0">-->
                                <!--<label class="col-lg-6 control-label">مبيعات اللحم</label>-->
                                <!--<div class="col-lg-6 pL0 pR0">-->
                                    <!--<input type="text" class="form-control positivefloat" id="payed" name="payed" value="0">-->
                                <!--</div>-->
                            <!--</div>-->
                            <!--<div class="form-group col-md-4 pL0 pR0">-->
                                <!--<label class="col-lg-6 control-label">مبيعات الكفته</label>-->
                                <!--<div class="col-lg-6 pL0 pR0">-->
                                    <!--<input type="text" class="form-control positivefloat" id="payed" name="payed" value="0">-->
                                <!--</div>-->
                            <!--</div>-->
                        </div>

                        <div class="col-md-5">
                            <div class="form-group col-md-12 pR0">
                                <label class="col-lg-3 control-label">الملاحظات</label>
                                <div class="col-lg-9 pL0">
                                    <textarea class="form-control" id="billComment" name="billComment"></textarea>
                                </div>
                            </div>
                        </div>


                    </div>

                    <div class="clearfix"></div>

                </div>
                <!--======================End home-screen=====================-->

            </div>

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

<!-- ======================= accountstree Modal Box =========== -->
<!-- Modal -->
<div class="modal fade" id="drinkDetailsModal" tabindex="-1" role="dialog" aria-labelledby="drinkDetailsModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content bg-modal">
            <div class="modal-header">
                <button type="button" class="close pull-left" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">
                    <label>تفاصيل </label>
                </h4>
            </div>
            <div class="modal-body">
                <form id="drinkDetailsInfo" action="#" method="post" class="form-horizontal">

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default closeAccountsTreeForm" id="cancel" data-dismiss="modal">اغلاق</button>
                <button type="button" id="insert" class="btn btn-primary saveDrinkDetails">حفظ</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- /.modal -->
<!-- ============================================= -->
<div class="modal fade in" id="myclientModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content bg-modal">
            <div class="modal-header">
                <button type="button" class="close pull-left savemodel2" onclick="closeClientForm()" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">اضافة عميل</h4>
            </div>
            <div class="modal-body" style="max-height: 370px;">
                <form id="clientInfomain" action="#" method="post" class="form-horizontal">
                    <div class="form-group">
                        <label for="newclientName" class="col-lg-2 control-label">اسم العميل</label>
                        <div class="col-lg-4">
                            <input class="form-control" placeholder="اسم العميل" id="newclientName" name="newclientName" type="text" required="required" autocomplete="off">


                            <div id="nameError"></div>
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientphone" class="col-lg-2 control-label">رقم التليفون</label>
                        <div class="col-lg-4">
                            <input value="" class="form-control numberinput" placeholder="رقم التليفون" {if $Programsettingdata->clientfieldrequired eq 1} required="required"  {/if} id="clientphone" name="clientphone" type="text">
                        </div>
                    </div>
                     <div class="form-group">
                        <label for="taxnumber" class="col-lg-2 control-label">الرقم الضريبى</label>
                        <div class="col-lg-4">
                            <input  class="form-control"  type="text" name="taxnumber"
                            placeholder="الرقم الضريبى"  id="taxnumber">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientmobile" class="col-lg-2 control-label">رقم الموبايل</label>
                        <div class="col-lg-4">
                            <input class="form-control " placeholder="رقم الموبايل"  {if $Programsettingdata->clientfieldrequired eq 1} required="required"  {/if} id="clientmobile" name="clientmobile" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientaddress" class="col-lg-2 control-label">العنوان</label>
                        <div class="col-lg-4">
                            <input class="form-control" placeholder="العنوان" id="clientaddress" {if $Programsettingdata->clientfieldrequired eq 1} required="required"  {/if} name="clientaddress" type="text">
                        </div>
                    </div>
                    <div class="form-group">
                        <label for="clientdetails" class="col-lg-2 control-label">عنوان 2 </label>
                        <div class="col-lg-4">
                            <textarea class="form-control" rows="3" name="clientdetails" {if $Programsettingdata->clientfieldrequired eq 1} required="required"  {/if}  id="clientdetails"></textarea>
                        </div>
                    </div>


                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default savemodel2" onclick="closeClientForm()" data-dismiss="modal">لا</button>
                <button type="button" class="btn btn-primary savemodel1" >نعم</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<div class="modal fade in" id="myclientDataModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: none;">
    <div class="modal-dialog">
        <div class="modal-content bg-modal">
            <div class="modal-header">
                <button type="button" class="close pull-left savemodel2" data-dismiss="modal" aria-hidden="true">×</button>
                <h4 class="modal-title">بيانات العميل للفاتورة</h4>
            </div>
            <div class="modal-body">
                <form id="clientInfoDatamain" action="#" method="post" class="form-horizontal">
                    <table style="width: 100%">
                        <thead>
                            <tr>
                                <td>الدين الحالى</td>
                                <td style="width:10%"></td>
                            </tr>
                        </thead>
                        <tbody id="clientdebtTBody">
                            <tr>
                                <td id="clientdebtCell"></td>
                                <td></td>
                            </tr>
                        </tbody>
                    </table>
                    <table style="width: 100%">
                        <thead>
                            <tr>
                                <td>التليفونات</td>
                                <td style="width:10%"></td>
                            </tr>
                        </thead>
                        <tbody id="clientphoneTBody">

                        </tbody>
                    </table>
                    <table style="width: 100%">
                        <thead>
                            <tr>
                                <td>العناوين</td>
                                <td style="width:10%"></td>
                            </tr>
                        </thead>
                        <tbody id="clientAddressTBody">

                        </tbody>
                    </table>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default savemodel2" data-dismiss="modal">اغلاق</button>
                <button type="button" class="btn btn-primary savemodel1Data" >نعم</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<input type="hidden" name="printOrder" id="printOrder" value="{$printOrder}"/>


<!-- Modal -->
<div class="modal fade" id="lastbillmodel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel"> تفاصيل اخر فاتوره للعميل  </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body lastbillmodel">
      </div>
     
    </div>
  </div>
</div>

<input type="hidden" id="passworduservalue"  class="form-control" value="{$usergroup.billDeletePassword}">
<input type="hidden" id="valueadded"  class="form-control" value="{$Programsettingdata->valueadded}">

<div class="modal fade" id="passwordmodel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="exampleModalLabel">ادخل باسورد الحذف </h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <input type="password" id="passworduser"  class="form-control">
        <input type="hidden" id="passwordpro"  class="form-control" value="">
        <input type="hidden" id="kindadd"  class="form-control" value="0">
      </div>
     
    </div>
  </div>
</div>

