<div class="modal fade" id="print_preview_modal" style="padding-top: 40px; background: rgba(0, 0, 0, 0.54); overflow: auto; padding-left: 17px;">
    <div class="print-preview-header">
        <ul>
            <li style="display: inline-block;" class="approve" reverify="1">
                @if(\App\Http\Controllers\Helper\GlobalController::user_can(Auth::user()->role_id, ['approve_result']) && empty($sample->approved_by))
                    <a href="javascript:void(0)" onclick="approveSample({{$sample->id}})" id="approve"><i class="fa fa-check"></i>&nbsp;<b> {{__('sample.btn_approve')}} </b></a>
                @endif
            </li>
            <li style="display: inline-block;" class="print">
                @if(\App\Http\Controllers\Helper\GlobalController::user_can(Auth::user()->role_id, ['print_result']))
                    <a href="javascript:void(0)" onclick="printJS('presult-1', 'html'); {{$sample->is_printed==0? 'printRecorder()':''}}" id="doPrinting"><i class="fa fa-print"></i>&nbsp;<b>{{__('sample.btn_print')}}</b></a>
                @endif
            </li>
        </ul>
        <span class="close-preview" data-dismiss="modal" title="Close"><i class="fa fa-times"></i></span>
    </div>
    <div class="modal-dialog modal-xxl A4-portrait"><div class="psample-result active" id="presult-1">

            <title>Result</title>
            <meta name="viewport" content="width=device-width, initial-scale=.5, maximum-scale=12.0, minimum-scale=.25, user-scalable=yes">
            <style>
                page[size="A4"] {
                    background: white;
                    width: 21cm;
                    display: block;
                    margin: 10px auto;
                    margin-left: 0.5cm !important;
                    box-shadow: 0 0 0.5cm rgba(0,0,0,0.5);
                    padding: 1cm;
                    font-family: 'SourceSerifPro-Regular', 'Noto Sans Khmer', 'serif';
                    font-size: 11.5pt;
                    line-height: 23px;
                    page-break-after: always;
                }

                page[size="A4"], th, td {
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    box-sizing: border-box;
                }

                page[size="A4"] table {
                    border-spacing: 2px !important;
                    border-collapse: separate !important;
                }

                table th, table td {
                    text-align: left;
                }
                table td {
                    font-weight: normal;
                }

                table.patient-info, table.department-sample-info  {
                    border: 1px solid #7a7a7a;
                    line-height: 18px;
                    padding: 3px;
                }
                table.patient-info td, table.patient-info th {
                    vertical-align: top;
                }
                table.department-sample-info {
                    background-color: #ebebeb;
                }

                table.test-result {
                    font-family: 'SourceSerifPro-Regular', 'serif';
                }
                table.test-result tr th {
                    border-bottom: 1px solid black;
                }
                table.test-result tr th:not(:last-child), table.test-result tr td:not(:last-child) {
                    padding-right: .2cm;
                }
                table.test-result tr:first-child + tr td {
                    padding-top: 5px;
                }

                p.value-pair {
                    position: relative;
                    width: 100%;
                    margin: 0;
                }

                p.value-pair:before {
                    content: '';
                    display: block;
                    position: absolute;
                    width: 100%;
                    bottom: .25rem;
                    height: 0;
                    line-height: 0;
                    border-bottom: 2px dotted #858585;
                }

                p.value-pair .name {
                    background: white;
                    z-index: 1;
                    position: relative;
                    padding-right: 5px;
                }

                p.value-pair .value {
                    background: white;
                    z-index: 1;
                    right: 0;
                    position: absolute;
                    padding-left: 5px;
                    font-weight: bold;
                }
                .out-of-range {
                    font-family: 'SourceSerifPro-Bold', 'serif';
                    font-weight: bold;
                    font-size: 12pt;
                }

                .text-center {
                    text-align: center;
                }
                .text-left {
                    text-align: left;
                }
                .text-right {
                    text-align: right;
                }
                .text-top {
                    vertical-align: top;
                }
                .text-bottom {
                    vertical-align: bottom;
                }
                .text-middle {
                    vertical-align: middle;
                }
                .text-bold {
                    font-weight: bold;
                }
                .text-no-wrap {
                    white-space: nowrap;
                }
                table.test-result {
                    line-height: 16px;
                }
                #footer {
                    line-height: 17px;
                }
                #footer .laboratory-address td {
                    border-top: 1px solid black;
                    padding-top: 10px;
                }
                #footer .result-footer-signature td {
                    vertical-align: top;
                    padding-bottom: 0px;
                }

                @page {
                    margin: 1cm 1cm 0;
                }

                @media print {
                    @page {
                        margin: 1cm;
                        margin-left: 0.5cm !important;
                    }

                    body,
                    page[size="A4"] {
                        margin: 0;
                        margin-left: 0.5cm !important;
                        padding: 0;
                        box-shadow: none;
                        background-color: transparent;
                    }

                    body .sample-result .sample-type{
                        page-break-inside: avoid;
                    }


                    #footer {
                        display: block;
                        position: fixed;
                        bottom: 0;
                        margin-top: 500px !important;
                        padding-bottom: 0px !important;
                    }

                    #footer .result-footer-signature td {
                        vertical-align: top;
                        padding-bottom: 0px;
                    }

                    table .tname{

                        width:360px !important;
                    }

                    table td, table th{
                        font-family:"Verdana" !important;
                        font-size:10pt !important;
                        padding-top: 0px;
                        padding-bottom: 0px;
                    }

                    .tbl-interpret tbody td{
                        border: 1px dashed #555 !important;
                        font-size: 10pt !important;
                        border-spacing: 0px !important;
                        padding-left: 5px;
                    }

                }

                table td, table th{
                    font-family:"Verdana" !important;
                    font-size:10.5pt !important;
                    border-collapse: collapse;
                }

                table .tname{

                    width:360px !important;
                }

                #print_invoice_modal .table-inv th, .table-inv td {
                    border: 1px solid black;
                    border-collapse: collapse;
                }
                .abnormal{
                    font-weight: {{$labSettings->abnormal_result_font_weight==1?'bold':'normal'}} !important;
                    color: {{$labSettings->abnormal_text_color}} !important;
                }

                .tbl-interpret tbody td{
                    border: 1px dashed #555 !important;
                    font-size: 10pt !important;
                    border-collapse: collapse;
                    border-spacing: 0px !important;
                    padding-left: 5px;
                }

            </style>

            <page size="A4">
                <table border="0" width="100%" style="font-size: 11.5pt !important;">
                    <thead>
                    <tr>
                        <th style="width:100%" class="text-center">
                            @if(!empty($samplePhysician->logo))
                                <img width="100%" class="rounded-0" src="{{ url(env("APP_URL").'storage/images/physician/'.$samplePhysician->logo) }}"  />
                            @else
                                <table width="100%">
                                    <tr>
                                        <td style="width:120px; vertical-align: top;" class="text-center">
                                            <img src="{{url(env("APP_URL").'storage/images/avatars/labs/'.$labSettings->logo)}}" alt="Logo" style="width: 120px;">
                                        </td>
                                        <td class="text-center">
                                            <p style="line-height: 13px !important; font-size: 15pt; font-weight: bold; color: #0000ff;" class="KhmerMoulLight py-1">{{$labSettings->name_kh}}</p>
                                            <p style="line-height: 13px !important; font-size: 13.5pt; font-weight: bold; color: #0000ff;" class="text-uppercase py-1">{{$labSettings->name_en}}</p>
                                        </td>
                                        <td style="width:120px" >&nbsp;</td>
                                    </tr>
                                </table>
                            @endif
                        </th>
                    </tr>
                    <tr>
                        <th>

                            <table width="100%" border="0" class="patient-info_">
                                <tbody>
                                <tr style="height: 5px !important;">
                                    <td colspan="4" style="border-bottom: 3px solid #555;"></td>
                                </tr>
                                <tr>
                                    <td width="20%" style="padding-bottom:1px; font-size:12pt !important; line-height:20px; color: #0000ff; font-weight:bold;">{{('Name')}} : </td>
                                    <td width="35%" style="font-size:11.5pt !important; padding-bottom:1px;  line-height:20px;" align="left">{{$sample->patient->name_en}}</td>
                                    <td width="25%" style="font-size:11.5pt !important; padding-top:1px; line-height:20px; color: #0000ff; font-weight:bold;">{{__('Reception date')}} : </td>
                                    <td width="20%" style="font-size:11.5pt !important; padding-top:1px;  line-height:20px;" align="left">{{date('d-m-Y',strtotime($sample->requested_date))}}</td>
                                </tr>
                                <tr>
                                    <td width="20%" style="font-size:11.5pt !important;  line-height:20px; color: #0000ff; font-weight:bold;">{{__('sample.form_patient_age')}} : </td>
                                    <td width="35%" style="font-size:11.5pt !important;  line-height:20px;" align="left">{{\App\Helpers\Helpers::getAge($sample->patient->dob, $sample->admission_date)}} <span style="margin-left:10px;">{{__('sample.form_patient_gender')}} : </span><span style="margin-left:10px;">{{\App\Helpers\Helpers::getGender($sample->patient->gender)}}</span></td>
                                    <td width="25%" style="font-size:11.5pt !important;  line-height:20px; color: #0000ff; font-weight:bold;">{{__('Report date')}} : </td>
                                    <td width="20%" style="font-size:11.5pt !important;  line-height:20px;" align="left">{{date('d-m-Y',strtotime($sample->received_date))}}</td>
                                </tr>
                                <tr>
                                    <td width="20%" style="font-size:11.5pt !important; padding-bottom:1px;  line-height:20px; color: #0000ff; font-weight:bold;">{{__('Clinic')}} : </td>
                                    <td width="35%" style="font-size:11.5pt !important; padding-bottom:1px;  line-height:20px;" align="left">{{$sample->sample_source->name_en}}</td>
                                    <td width="25%" style="font-size:11.5pt !important;  line-height:20px; color: #0000ff; font-weight:bold;">{{__('Clinic REF')}} : </td>
                                    <td width="20%" style="font-size:11.5pt !important;  line-height:20px;" align="left"></td>
                                </tr>
                                <tr>
                                    <td width="20%" style="font-size:11.5pt !important;  line-height:20px; color: #0000ff; font-weight:bold;">{{__('Doctor')}} : </td>
                                    <td width="35%" style="font-size:11.5pt !important;  line-height:20px;" align="left">{{$samplePhysician->name_en}}</td>
                                    <td width="25%" style="font-size:11.5pt !important;  line-height:20px; color: #0000ff; font-weight:bold;">{{__('Patient\'s contact')}} : </td>
                                    <td width="20%" style="font-size:11.5pt !important;  line-height:20px;" align="left">{{$sample->patient->phone_number}}</td>
                                </tr>
                                <tr>
                                    <td width="20%" style="font-size:11.5pt !important;  line-height:20px; color: #0000ff; font-weight:bold;">{{__('PATH ID')}} : </td>
                                    <td width="35%" style="font-size:11.5pt !important;  line-height:20px;" align="left">{{$sample->sample_number}}</td>
                                    <td width="25%" style="font-size:11.5pt !important;  line-height:20px; color: #0000ff; font-weight:bold;">{{__('Remark')}} : </td>
                                    <td width="20%" style="font-size:11.5pt !important;  line-height:20px;" align="left"></td>
                                </tr>
                                <tr style="height: 5px !important;">
                                    <td colspan="4" style="border-bottom: 3px solid #555;"></td>
                                </tr>
                                </tbody>
                            </table>
                        </th>
                    </tr>
                    </thead>
                    <tbody class="sample-result_" id="sample-result-print_">
                    <tr class="sample-type">
                        <td>
                            <table width="100%" border="0" class="_department-sample-info">
                                <thead>
                                <tr style="background: #eee;">
                                    <td colspan="5" style="text-align: center; font-weight: bold; color: #0000ff !important;">PAP SMEAR REPORT</td>
                                </tr>
                                </thead>
                                <tbody>
                                <tr valign="top">
                                    <td width="25%" class="pl-0" style="padding-left: 0px;"><b class="sourceserifpro-bold">Type of Sample:</b></td>
                                    <td width="75%" ><span id="tchk-1433" style="font-size: 20px ">&#9744;</span> Conventional smear</td>
                                </tr>
                                <tr valign="top">
                                    <td style="padding-left: 12.5px;"></td>
                                    <td><span id="tchk-1434" style="font-size: 20px ">&#9744;</span> Liquid-based cytology (LBC)</td>
                                </tr>

                                <tr valign="top">
                                    <td class="pl-0" style="padding-left: 0px;"><b class="sourceserifpro-bold">PAP smear quality:</b></td>
                                    <td><span id="tchk-1436" style="font-size: 20px ">&#9744;</span> Satisfactory of evaluation</td>
                                </tr>
                                <tr valign="top">
                                    <td style="padding-left: 12.5px;"></td>
                                    <td><span id="tchk-1437" style="font-size: 20px ">&#9744;</span> Not satisfactory for evaluation (bloody smear smashing cellular details)</td>
                                </tr>

                                <tr valign="top">
                                    <td style="padding-left: 12.5px;"></td>
                                    <td><span  id="tchk-1438" style="font-size: 20px ">&#9744;</span> PAP smear rejected, not analyzed</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" class="pl-0" style="padding-left: 0px;"><b class="sourceserifpro-bold">Conclusion:</b></td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" class="pl-2" style="padding-left: 12.5px;">I. Negative for intraepithelial lesion or malignancy</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 35.5px;"><span id="tchk-1440" style="font-size: 20px ">&#9744;</span> Normal</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 35.5px;"><span id="tchk-1441" style="font-size: 20px ">&#9744;</span> Begin cellular modification:</td>
                                </tr>
                                <tr valign="top">
                                    <table width="100%" border="0" class="_department-sample-info">
                                        <tr>
                                            <td width="50%" style="padding-left: 80px;"><span id="tchk-1442" style="font-size: 20px ">&#9744;</span> Infection:</td>
                                            <td width="50%"><span id="tchk-1449" style="font-size: 20px ">&#9744;</span> Reactive changes:</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 110px"><span id="tchk-1443" style="font-size: 20px ">&#9744;</span> Trichomonas Vaginalis</td>
                                            <td style="padding-left: 30px"><span id="tchk-1450"  style="font-size: 20px ">&#9744;</span> Inflammation</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 110px"><span id="tchk-1444"  style="font-size: 20px ">&#9744;</span> Mycosis</td>
                                            <td style="padding-left: 30px"><span  id="tchk-1451"  style="font-size: 20px ">&#9744;</span> Atrophy</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 110px"><span id="tchk-1446"  style="font-size: 20px ">&#9744;</span> Herpes</td>
                                            <td style="padding-left: 30px"><span id="tchk-1452" style="font-size: 20px ">&#9744;</span> Radiation</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 110px"><span id="tchk-1447"  style="font-size: 20px ">&#9744;</span> Actinomyces</td>
                                            <td style="padding-left: 30px"><span id="tchk-1453" style="font-size: 20px ">&#9744;</span> IUD associated changes</td>
                                        </tr>
                                        <tr>
                                            <td style="padding-left: 110px"><span id="tchk-1448" style="font-size: 20px ">&#9744;</span> Bacterial vaginosis</td>
                                            <td><span id="tchk-191" style="font-size: 20px ">&#9744;</span> Others</td>
                                        </tr>
                                    </table>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" class="pl-2" style="padding-left: 12.5px;">II. Epithelial abnormalities</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 35.5px;">1. Squamous cell abnormalities</td>
                                </tr>

                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 60px;"><span id="tchk-1456"  style="font-size: 20px ">&#9744;</span> ASC-US : Atypical Squamous Cells of Undetermined Significance.</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 60px;"><span id="tchk-1457"  style="font-size: 20px ">&#9744;</span> ASC-H : Atypical Squamous Cells - cannot exclude HSIL</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 60px;"><span id="tchk-1458"  style="font-size: 20px ">&#9744;</span> LSIL : Low grade squamous intraepithelial lesion (condyloma - HPV - CIN 1).</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 60px;"><span id="tchk-1459"  style="font-size: 20px ">&#9744;</span> HSIL : High grade squamous intraepithelial lesion (moderate or severe dysplasia encompassing carcinoma in situ, CIN 2, CIN 3)</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 110px;"><span id="tchk-1460"  style="font-size: 20px ">&#9744;</span> Supeious for invasion</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 60px;"><span id="tchk-1461" style="font-size: 20px ">&#9744;</span> Squamous cell carcinoma (SCC)</td>
                                </tr>

                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 35.5px;">2. Glandular cells</td>
                                </tr>

                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 60px;"><span id="tchk-1463" style="font-size: 20px ">&#9744;</span> AGUS : atypical glandular cells, not otherwise specified.</td>
                                </tr>
                                <tr valign="top">
                                    <td colspan="2" style="padding-left: 60px;">
                                        <span id="tchk-1464" style="font-size: 20px ">&#9744;</span> Adenocarcinoma (specify the origin of the cells):
                                        <span id="tchk-1465" style="font-size: 20px ">&#9744;</span> Endocervical
                                        <span id="tchk-1466" style="font-size: 20px ">&#9744;</span> Endometrial
                                    </td>
                                </tr>

                                </tbody>
                            </table>
                        </td>
                    </tr>
                    </tbody>

                    <!-- Note -->
                </table>


                <table id="footer" width="100%" border="0" style="margin-top:5px !important;">
                    <tr class="result-footer-signature">

                        <td class="text-no-wrap" style="width:60vh !important; text-align:center;">
                            @if(!empty(\App\Helpers\Helpers::getPrinterSignature($sample->id)))
                                <img id="signature-preview" style="width: 250px !important;" src="{{url(env("APP_URL").'storage/images/signature')}}/{{\App\Helpers\Helpers::getPrinterSignature($sample->id)}}">
                            @else
                                &nbsp;
                            @endif
                        </td>
                    </tr>
                </table>
            </page>
        </div>
    </div>
</div>
