<div class="row col-md-12" style="background: #f1f3fa url({$path}/_assets/custom/images/nas.png) no-repeat top center !important;
     background-position: center;
     background-border: none !important; background-color: rgba(255,255,255,0.6);
     background-blend-mode: lighten;
     background-size: 100% !important;">

    <div class="col-md-12">
        <table style="width: 98%;" class="noborder">
            <tr>
                <td class="enfnt bold txtc wds30" >
                    <h4 class="enfnt txtc" >
                        <img  style="width:  125px ;height: 125px;"   src="{$hosturl}/../upload/linkqrcodes/{$statusno}.png">
                    </h4>
                    <h4 class="enfnt txtc bold">
                        <span> Invoice </span>
                    </h4>
                </td>
                <td class="enfnt bold txtc">
                    <h3 class="enfnt bold txtc">Invoice Tax - فاتورة ضريبية </h3>
                    <h4 class="enfnt bold txtc">Invoice No.{$printserial}</h4>
                    <h4 class="enfnt bold txtc">Invoice Date : {$visitdate}</h4>
                    <h4 class="enfnt bold txtc"> Payment Method : {$payingMethod} </h4>
                </td>
                <td class="enfnt bold txtc wds30" >
                    <h4 class="enfnt txtc" >
                        <img  style="width:  125px ;height: 125px;"   src="{$hosturl}/../upload/linkqrcodes/{$statusno}.png">
                    </h4>
                    <h4 class="enfnt txtc bold">
                        <span> My Results </span>
                    </h4>
                </td>
            </tr>
        </table>
    </div>

    <hr style="border: 1px solid black;">

    <div class="col-md-12">
        <table style="width: 98%;" class="noborder">

            <tr>
                <td class="enfnt bold txtl">Patient Name</td>
                <td class="enfnt  txtc">{$pat_name}</td>
                <td class="arbfnt bold txtr">اسم المريض </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl" >Patient No</td>
                <td class="enfnt  txtc" >{$statusno}</td>
                <td class="arbfnt bold txtr" >كود  المريض </td>
            </tr>


            <tr>
                <td class="enfnt bold txtl" >Patient ID</td>
                <td class="enfnt  txtc" >{$patientId}</td>
                <td class="arbfnt bold txtr" >رقم الهوية    </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl">Nationality</td>
                <td class="enfnt  txtc">{$nationality}</td>
                <td class="arbfnt bold txtr">الجنسية </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl">Age</td>
                <td class="enfnt  txtc">{$age}</td>
                <td class="arbfnt bold txtr">العمر </td>
            </tr>
            <tr>
                <td class="enfnt bold txtl">Gender</td>
                <td class="enfnt  txtc">{$gender}</td>
                <td class="arbfnt bold txtr">النوع </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl">Doctor</td>
                <td class="enfnt  txtc">{$doctorName}</td>
                <td class="arbfnt bold txtr">الطبيب </td>
            </tr>

        </table>
    </div>

    <div class="col-md-12">
        <table style="width: 98%;" class="table">
            <thead>
                <tr>
                    <th class="enfnt bold txtc">Test Name - اسم الاختبار </th>
                    <th class="enfnt bold txtc">Price - السعر </th>
                </tr>
            </thead>
            <tbody>
                {foreach $visitOffers as $test }
                <tr>
                    <td class="enfnt  txtc" >{$test.name}</td>
                    <td class="enfnt  txtc" >{$test.price} {$labSetting->currency}</td>
                </tr>
                {/foreach}

                {foreach $visitTests as $test }
                <tr>
                    <td class="enfnt  txtc">{$test.name}</td>
                    <td class="enfnt  txtc">{$test.price} {$labSetting->currency}</td>
                </tr>
                {/foreach}

                {if   $visit->detectionid > 0 }
                <tr>
                    <td class="enfnt  txtc">{$service}</td>
                    <td class="enfnt  txtc"> {$visit->lab_detection_price} {$labSetting->currency}</td>
                </tr>
                {/if}
            </tbody>
        </table>
    </div>

    <hr style="border: 1px solid black;">
    <div class="col-md-12">
        <table style="width: 98%;" class="noborder">

            <tr>
                <td class="enfnt bold txtl">Total (Excluding VAT)</td>
                <td class="enfnt  txtc">{$visit->totaldetectionvalue} {$labSetting->currency}</td>
                <td class="arbfnt bold txtr">( الإجمالي (غير شامل القيمة المضافة </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl">Discount Total</td>
                <td class="enfnt  txtc">{$visit->discount} {$labSetting->currency}</td>
                <td class="arbfnt bold txtr">مجموع الخصومات </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl">Total VAT</td>
                <td class="enfnt  txtc"> {$visit->vat_value} {$labSetting->currency}</td>
                <td class="arbfnt bold txtr"> مجموع ضريبة القيمة المضافة </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl">Total Amount Due</td>
                <td class="enfnt  txtc">{$visit->totalAmount} {$labSetting->currency}</td>
                <td class="arbfnt bold txtr">اجمالي المبلغ المستحق </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl" >Paid</td>
                <td class="enfnt  txtc" >{$visit->detectionvalue_cash + $visit->detectionvalue_visa} {$labSetting->currency}</td>
                <td class="arbfnt bold txtr" >المدفوع   </td>
            </tr>

            <tr>
                <td class="enfnt bold txtl" >Remaining</td>
                <td class="enfnt  txtc" >{$visit->restdetectionvalue} {$labSetting->currency}</td>
                <td class="arbfnt bold txtr" >المتبقي   </td>
            </tr>

        </table>
    </div>
    <hr style="border: 1px solid black;">
    <div class="col-md-12">
        <table style="width: 98%;" class="noborder">

            <tr>
                <td class="enfnt bold txtl"></td>
                <td class="arbfnt bold txtr">Phone : {$programesetting->phone}</td>
            </tr>

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


{literal}
<style>
    .bold {
        font-weight: bold;
    }

    .h1 {
        font-weight: 900;
        font-size: 28px;
    }

    .h2 {
        font-weight: 700;
        font-size: 26px;
    }

    @media print {
        #patient_profile_print {
            transform: scale(.9);
        }

        .bold {
            font-weight: bold;
        }

        .h1 {
            font-weight: 900;
            font-size: 28px;
        }

        .h2 {
            font-weight: 700;
            font-size: 26px;
        }

        .table>thead>tr>th {
            background: #DDD !important;
            border: 1px solid #DDD !important;
        }

        .table>tbody>tr>td,
        .table>thead>tr>td {
            border: 1px solid #DDD !important;
        }
    }
</style>
{/literal}

<style>
    @page {
        ldelim
    }

    size: auto;

    margin-top: {
        $programesetting->above2
    }

    cm !important;

    margin-bottom: {
        $programesetting->buttom2
    }

    cm !important;

    {
        rdelim
    }

    .arbfnt {
        ldelim
    }

    font-size: {
        $programesetting->fontsizear2
    }

    px !important;

    {
        rdelim
    }

    .enfnt {
        ldelim
    }

    font-size: {
        $programesetting->fontsizeen2
    }

    px !important;

    {
        rdelim
    }

    #content,
    #page {
        width: 100%;
        margin: 0;
        float: none;
    }


    /* Unnötige Elemente ausblenden für den Druck */

    #header-widgets,
    nav,
    aside.mashsb-container,
    .sidebar,
    .mashshare-top,
    .mashshare-bottom,
    .content-ads,
    .make-comment,
    .author-bio,
    .heading,
    .related-posts,
    #decomments-form-add-comment,
    #breadcrumbs,
    #footer,
    .post-byline,
    .meta-single,
    .site-title img,
    .post-tags,
    .readability {
        display: none;
    }
</style>
