<script>
    $(document).ready(function (e) {
        print_Custom('mycustomheader');
    });
</script>
<meta charset="UTF-8">
<style>
    .tblx{
        text-align:right;
        border-spacing: 0;
        border-collapse: collapse;
        border:1px solid #333;
        direction:ltr;
    }
    .tblx td {
        padding-right:10px;
    }
    .tblx img {
        max-height:100px;
    }

    .az th {
        padding-right:40px;
    }

    .az td {
        padding-right:40px;
    }

    .az{
        margin: 0 auto;
    }

</style>
<median>
<center>
<img src="{$path}/images/upload/{$Programsettingdata->logo}" width="150px" height="100px" />
</center>
<table class="az table-black">
    <thead>
    <tr>
        <th>اسم العميل :  </th>
        <td class="x30">
            {$allbills->clientname}
        </td>
        <th>تاريخ البيان :  </th>
        <td class="x30">

            {$allbills->createdatetime}
        </td>
        <th>اسم المستخدم :  </th>
        <td class="x30">

            {$userdata->username}
        </td>
    </tr>
    </thead>
</table>
    <br>
<table width="100%" border="1" class="tblx table-black">


    <tr>
        <!--<td style="text-align: center"> قيمة الايجار</td>-->
        <!--<td style="text-align: center">مدة الايجار </td>-->
        <td style="text-align: center"> تاريخ نهايه الايجار</td>
        <td style="text-align: center"> تاريخ بدايه الايجار </td>
        <td style="text-align: center"> الاجمالى</td>
        <td style="text-align: center">القيمة </td>
        <td style="text-align: center"> الكمية</td>
        <td style="text-align: center">اسم المنتج </td>
    </tr>
    {foreach $allbills->pros as $pro}

    <tr>
        <!--<td style="text-align: center">     {$pro->totalprice} </td>-->
        <!--<td style="text-align: center">    {$pro->diffdate}       </td>-->
        <td style="text-align: center">    {$pro->enddate}        </td>
        <td style="text-align: center">    {$pro->startdate}      </td>
        <td style="text-align: center">    {$pro->totalprice}     </td>
        <td style="text-align: center">    {$pro->rentprice}      </td>
        <td style="text-align: center">    {$pro->amount}         </td>
        <td style="text-align: center">    {$pro->productname}    </td>
    </tr>
    {/foreach}


</table>

<br><br>
<table  width="40%" border="1" class="tblx table-black">
    <tr>
        <td >{$allbills->billtotal} </td>
        <td > الاجمالى </td>
    </tr>
    <tr>
        <td >{$allbills->billpayed} </td>
        <td> المدفوع </td>
    </tr>
    <tr>
        <td >  {$allbills->billtotal - $allbills->billpayed} </td>
        <td > الباقى </td>
    </tr>

</table>

<div id="terms" style="

                         text-align: center;
                         {if $billsettingsData[81]->billsettingsvalue == 1}display:none{/if}">
    <h5>تصميم شركة جى تى فور   01110070882 </h5>
</div>

</median>
<!--<div>-->

    <!--انه في يوم {$allData[0]} بتاريخ:  {$allData[1]}  هجري   الموافق:   {$allData[2]}ميلادى بين الموقعين أدناه <br>-->

    <!--(طرف أول مؤجر)<br>-->

    <!--مؤسسة الفن الذكي لتنظيم الحفلات والمناسبات سجل رقم : {$allData[3]} <br>-->

    <!--(طرف ثاني مستأجر) <br>-->

    <!--السيد :  {$allData[4]}   محل الإقامة :   {$allData[5]}   بطاقة رقم    {$allData[6]}<br>-->

    <!--تاريخ الإنتهاء:   {$allData[7]}هجري <br>-->

    <!--حيث ان الطرف الثاني (المستأجر) رغب في إستاجار اغراض من الطرف الأول (المؤجر) <br>-->

    <!--وحيث تلاقت إرادة الطرفين فقد اتفقوا علي الاتي :<br>-->

    <!--اجر الطرف الأول للطرف الثاني ما هو مستلزمات حفله المذكورة بمالية لمدة {$allData[8]}<br>-->

    <!--إبتدا من يوم   {$allData[9]} بتاريخ    :  {$allData[10]}   هجري   الموافق:   {$allData[11]}  ميلادى  اليوم : {$allData[12]}  الموافق : {$allData[13]}  <br>-->
    <!--مبلغ وقدره   {$allData[14]} رقما: {$allData[15]} <br>-->

    <!--كتابا شيك برقم  {$allData[16]} <br>-->

<!--</div>-->


<!--<table class="table-black">-->
    <!--<tr>-->
        <!--<td > المؤجر</td>-->
        <!--<td style="padding-right: 148px;">  المستأجر</td>-->
    <!--</tr>-->
    <!--<tr>-->
        <!--<td >الاسم </td>-->
        <!--<td style="padding-right: 148px;"> الاسم </td>-->
    <!--</tr>-->
    <!--<tr>-->
        <!--<td > التوقيع</td>-->
        <!--<td style="padding-right: 148px;"> التوقيع </td>-->
    <!--</tr>-->

<!--</table>-->

<!--<span>ملاحظة : ينتهي التأجير مع انتهاء المناسبة في نفس اليوم .. </span>-->