{assign var = tsellbill  value = 0}
{assign var = treturnsellbill  value = 0}
{assign var = texpenses  value = 0}
{assign var = tclientdebtchange  value = 0}



<div class="row" style="text-align: center;">
    <div class="col-lg-3">
               <h3>    المبيعات   :   <span id="tsellbill"> {$tsellbill} </span></h3> 
    </div>
    <div class="col-lg-3">
              <h3>    المردود     :  <span id="treturnsellbill">{$treturnsellbill} </span></h3> 
    </div>
    <div class="col-lg-3">
              <h3>  المصروفات     : <span id="texpenses">{$texpenses} </span></h3> 
    </div>
    <div class="col-lg-3">
            <h3 > التحصيل    :  <span id="tclientdebtchange"> {$tclientdebtchange} </span></h3> 
    </div>
</div>  

<!-- 
<div class="row" style="text-align: center;">
      <h1 id="tcspaids"> {$tsellbill - ($tsrealestateunitspaids - $texpenses)} </h1> 
</div>  
 -->



<div class="row">
    <div class="col-lg-6">
        <h3 style="text-align:center;">المبيعات </h3>
        <table class="table table-bordered">
         
          <thead>
            <tr>
              <th scope="col">الرقم</th>
              <th scope="col">البيان</th>
              <th scope="col">التاريخ</th>
              <th scope="col">القيمه</th>
            </tr>
            
          </thead>
          <tbody>
             {foreach $sellbill as $sell}
            <tr>
              <td>{$sell.sellbillid}</td>
              <td>{foreach $sell.sellbilldetail as $sellbilldetail}
              {$sellbilldetail.productName}/{$sellbilldetail.productCatName}/{$sellbilldetail.sellbilldetailquantity}/{$sellbilldetail.sellbilldetailprice} <br>
                {/foreach}</td>
              <td>{$sell.sellbilldate}</td>
              <td>{$sell.sellbilltotalpayed}</td>
            </tr>
            {assign  var = tsellbill value = $tsellbill + $sell.sellbilltotalpayed}
            {/foreach}
            <tr>
                <td colspan="4" style="background:#ccc;text-align: center;">{$tsellbill}</td>
            </tr>
          </tbody>           
        </table>

        <h3 style="text-align:center;">المردود </h3>
        <table class="table table-bordered">
         
          <thead>
            <tr>
              <th scope="col">الرقم</th>
               <th scope="col">البيان</th>
              <th scope="col">التاريخ</th>
              <th scope="col">القيمه</th>
            </tr>
            
          </thead>
          <tbody>
             {foreach $returnsellbill as $return}
            <tr>
              <td>{$return.returnsellbillid}</td>
               <td>{foreach $return.returnsellbilldetail as $returnsellbilldetail}
              {$returnsellbilldetail.productName}/{$returnsellbilldetail.productCatName}/{$returnsellbilldetail.returnsellbilldetailquantity}/{$returnsellbilldetail.returnsellbilldetailprice} <br>
                {/foreach}</td>
              <td>{$return.returnsellbilldate}</td>
              <td>{$return.returnsellbillaftertotalbill}</td>
            </tr>
            {assign  var = treturnsellbill value = $treturnsellbill + $return.returnsellbillaftertotalbill}
            {/foreach}
            <tr>
                <td colspan="4" style="background:#ccc;text-align: center;">{$treturnsellbill}</td>
            </tr>
          </tbody>           
        </table>









     
    </div>
    <div class="col-lg-6">
       

         <h3 style="text-align:center;">المصروفات </h3>
        <table class="table table-bordered">
         
          <thead>
            <tr>
              <th scope="col">الرقم</th>
              <th scope="col">اسم المصروف</th>
              <th scope="col">التاريخ</th>
              <th scope="col">القيمه</th>
            </tr>
            
          </thead>
          <tbody>
             {foreach $expenses as $expense}
            <tr>
              <td>{$expense.expensesid}</td>
              <td>{$expense.expensesname}</td>
              <td>{$expense.expensesdate}</td>
              <td>{$expense.expensesValue}</td>
            </tr>
            {assign  var = texpenses value = $texpenses + $expense.expensesValue}
            {/foreach}
            <tr>
                <td colspan="4" style="background:#ccc;text-align: center;">{$texpenses}</td>
            </tr>
          </tbody>           
        </table>



         <h3 style="text-align:center;">التحصيل </h3>
        <table class="table table-bordered">
         
          <thead>
            <tr>
              <th scope="col">الرقم</th>
              <th scope="col">التاريخ</th>
              <th scope="col">القيمه</th>
            </tr>
            
          </thead>
          <tbody>
             {foreach $clientdebtchange as $change}
            <tr>
              <td>{$change.clientdebtchangeid}</td>
              <td>{$change.clientdebtchangedate}</td>
              <td>{$change.clientdebtchangeamount}</td>
            </tr>
            {assign  var = tclientdebtchange value = $tclientdebtchange + $change.clientdebtchangeamount}
            {/foreach}
            <tr>
                <td colspan="4" style="background:#ccc;text-align: center;">{$tclientdebtchange}</td>
            </tr>
          </tbody>           
        </table>


    </div>
</div>

<div class="row" style="text-align: center;">
    <div class="col-lg-3">
               <h3>      المبيعات      :   <span id="gtsellbill"> {$tsellbill} </span></h3> 
    </div>
    <div class="col-lg-3">
              <h3>     المردود     :   <span id="gtreturnsellbill">{$treturnsellbill} </span></h3> 
    </div>
    <div class="col-lg-3">
              <h3>  المصروفات     : <span id="gtexpenses">{$texpenses} </span></h3> 
    </div>
    <div class="col-lg-3">
            <h3 >  التحصيل    :  <span id="gtclientdebtchange"> {$tclientdebtchange} </span></h3> 
    </div>
</div>  



{literal}
<script type="text/javascript">
$(document).ready(function () {
      $("#tsellbill").html($("#gtsellbill").text());
      $("#treturnsellbill").html($("#gtreturnsellbill").text());
      $("#texpenses").html($("#gtexpenses").text());
      $("#tclientdebtchange").html($("#gtclientdebtchange").text());
});  
</script>
{/literal}