<html dir="rtl">
    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>GT4</title>
        <style>
            @media print {
                @page {
                    size: 100mm 200mm landscape; /* landscape */
                    /* you can also specify margins here: */
                    margin: 0mm;
                    margin-right:0mm; /* for compatibility with both A4 and Letter */
                    /* size: 139mm 215mm;
  height: 215mm;
  width: 139mm; */
                }

            }
            table.info tr{
                width:100%;
            }



            .body{
                direction: rtl
            }
            td{
                margin: 0
            }

            .table-black1 tbody>tr>td {

                vertical-align: middle;
                text-align: center;
                border: 1px solid #000;
            }

            .result,.result tr,.result tr td{
                border:1px solid #000
            }
            .td td
            {
                border-right-widtd: 1px;
                border-bottom-widtd: 1px;
                border-left-widtd: 0px;
                border-top-style: none;
                border-right-style: dotted;
                border-bottom-style: solid;
                border-left-style: none;
                border-bottom-color: #999;
                font-size: 17px;
                border-right-color: #999;
            }
            .NEE
            {
                font-size: 14px;
            }
            .newdesign
            {
                font-size: 14px;
            }
            .copywrites
            {
                font-size: 11px;
            }
            td{
                margin: 0!important
            }


        </style>


        <style>
            td{
                font-size:15px;
                font-weight: 200;
                padding: 0 2px

            }
            .td td
            {
                border-right-width: 1px;
                border-bottom-width: 1px;
                border-left-width: 0px;
                border-top-style: none;
                border-right-style: dotted;
                border-bottom-style: solid;
                border-left-style: none;
                border-bottom-color: #999;
                font-size: 17px;
                border-right-color: #999;
                padding: 0 2px
            }
            .NEE
            {
                font-size: 14px;
            }
            .newdesign
            {
                font-size: 14px;
            }
            .copywrites
            {
                font-size: 11px;
            }
        </style>
        <style>
            .td td
            {
                border-right-width: 1px;
                border-bottom-width: 1px;
                border-left-width: 0px;
                border-top-style: none;
                border-right-style: dotted;
                border-bottom-style: solid;
                border-left-style: none;
                border-bottom-color: #999;
                font-size: 18px;
                border-right-color: #999;
                padding: 0 2px
            }
            .NEE
            {
                font-size: 14px;
            }
            .newdesign
            {
                font-size: 14px;
            }
            .copywrites
            {
                font-size: 11px;
            }
            .style2 {
                font-family: tahoma
            }
            .style4 {
                font-family: tahoma; font-size: 14px; font-weight: bold;
                border: 1px solid  #999  !important;
            }
            .serial {
                background-color: #C8C8C8;
                height: 20px;
                width: 150px;
                padding: 5px;
                margin: 5px;
                border: medium double #000000;
                text-align: center;
            }
            .style1 {
                font-size: 15px
            }
            .style-num {
                font-size: 12px
            }
            table.data td{
                border:1px solid #000;
                text-align: center;
            }
            td{
                font-size:13px;
                padding: 0 2px
            }
            .table-last td{
                border:1px solid #444;
                text-align: center;
            }
        </style>


        <script src="../views/default/assets/js/jquery.js"></script>
        <script language="javascript" type="text/javascript">
            /*$(document).ready(function() {
             //window.print();

             // printDiv();
             });*/
            function printDiv() {
                var divId = document.getElementById('printdiv');
                divId.setAttribute("className", "print_section print");
                divId.setAttribute("class", "print_section print");
                window.print();
                setTimeout(window.close, 0);
                //window.close();
            }
        </script>
    </head>




    <body onLoad="printDiv()">
        <div  id="printdiv" >

            <b>
                <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" class="table-black">
                    <tr>
                        <td colspan="2" align="center" class="style1">
                            <img src="{$logoImageSrc}" alt="" width="134" height="49">
                            {*$Programsettingdata->phone*}
                        </td>
                    </tr>
                </table>

            </b>
            <div style="clear:both"></div>
            <!-------------------------------------------------------------------------------->
            <!-------------------------------------------------------------------------------->
            <!-------------------------------------------------------------------------------->
            <!-------------------------------------------------------------------------------->
            <b style="{if $clientdebtchangeId == 0}display:none;{/if}">
                <br/>
                <h3 style="margin-bottom: 10px!important;text-align:center"><u>تفاصيل ايصال سداد العميل</u></h3>

                <p>
                <div style="display:inline;width:50%;float:right;">
                    <label style="width:20%;display:inline-block;padding-right:20%;">العميل </label>:
                    {foreach $clientsData as $data}
                    {if {$data->clientid} eq {$clientdebtchangeData->clientid}} {$data->clientname} {/if}
                    {/foreach}

                </div>
                <div style="display:inline;width:50%;float:left;">
                    <label style="width:20%;display:inline-block;padding-right:20%;">الدين قبل </label>:
                    {$clientdebtchangeData->clientdebtchangebefore}
                </div>



                <div style="display:inline;width:50%;float:right;">
                    <label style="width:20%;display:inline-block;padding-right:20%;">رقم الوصل </label>:
                    {$clientdebtchangeData->clientdebtchangemodelid}
                </div>
                <div style="display:inline;width:50%;float:left;">
                    <label style="width:20%;display:inline-block;padding-right:20%;">قيمة الايصال </label>:
                    {$clientdebtchangeData->clientdebtchangeamount}
                </div>


                <div style="display:inline;width:50%;float:right;">
                    <label style="width:20%;display:inline-block;padding-right:20%;">تاريخ الايصال </label>:
                    {$clientdebtchangeData->clientdebtchangedate}
                </div>
                <div style="display:inline;width:50%;float:left;">
                    <label style="width:20%;display:inline-block;padding-right:20%;">الدين بعد </label>:
                    {$clientdebtchangeData->clientdebtchangeafter}
                </div>



                {if !empty({$clientdebtchangeData->comment}) }
                <div style="display:inline;width:50%;float:right;">
                    <label style="width:20%;display:inline-block;padding-right:20%;">التعليق</label>:
                    {$clientdebtchangeData->comment}
                </div>
                {/if}
            </b>
            <div style="clear:both"></div>
            <!-- footer -->
            <b>
                <div style="text-align: center">
                    <p><span class="copywrites">تصميم شركة جي تي فور 01110070882</span></p>
                </div>
            </b>

        </div>

    </body>
</html>