<meta charset="UTF-8">
<style>
    .solidgraytop{
        border-top-style:solid;
        border-top-color:#000;
    }
    .solidgrayleft{
        border-left:solid;
        border-left-width:3px;
        border-color: #000;
    }
    .solidgrayright{
        border-right-style:solid;
        border-right-color:#000;
    }
    .solidgraybottom{
        border-top-style:solid;
        border-top-color:#000;
    }
    .hidetop{
        border-top:hidden !important;
    }
    .fromaccountstyle{
        font-weight:bold;
        font-size:17px;
        color:blue;
    }
    .toaccountstyle
    {
        font-weight:bold;
        font-size:17px;
        color:purple;
    }
    .mytotal{
        background-color:#000;
        font-weight:bold;
    }
    .nodata{
        background-color: #72B4EC;
        color: white;
        border-radius: 13px;
        margin: 14px;
        font-size: 24px;
        text-align: center;
        padding: 5px;
    }
    .table {
        font-family: arail;
        direction: rtl;
        border-collapse: collapse;
        width: 100%;
        border:1px solid #000;
    }
    .table th{
        //border-top:3px solid #000;
        //border-right:3px solid #000;
        //border-left:3px solid #000;
        padding: 5px 3px;
        background: #ccc;
        color: #000;
    }

    .ttt{
        border-top:1px solid #000;
    }
    .rrr{
        border-right:1px solid #000;
    }

    .lll{
        border-left:1px solid #000;
    }



    .table td{
        text-align: right;
        padding-right: 3px;

    }

    .xno ,.xrq, .xmdn ,.xdan{
        width:5% !important;
    }

    .x40{
        width:40% !important;
    }
    .x30{
        width:30% !important;
    }
    .x20{
        width:20% !important;
    }
    .x10{
        width:10% !important;
    }

    .x25{
        width:25% !important;
    }
    .xdate {
        wudth:8%;
    }
    .xacc {
        min-width: 20%;
    }
    .xbyn {
        min-width: 42% !important;
    }
    .xbyq {
        min-width: 10% !important;
    }
    .bold {
        font-size: 14px;
    }
    @media print {
        @page {
            margin: 0px !important;
        }
    }

</style>

<style>
    table{
        border-collapse: collapse;
        margin-bottom:10px;
    }
    table td , table th {
        border:1px solid #111;
        text-align: center;
        font-size: 16px;
        font-family:arial;
    }
    .font24{
        font-size: 24px;
    }
    strong{
        font-weight: 600;
    }

    .ltable td
    {
        width: 2cm;
    }
    .noborder ,.noborder * {
        border:0px !important;
    }
    .makeborder{
        border:1px solid #000000 !important;
    }
    .fixborder {
        margin: 5px !important;
        padding: 5px !important;
    }
    .xheight{
        height: 60px !important;
    }
    .nah{
        background: black !important;
    }

    .alert-danger {
        color: #111;
        background-color: #ccc;
        border-color: #ddd;
    }

    .alert {
        padding: 15px 35px 15px 15px;
        margin-bottom: 20px;
        border-radius: 4px;
        text-align: right;
    }
</style>

<center style="page-break-after:always;">
    <img src="{$path}/images/upload/{$Programsettingdata->logo}" width="150px" height="100px" /><br><br><br>
    <div>
        {$client->clientname} : <span>اسم العميل   </span><br><br>
    </div>
    <table class="table table-black">
        <thead>
            <tr>
                <th> <center>   رقم الفاتورة</center></th>
        <th><center>  قيمة الفاتورة</center></th>
        <th><center>  قيمة الدين</center></th>
        <th><center> القيمة المسددة من قبل</center></th>
        <!--<th><center> طريقة السداد السابقة</center></th>-->
        <th><center> قيمة السداد </center></th>
        <th><center> التاريخ  </center></th>
        <th ><center>  نوع الدفع </center></th>
        </tr>
        </thead>

        <tbody>

        <tbody>
            {foreach $client_bills as $data}

            <tr class="gradeA " id="bill_tr_{$data.billno}">

                <td><center>{$data.billno}</center></td>
        <td><center>  {$data.finalnetbillvalue}  </center></td>
        <td><center> <span id='waitvalue_{$data.billno}'>{$data.waitvalue}</span></center></td>

        <td><center>
            {$data.total_payed}    
        </center>
        </td>

        <td  ><center> 
            <span>{$data.payed_val}</span>
        </center></td>
        <td  ><center> 
            <span>{$data.date}</span>
        </center></td>

        <td class=" paytype_text" id="paytype_text_{$data.billno}"><center> 
            <span>{$data.paytype}</span>
        </center></td>
        </tr>



        {/foreach}


        </tbody>

        </tbody>
    </table>

