@php
    $reservationId = $AnalysisPackage->END_USER_LAB_ORDER_ID;
    $identification = $AnalysisPackage->IDENTIFICATION;
    $labCategoryId = $AnalysisPackage->LAB_CATEGORY_PACKAGE_ID;

    // Expand IDs to check for test-specific questionnaires
    $idsToCheck = [$labCategoryId];
    $package = \App\Models\LABCATEGORYPACKAGE::find($labCategoryId);
    if ($package && $package->IS_PACKAGE) {
        $itemIds = \App\Models\LABPACKAGEITEM::where('PACKAGE_ID', $labCategoryId)->pluck('LAB_CATEGORY_PACKAGE_ID')->toArray();
        $idsToCheck = array_merge($idsToCheck, $itemIds);
    }

        $questionsWithAnswers = App\Models\ENDUSERPACKAGEQUESTIONNAIREANSWERS::where('END_USER_LAB_ORDER_ID', $reservationId)
               ->where('IDENTIFICATION', $identification)
               ->whereIn('LAB_CATEGORY_PACKAGE_ID', $idsToCheck)
               ->with(['question.options'])
               ->whereDoesntHave('question', function ($query) {
                   $query->whereIn('TYPE', ['FILE', 'DOWNLOAD_FILE'])
                         ->orWhere('HIDE_FROM_REPORT', 1);
               })
               ->get();

        foreach ($questionsWithAnswers as $item) {
            $item->SELECTED_OPTIONS = $item->selectedOptionsNames;
        }

            $LabCategoryPackageResults = App\Models\ENDUSERLABORDERPACKAGERESULT::where('END_USER_PACKAGE_ID',$Package->ID)->with('Option','Result')->get();

$chromosomes = [];
$fetalFraction = null;
$fetalRecommendation = null;
$mdmi = null;
$inf = null;
$sex = null;
$gender = 0;
$resultDate = [];
$sex_chromosomes = [];
$syndrome = [];
$resultDate = [
    'result' => 'No Result',
    'isNormal' => null,
    'code' => null,
    'color' => '#767676FF'
];

foreach ($LabCategoryPackageResults as $key => $LabCategoryPackageResult) {
    if($LabCategoryPackageResult->Result->CODE == 'FF' && !empty($LabCategoryPackageResult->RESULT)) {
        $fetalFraction = $LabCategoryPackageResult->RESULT.'%';
    }

    if($LabCategoryPackageResult->Result->CODE == 'SC' && $LabCategoryPackageResult->OPTION_ID) {
        $sex = $LabCategoryPackageResult->Option->NAME_EN;
        if ($sex == "Male, XY") $gender = 1;
        if ($sex == "Female, XX") $gender = 2;

    }

    if($LabCategoryPackageResult->Result->CODE == 'Result' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $resultDate['result'] = $LabCategoryPackageResult->Option->NAME_EN;
        $resultDate['isNormal'] = $LabCategoryPackageResult->Option->IS_NORMAL;
        $resultDate['code'] = $LabCategoryPackageResult->Option->CODE;
        $resultDate['isNormal'] == 1 ? $resultDate['color'] = '#29B637' : $resultDate['color'] = '#E9473A';
        if (in_array($resultDate['code'],['Notested','Inconclusive'])) $resultDate['color'] = '#767676FF';
    }

    if(in_array($LabCategoryPackageResult->Result->CODE, ['45X', '47XXX', '47XXY', '47XYY']) && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $code = $LabCategoryPackageResult->Result->CODE;
        $sex_chromosomes[$code]['code'] = $LabCategoryPackageResult->Option->CODE;
        $sex_chromosomes[$code]['name'] = $LabCategoryPackageResult->Option->NAME_EN;
    }

    if($LabCategoryPackageResult->Result->CODE == 'T21' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['T21'] = $LabCategoryPackageResult->Option->CODE;
    }

    if($LabCategoryPackageResult->Result->CODE == 'T18' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['T18'] = $LabCategoryPackageResult->Option->CODE;
    }

    if($LabCategoryPackageResult->Result->CODE == 'T13' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['T13'] = $LabCategoryPackageResult->Option->CODE;
    }

    if($LabCategoryPackageResult->Result->CODE == 'bg13' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['bg13'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'bg18' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['bg18'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'bg21' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['bg21'] = $LabCategoryPackageResult->RESULT;
    }

    if($LabCategoryPackageResult->Result->CODE == 'rc13' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['rc13'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'rc18' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['rc18'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'rc21' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['rc21'] = $LabCategoryPackageResult->RESULT;
    }

      if($LabCategoryPackageResult->Result->CODE == 'zs13' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['zs13'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'zs18' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['zs18'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'zs21' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['zs21'] = $LabCategoryPackageResult->RESULT;
    }

      if($LabCategoryPackageResult->Result->CODE == 'REPSUMREC' && !empty($LabCategoryPackageResult->RESULT)) {
        $fetalRecommendation = $LabCategoryPackageResult->RESULT;
    }

    if($LabCategoryPackageResult->Result->CODE == 'Microdeletionmicroduplication' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $mdmi['name'] = $LabCategoryPackageResult->Option->NAME_EN;
        $mdmi['code'] = $LabCategoryPackageResult->Option->CODE;
        $mdmi['isNormal'] = $LabCategoryPackageResult->Option->IS_NORMAL;
        $mdmi['isNormal'] == 1 ? $mdmi['color'] = '#29B637' : $mdmi['color'] = '#E9473A';
        if (in_array($mdmi['code'],['Notested','Inconclusive'])) $mdmi['color'] = '#767676FF';

    }
    if($LabCategoryPackageResult->Result->CODE == 'Incidentalfinding' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $inf['name'] = $LabCategoryPackageResult->Option->NAME_EN;
        $inf['code'] = $LabCategoryPackageResult->Option->CODE;
        $inf['isNormal'] = $LabCategoryPackageResult->Option->IS_NORMAL;
        $inf['isNormal'] == 1 ? $inf['color'] = '#29B637' : $inf['color'] = '#E9473A';
        if (in_array($inf['code'],['Notested','Inconclusive'])) $inf['color'] = '#767676FF';
    }

    if($LabCategoryPackageResult->Result->CODE == 'PKS' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['PKS'] = $LabCategoryPackageResult->Option->CODE;
    }

    if($LabCategoryPackageResult->Result->CODE == 'PKS' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['PKS'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'JS' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['JS'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'DWS' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['DWS'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'q26' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['q26'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'p36' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['p36'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'CDC' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['CDC'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'WAGRO' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['WAGRO'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'q21' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['q21'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'DGS2' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['DGS2'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'LGS' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['LGS'] = $LabCategoryPackageResult->Option->CODE;
    }
    if($LabCategoryPackageResult->Result->CODE == 'LGS' && !empty($LabCategoryPackageResult->OPTION_ID)) {
        $syndrome['LGS'] = $LabCategoryPackageResult->Option->CODE;
    }

  if(str_contains($LabCategoryPackageResult->Result->CODE,'Chromosome')) {
  for ($i = 1; $i <= 22; $i++) {
        $code = 'Chromosome'.$i;
        if($LabCategoryPackageResult->Result->CODE == $code && !empty($LabCategoryPackageResult->OPTION_ID)) {
            $chromosomes[$code] = $LabCategoryPackageResult->Option->CODE;
        }
    }
  }

}

$chromosomesRec = [];
$sexChromosomesRec = [];
$trisomyRec = [];
foreach ($LabCategoryPackageResults as $key => $LabCategoryPackageResult) {
    if(str_contains($LabCategoryPackageResult->Result->CODE,'rcc')) {
        for ($i = 1; $i <= 22; $i++) {
            $code = 'rcc'.$i;
            if($LabCategoryPackageResult->Result->CODE == $code && !empty($LabCategoryPackageResult->RESULT)) {
                $chromosomesRec['Chromosome'.$i] = $LabCategoryPackageResult->RESULT;
            }
        }
    }

    // Sex chromosome recommendations
    if($LabCategoryPackageResult->Result->CODE == 'rc47XYY' && !empty($LabCategoryPackageResult->RESULT)) {
        $sexChromosomesRec['47XYY'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'rc47XXY' && !empty($LabCategoryPackageResult->RESULT)) {
        $sexChromosomesRec['47XXY'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'rc45X' && !empty($LabCategoryPackageResult->RESULT)) {
        $sexChromosomesRec['45X'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'rc47XXX' && !empty($LabCategoryPackageResult->RESULT)) {
        $sexChromosomesRec['47XXX'] = $LabCategoryPackageResult->RESULT;
    }

    // Trisomy recommendations
    if($LabCategoryPackageResult->Result->CODE == 'rcT21' && !empty($LabCategoryPackageResult->RESULT)) {
        $trisomyRec['T21'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'rcT18' && !empty($LabCategoryPackageResult->RESULT)) {
        $trisomyRec['T18'] = $LabCategoryPackageResult->RESULT;
    }
    if($LabCategoryPackageResult->Result->CODE == 'rcT13' && !empty($LabCategoryPackageResult->RESULT)) {
        $trisomyRec['T13'] = $LabCategoryPackageResult->RESULT;
    }

     if($LabCategoryPackageResult->Result->CODE == 'ACSCOM' && !empty($LabCategoryPackageResult->RESULT)) {
        $syndrome['ACSCOM'] = $LabCategoryPackageResult->RESULT;
    }

}

// Check if all recommendations in each table are empty
$hasTrisomyRecommendations = !empty($trisomyRec['T21']) || !empty($trisomyRec['T18']) || !empty($trisomyRec['T13']);
$hasSexChromosomeRecommendations = !empty($sexChromosomesRec['45X']) || !empty($sexChromosomesRec['47XXX']) || !empty($sexChromosomesRec['47XXY']) || !empty($sexChromosomesRec['47XYY']);
$hasChromosomeRecommendations = false;
foreach ($chromosomesRec as $rec) {
    if (!empty($rec)) {
        $hasChromosomeRecommendations = true;
        break;
    }
}

        if ($gender == 1)
        {
        $color = "#D3EAFD";
        $section_color = hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? 'rgba(244, 248, 255, 1)';
        $img = url('/images/boy.png');
        }
        elseif($gender == 2)
        {
        $color = "#FCECF6";
        $section_color = hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? 'rgba(252, 236, 246, 0.5)';
        $img = url('/images/girl.png');
        }
        else{
        $color = "#E5E2E2";
        $section_color = hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? 'rgba(128, 128, 128, 0.1)';
        $img = url('/img/gender_symbol.png');
        }

        $bgExist = false;
        if(!empty($syndrome['bg13']) || !empty($syndrome['bg18']) || !empty($syndrome['bg21'])) $bgExist = true;



@endphp


<style>
    * {
        font-family: Mulish, sans-serif;
    }

    .card-body p {
        margin-bottom: 0;
        font-size: 18px;
    }

    .title-card {
        padding: 10px 10px;
        background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}};
        border-radius: 9px;
        font-weight: bold;
        font-size: 14px;
        text-align: center;
        text-transform: uppercase;
        color: #1e293b;
    }

    .subtitle-card {
        padding: 8px 13px;
        font-weight: 500;
        font-size: 15px;
        color: #19213D;
    }

    span.key {
        color: #1e293b;
        font-weight: 400;
        font-size: 16px;
    }

    span.value {
        color: #19213D;
        font-weight: 400;
        font-size: 16px;
    }

    .key {
        margin-right: 2px;
    }

    .first-row .col-4:nth-child(2) {
        text-align: center;
    }

    .first-row .col-4:nth-child(3) {
        text-align: right;
    }

    .table-row {
        align-items: center;
        align-content: center;
        /*height: 50px;*/
    }

    .table-row .col-6, .table-row .col-3, .table-row .col-4 {
        text-align: center;
        align-content: center;
        align-items: center;
        padding: 10px;
        font-size: 13px;
        vertical-align: middle;
        /*height: 100%;*/
    }

    .table-row .col-6:first-of-type, .table-row .col-3:first-of-type, .table-row .col-4:first-of-type {
        font-weight: 600;
        text-align: center;
    }

    .table-row .col-6:nth-child(2) {
        font-weight: 700;
        font-size: 14px;
        text-transform: uppercase;
        color: #29B637;
    }

    .table-row .col-3 {
        font-weight: 600;
        font-size: 13px;
    }

    .table-row .col-3:last-of-type, .table-row .col-4:last-of-type, .table-row .col-6:last-of-type {
        font-weight: 700;
        font-size: 14px;
    }

    .chromosome-text {
        font-weight: 400;
        font-size: 17px;
        color: #19213D;
    }

    .symbol {
        background-color: #29B637;
        color: #fff;
        border-radius: 5px;
        width: 25px;
        text-align: center;
        float: right;
    }

    .summery-text {
        color: #1e293b;
    }

    .risk-symbol {
        margin-right: 10px;
        margin-left: 10px
    }

    .table-row {
        color: #1e293b;
    }

    /* --- GLOBAL RESET & TYPOGRAPHY --- */
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');

    * {
        box-sizing: border-box;
        -webkit-print-color-adjust: exact; /* Crucial for background colors in PDF */
        print-color-adjust: exact;
    }

    body {
        margin: 0;
        padding: 0;
        font-family: 'Roboto', sans-serif;
        font-size: 10pt;
        color: #333;
    }

    /* --- A4 PAGE CONTAINER --- */
    .page {
        width: 210mm;
        min-height: 297mm;
        padding: 10mm 15mm;
        margin: 10mm auto;
        background: white;
        box-shadow: 0 0 10px rgba(0,0,0,0.1);
        position: relative;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    /* --- HEADER SECTION --- */
    .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
        padding-bottom: 10px;
    }

    .logo-main {
        height: 60px; /* Adjust based on actual logo ratio */
        /* Placeholder for Novo Genomics Logo */
        background: url('https://placehold.co/200x60?text=Novo+Genomics') no-repeat left center;
        background-size: contain;
        width: 200px;
    }

    .logo-accreditations {
        display: flex;
        gap: 15px;
    }

    .logo-accreditation-img {
        height: 45px;
        /* Placeholder for CBAHI, CAP, ISO */
        background: #f3f4f6;
        border: 1px solid #ddd;
        width: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 8px;
        text-align: center;
        border-radius: 50%;
    }

    /* --- INFO BLOCK (Patient, Order, Test, Referral) --- */
    .info-grid {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 15px;
        margin-bottom: 10px;
    }

    .info-col-header {
        background-color: #f3f4f6;
        color: #555;
        font-weight: 700;
        text-align: center;
        padding: 6px 0;
        border-radius: 4px;
        margin-bottom: 8px;
        font-size: 9pt;
    }

    .info-content p {
        margin: 3px 0;
        font-size: 8.5pt;
    }

    .info-content strong {
        font-weight: 700;
        color: #1e293b;
    }

    /* --- TIMELINE BAR (Registered/Collected/Received) --- */
    .timeline-bar {
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
        font-size: 8.5pt;
    }

    .timeline-item {
        background-color: #f9fafb;
        padding: 5px 10px;
        border-radius: 4px;
        display: flex;
        gap: 10px;
    }

    .timeline-label {
        background-color: #f3f4f6;
        padding: 2px 8px;
        border-radius: 4px;
        font-weight: 600;
        color: #555;
    }

    /* --- SECTION TITLES --- */
    .section-title {
        text-align: center;
        font-size: 14pt;
        font-weight: 700;
        color: #1e293b;
        margin: 20px 0;
        text-transform: uppercase;
    }

    .subsection-header {
        background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}};
        padding: 8px;
        font-weight: 700;
        color: #1e293b;
        border-radius: 4px;
        margin-bottom: 15px;
        font-size: 10pt;
        text-align: center;
    }

    /* --- TABLES (Generic) --- */
    table {
        width: 100%;
        border-collapse: collapse;
        margin-bottom: 20px;
    }

    th {
        background-color: #f3f4f6;
        color: #4b5563;
        font-weight: 600;
        padding: 10px;
        text-align: left;
        font-size: 9pt;
        border-radius: 4px 4px 0 0; /* Rounded corners for header */
    }

    /* Removing border radius for middle th's to avoid gaps */
    th:not(:first-child):not(:last-child) { border-radius: 0; }

    td {
        padding: 12px 10px;
        border-bottom: 1px solid #e5e7eb;
        font-size: 9pt;
        color: #333;
    }

    .text-center { text-align: center; }
    .text-right { text-align: right; }
    .text-green { color: #22c55e; font-weight: 600; }
    .text-red { color: #ef4444; font-weight: 600; }

    /* --- PREGNANCY DATA GRID (Page 1) --- */
    .pregnancy-data-grid {
        display: table;
        width: 100%;
        margin-bottom: 20px;
    }

    .pregnancy-data-column {
        display: table-cell;
        width: 50%;
        vertical-align: top;
        padding-right: 10px;
    }

    .pregnancy-data-column:last-child {
        padding-right: 0;
        padding-left: 10px;
    }

    .data-row {
        display: flex;
        justify-content: space-between;
        padding: 8px 0;
        border-bottom: 1px solid #f3f4f6;
        font-size: 9pt;
    }

    .data-label { color: #6b7280; }
    .data-value { font-weight: 600; color: #1f2937; }

    /* --- SUMMARY GRAPHIC AREA (Page 1) --- */
    .summary-container {
        display: flex;
        gap: 30px;
        margin-top: 20px;
    }

    .summary-graphic {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .gender-circle {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        border: 4px solid #f3f4f6;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #3b82f6; /* Blue for boy */
        font-size: 16pt;
        font-weight: bold;
    }

    .summary-table-wrapper {
        width: 70%;
    }

    /* --- AUTOSOMAL GRIDS (Page 2/3) --- */
    .two-col-layout {
        display: flex;
        gap: 20px;
    }
    .col-half { width: 50%; }

    /* --- MULTI-COLUMN LIST (Page 4 - Microdeletions) --- */
    .four-col-list {
        column-count: 4;
        column-gap: 15px;
        font-size: 7.5pt;
        color: #4b5563;
    }

    .list-item {
        margin-bottom: 8px;
        break-inside: avoid;
    }

    /* --- FOOTER --- */
    .footer {
        margin-top: auto; /* Pushes to bottom of flex container */
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        padding-top: 20px;
        border-top: 1px solid white; /* Invisible spacer */
    }

    .footer-logo {
        width: 150px;
        height: 50px;
        background: url('https://placehold.co/150x50?text=Novo') no-repeat left bottom;
        background-size: contain;
    }

    .signatures {
        display: flex;
        gap: 40px;
        text-align: center;
    }

    .sig-block img { height: 30px; display: block; margin: 0 auto 5px; }
    .sig-name { font-weight: 700; font-size: 9pt; }
    .sig-title { font-size: 8pt; color: #666; }

    .qr-code {
        width: 60px;
        height: 60px;
        background: #000;
    }

    /* --- PRINT MEDIA QUERIES --- */
    @media print {
        body { background: white; }
        .page {
            margin: 0;
            box-shadow: none;
            page-break-after: always;
            min-height: 297mm; /* Force full height for footer positioning */
            height: 297mm;
        }
    }

    /* --- COPY OF GLOBAL STYLES (For Standalone Use) --- */
    @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
    * { box-sizing: border-box; -webkit-print-color-adjust: exact; print-color-adjust: exact; }
    body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif; font-size: 10pt; color: #333; }
    .page { width: 210mm; min-height: 297mm; padding: 10mm 15mm; margin: 10mm auto; background: white; box-shadow: 0 0 10px rgba(0,0,0,0.1); display: flex; flex-direction: column; }

    /* Header & Info Blocks */
    .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; }
    .logo-main { width: 200px; height: 60px; background: url('https://placehold.co/200x60?text=Novo+Genomics') no-repeat left center; background-size: contain; }
    .logo-accreditations { display: flex; gap: 15px; }
    .logo-acc-img { width: 45px; height: 45px; background: #f3f4f6; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 8px; border: 1px solid #ddd; }

    .info-grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap: 15px; margin-bottom: 10px; }
    .info-col-header { background-color: #f3f4f6; color: #555; font-weight: 700; text-align: center; padding: 6px 0; border-radius: 4px; margin-bottom: 8px; font-size: 9pt; }
    .info-content p { margin: 3px 0; font-size: 8.5pt; }
    .info-content strong { font-weight: 700; color: #1e293b; }

    .timeline-bar { display: flex; justify-content: space-between; margin-bottom: 30px; font-size: 8.5pt; }
    .timeline-item { background-color: #f9fafb; padding: 5px 10px; border-radius: 4px; }
    .timeline-label { background-color: #f3f4f6; padding: 2px 8px; border-radius: 4px; font-weight: 600; color: #555; margin-right: 8px; }

    /* Typography */
    .section-title { text-align: center; font-size: 16pt; font-weight: 700; color: #1e293b; margin: 20px 0; }
    .text-green { color: #22c55e; font-weight: 600; }
    .text-red { color: #ef4444; font-weight: 600; }
    .text-right { text-align: right; }
    .badge-icon { background:#f3f4f6; padding:2px 6px; border-radius:12px; font-size: 14px; margin-left: 8px;}

    /* --- PAGE SPECIFIC STYLES --- */
    .summary-block {
        width: 100% !important;
        margin-bottom: 30px !important;
        overflow: hidden !important; /* Clear floats */
    }

    /* Graphic Circle */
    .graphic-container {
        width: 30% !important;
        float: left !important;
        display: flex !important;
        justify-content: center !important;
        padding-top: 20px !important;
    }
    .graphic-circle {
        width: 200px; height: 200px;
        border-radius: 50%;
        background-color: #f9fafb;
        border: 8px solid #f3f4f6;
        display: flex; align-items: center; justify-content: center;
        position: relative;
        overflow: hidden;
    }
    .gender-symbol {
        font-size: 50px;
        font-weight: bold;
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .gender-symbol img {
        width: 100% !important;
        height: auto !important;
        max-width: 140px !important;
        max-height: 140px !important;
        object-fit: contain !important;
        margin-left: 20px;
        margin-top: 25px;
    }
    /* Creating the '?' overlay look */

    /* Summary Table */
    .summary-table-container {
        width: 70% !important;
        float: right !important;
    }
    .summary-header { background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; padding: 10px; font-weight: 700; color: #374151; border-radius: 4px 4px 0 0; font-size: 9pt; text-align: center; }

    .summary-block .custom-table {
        width: 100%;
        border-collapse: collapse !important;
        border-top: 1px solid #f3f4f6 !important;
        border-left: 1px solid #f3f4f6 !important;
        border-right: 1px solid #f3f4f6 !important;
        border-bottom: 1px solid #f3f4f6 !important;
    }
    .custom-table {
        width: 100%;
        border-collapse: collapse !important;
        border-top: 1px solid #f3f4f6 !important;
        border-left: 1px solid #f3f4f6 !important;
        border-right: 1px solid #f3f4f6 !important;
        border-bottom: 1px solid #f3f4f6 !important;
    }
    .custom-table td { padding: 12px 10px; border-bottom: 1px solid #f3f4f6 !important; border-right: 1px solid #f3f4f6 !important; font-size: 9pt; vertical-align: middle; border-top-color: #f3f4f6 !important;}
    .custom-table tr:last-child td { border-bottom: 1px solid #f3f4f6 !important; }
    .custom-table tr td:last-child { border-right: none !important; }
    .custom-table .label-col { color: #6b7280; width: 40%; text-align: left !important; border-left-color: #F3F4F6 !important; }
    .label-col { color: #6b7280; width: 40%; }
    .value-col { font-weight: 600; color: #1f2937; width: 45%; }
    .badge-col { width: 15%; text-align: center; }
    .value-col.text-center { text-align: center; }
    .value-col.text-right { text-align: right; }

    /* Bottom Results Table */
    .results-table { width: 100%; border-collapse: separate; border-spacing: 0; margin-top: 10px; }
    .results-table th { background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; color: #4b5563; font-weight: 600; padding: 12px; font-size: 9pt; text-align: center; }
    .results-table th:first-child { border-radius: 6px 0 0 6px; }
    .results-table th:last-child { border-radius: 0 6px 6px 0; }
    .results-table td { padding: 15px 12px; border-bottom: 1px solid #f3f4f6; font-size: 9pt; }
    .syndrome-name { color: #4b5563; }

    /* Footer */
    .footer { margin-top: auto; display: flex; justify-content: space-between; align-items: flex-end; padding-top: 20px; }
    .footer-logo { width: 120px; height: 40px; background: url('https://placehold.co/120x40?text=Novo+Footer') no-repeat left bottom; background-size: contain; }
    .sig-block { text-align: center; }
    .sig-name { font-weight: 700; font-size: 9pt; border-top: 1px solid #ddd; padding-top: 5px; margin-top: 5px; }

    @media print {
        .page { margin: 0; box-shadow: none; page-break-after: always; height: 297mm; }
    }

    .results-table th, .results-table td, .results-table tr {
        border-color: #F3F4F6 !important;
    }

    .results-table th {
        background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}} !important;
    }

</style>
@if($questionsWithAnswers->count() > 0)
        <div class="subsection-header">Patient Clinical Data</div>

        <div class="pregnancy-data-grid">
            @php
                $questions = $questionsWithAnswers->values(); // Get a re-indexed collection
                $total = $questions->count();
                $midpoint = ceil($total / 2);

                $leftColumn = $questions->slice(0, $midpoint);
                $rightColumn = $questions->slice($midpoint);
            @endphp

            <div class="pregnancy-data-column">
                @foreach($leftColumn as $questionAnswer)
                    <div class="data-row">
                        <span class="data-label">
                            @if(is_object($questionAnswer->question))
                                {{ $questionAnswer->question->NAME_EN }}
                            @else
                                {{ $questionAnswer->question['NAME_EN'] }}
                            @endif
                            :
                        </span>
                        <span class="data-value">
                            @if(!empty($questionAnswer->SELECTED_OPTIONS))
                                @if(is_array($questionAnswer->SELECTED_OPTIONS) || is_iterable($questionAnswer->SELECTED_OPTIONS))
                                    @foreach($questionAnswer->SELECTED_OPTIONS as $selectedOption)
                                        {{ $selectedOption }}
                                        @if(!empty($questionAnswer->DESCRIPTION))
                                            <small> {{ $questionAnswer->DESCRIPTION }} </small>
                                        @endif
                                    @endforeach
                                @else
                                    {{ $questionAnswer->SELECTED_OPTIONS }}
                                    @if(!empty($questionAnswer->DESCRIPTION))
                                        <small> {{ $questionAnswer->DESCRIPTION }} </small>
                                    @endif
                                @endif
                            @else
                                {{ $questionAnswer->ANSWER }}
                            @endif
                        </span>
                    </div>
                @endforeach
            </div>

            <div class="pregnancy-data-column">
                @foreach($rightColumn as $questionAnswer)
                    <div class="data-row">
                        <span class="data-label">
                            @if(is_object($questionAnswer->question))
                                {{ $questionAnswer->question->NAME_EN }}
                            @else
                                {{ $questionAnswer->question['NAME_EN'] }}
                            @endif
                            :
                        </span>
                        <span class="data-value">
                            @if(!empty($questionAnswer->SELECTED_OPTIONS))
                                @if(is_array($questionAnswer->SELECTED_OPTIONS) || is_iterable($questionAnswer->SELECTED_OPTIONS))
                                    @foreach($questionAnswer->SELECTED_OPTIONS as $selectedOption)
                                        {{ $selectedOption }}
                                        @if(!empty($questionAnswer->DESCRIPTION))
                                            <small> {{ $questionAnswer->DESCRIPTION }} </small>
                                        @endif
                                    @endforeach
                                @else
                                    {{ $questionAnswer->SELECTED_OPTIONS }}
                                    @if(!empty($questionAnswer->DESCRIPTION))
                                        <small> {{ $questionAnswer->DESCRIPTION }} </small>
                                    @endif
                                @endif
                            @else
                                {{ $questionAnswer->ANSWER }}
                            @endif
                        </span>
                    </div>
                @endforeach
            </div>
        </div>
@endif



<div class="summary-block">
    <div class="graphic-container">
        <div class="graphic-circle">
            <div class="gender-symbol">
                <img src="{{$img}}" style="border-radius: 8px;">
            </div>
        </div>
    </div>

    <div class="summary-table-container">
        <div class="summary-header">Summary Report</div>
        <table class="custom-table">
            <tr>
                <td class="label-col">Result</td>
                <td class="value-col" style="color: {{$resultDate['color']}}">{{$resultDate['result']}}</td>
                <td class="badge-col">
                    @if(!in_array($resultDate['code'],['Notested','Inconclusive']))
                        @if($resultDate['isNormal'] != 1)
                            <span style="color: #E9473A;" class="badge-icon">H</span>
                        @else
                            <span style="color: #29B637;" class="badge-icon">L</span>
                        @endif
                    @else
                        <span style="color: #767676;" class="badge-icon">NA</span>
                    @endif
                </td>
            </tr>
            <tr>
                <td class="label-col">Fetal Sex</td>
                <td class="value-col">
                    @if($gender == 1)
                        Male
                    @elseif($gender == 2)
                        Female
                    @else
                        {{$sex}}
                    @endif
                </td>
                <td class="badge-col">
                    @if($gender == 1)
                        <img src="{{url('/img/blue-male-gender.png')}}" width="30" height="26" class="badge-icon">
                    @elseif($gender == 2)
                        <img src="{{url('/img/pink-female-gender.png')}}" width="30" height="26" class="badge-icon">
                    @else
                        <img src="{{url('/img/gender_symbol.png')}}" width="30" height="26" class="badge-icon">
                    @endif
                </td>
            </tr>
            <tr>
                <td class="label-col">Fetal Fraction</td>
                <td class="value-col">{{$fetalFraction}}</td>
                <td class="badge-col">
                    <img src="{{url('/img/fraction.png')}}" width="30" height="28" class="badge-icon">
                </td>
            </tr>
            @if(!empty($fetalRecommendation))
                <tr>
                    <td class="label-col">Recommendation</td>
                    <td class="value-col" colspan="2">{{$fetalRecommendation}}</td>
                </tr>
            @endif
            @if(!empty($mdmi))
            <tr>
                <td class="label-col">Microdeletion/ Microduplication</td>
                <td class="value-col" style="color: {{$mdmi['color'] ?? '#29B637'}}">{{$mdmi['name'] ?? 'Low Risk'}}</td>
                <td class="badge-col">
                    @if(!empty($mdmi))
                        <span class="badge-icon" style="color: {{$mdmi['color'] ?? '#29B637'}};">●</span>
                    @else
                        <span class="badge-icon" style="color: #29B637;">●</span>
                    @endif
                </td>
            </tr>
            @endif
            @if(!empty($inf))
            <tr>
                <td class="label-col">Incidental Finding</td>
                <td class="value-col" style="color: {{$inf['color'] ?? '#29B637'}}">{{$inf['name'] ?? 'Low Risk'}}</td>
                <td class="badge-col">
                    @if(!empty($inf))
                        <span class="badge-icon" style="color: {{$inf['color'] ?? '#29B637'}};">●</span>
                    @else
                        <span class="badge-icon" style="color: #29B637;">●</span>
                    @endif
                </td>
            </tr>
            @endif
        </table>
    </div>
</div>


@if(!in_array($resultDate['code'],['Notested','Inconclusive']))

    @if(!empty($syndrome['T21']) || !empty($syndrome['T18']) || !empty($syndrome['T13']))
        <br>
        <!-- old results table -->
        <div style="page-break-inside: avoid;">
            <h3 class="text-center" style="color: #2c3e50; font-weight: 800; font-size: 20px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px;">RESULTS</h3>

            <!-- Modern Table -->
            <div>
                <table style="width: 100%; border-collapse: collapse;" class="custom-table results-table">
                    <!-- Header -->
                    <thead>
                        <tr>
                            @if($bgExist)
                                @if($hasTrisomyRecommendations)
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; border-radius: 9px; width: 20%;">Syndrome</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; border-radius: 9px; width: 20%;">Background Risk</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; border-radius: 9px; width: 20%;">NIPTune RISK SCORE</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 13px; border-radius: 9px; width: 20%;">Clinical Interpretation</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; border-radius: 9px; width: 20%;">Recommendation</th>
                                @else
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; border-radius: 9px; width: 25%;">Syndrome</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; border-radius: 9px; width: 25%;">Background Risk</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; border-radius: 9px; width: 25%;">NIPTune RISK SCORE</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 13px; border-radius: 9px; width: 25%;">Clinical Interpretation</th>
                                @endif
                            @else
                                @if($hasTrisomyRecommendations)
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; width: 25%; border-radius: 9px;">Syndrome</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; width: 25%; border-radius: 9px;">Clinical Interpretation</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; width: 25%; border-radius: 9px;">Recommendation</th>
                                @else
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; width: 33.33%; border-radius: 9px;">Syndrome</th>
                                    <th style="padding: .5rem; text-align: center; color: #4e4b4b; font-weight: 700; font-size: 14px; width: 33.33%; border-radius: 9px;">Clinical Interpretation</th>
                                @endif
                            @endif
                        </tr>
                    </thead>

                    <!-- Body -->
                    <tbody>
                        @if(!empty($syndrome['T21']))
                        <tr style="border-bottom: 2px solid #dee2e6;">
                            @if($bgExist)
                                @if($hasTrisomyRecommendations)
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 20%;">Trisomy 21</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; color: #34495e; width: 20%;">
                                        @if(!empty($syndrome['bg21']))
                                            {{$syndrome['bg21']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #34495e; font-size: 13px; width: 20%;">less than 1:100000<br>(< 0.01%)</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 20%;">
                                        @if($syndrome['T21'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T21'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T21']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #5a6c7d; font-size: 12px; width: 20%;">
                                        @php $recT21 = $trisomyRec['T21'] ?? null; @endphp
                                        {{ $recT21 }}
                                    </td>
                                @else
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 25%;">Trisomy 21</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; color: #34495e; width: 25%;">
                                        @if(!empty($syndrome['bg21']))
                                            {{$syndrome['bg21']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #34495e; font-size: 13px; width: 25%;">less than 1:100000<br>(< 0.01%)</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 25%;">
                                        @if($syndrome['T21'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T21'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T21']}}
                                        @endif
                                    </td>
                                @endif
                            @else
                                @if($hasTrisomyRecommendations)
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 25%;">Trisomy 21</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 25%;">
                                        @if($syndrome['T21'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T21'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T21']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #5a6c7d; font-size: 12px; width: 25%;">
                                        @php $recT21 = $trisomyRec['T21'] ?? null; @endphp
                                        {{ $recT21 }}
                                    </td>
                                @else
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 33.33%;">Trisomy 21</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 33.33%;">
                                        @if($syndrome['T21'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T21'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T21']}}
                                        @endif
                                    </td>
                                @endif
                            @endif
                        </tr>
                        @endif

                        @if(!empty($syndrome['T18']))
                        <tr style="border-bottom: 2px solid #dee2e6;">
                            @if($bgExist)
                                @if($hasTrisomyRecommendations)
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 20%;">Trisomy 18</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; color: #34495e; width: 20%;">
                                        @if(!empty($syndrome['bg18']))
                                            {{$syndrome['bg18']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #34495e; font-size: 13px; width: 20%;">less than 1:100000<br>(< 0.01%)</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 20%;">
                                        @if($syndrome['T18'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T18'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T18']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #5a6c7d; font-size: 12px; width: 20%;">
                                        @php $recT18 = $trisomyRec['T18'] ?? null; @endphp
                                        {{ $recT18 }}
                                    </td>
                                @else
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 25%;">Trisomy 18</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; color: #34495e; width: 25%;">
                                        @if(!empty($syndrome['bg18']))
                                            {{$syndrome['bg18']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #34495e; font-size: 13px; width: 25%;">less than 1:100000<br>(< 0.01%)</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 25%;">
                                        @if($syndrome['T18'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T18'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T18']}}
                                        @endif
                                    </td>
                                @endif
                            @else
                                @if($hasTrisomyRecommendations)
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 25%;">Trisomy 18</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 25%;">
                                        @if($syndrome['T18'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T18'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T18']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #5a6c7d; font-size: 12px; width: 25%;">
                                        @php $recT18 = $trisomyRec['T18'] ?? null; @endphp
                                        {{ $recT18 }}
                                    </td>
                                @else
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 33.33%;">Trisomy 18</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 33.33%;">
                                        @if($syndrome['T18'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T18'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T18']}}
                                        @endif
                                    </td>
                                @endif
                            @endif
                        </tr>
                        @endif

                        @if(!empty($syndrome['T13']))
                        <tr>
                            @if($bgExist)
                                @if($hasTrisomyRecommendations)
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 20%;">Trisomy 13</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; color: #34495e; width: 20%;">
                                        @if(!empty($syndrome['bg13']))
                                            {{$syndrome['bg13']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #34495e; font-size: 13px; width: 20%;">less than 1:100000<br>(< 0.01%)</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 20%;">
                                        @if($syndrome['T13'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T13'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T13']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #5a6c7d; font-size: 12px; width: 20%;">
                                        @php $recT13 = $trisomyRec['T13'] ?? null; @endphp
                                        {{ $recT13 }}
                                    </td>
                                @else
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 25%;">Trisomy 13</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; color: #34495e; width: 25%;">
                                        @if(!empty($syndrome['bg13']))
                                            {{$syndrome['bg13']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #34495e; font-size: 13px; width: 25%;">less than 1:100000<br>(< 0.01%)</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 25%;">
                                        @if($syndrome['T13'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T13'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T13']}}
                                        @endif
                                    </td>
                                @endif
                            @else
                                @if($hasTrisomyRecommendations)
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 25%;">Trisomy 13</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 25%;">
                                        @if($syndrome['T13'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T13'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T13']}}
                                        @endif
                                    </td>
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; color: #5a6c7d; font-size: 12px; width: 25%;">
                                        @php $recT13 = $trisomyRec['T13'] ?? null; @endphp
                                        {{ $recT13 }}
                                    </td>
                                @else
                                    <td style="padding: 15px 12px; text-align: center; background: #f8f9fa; font-weight: 600; color: #2c3e50; width: 33.33%;">Trisomy 13</td>
                                    <td style="padding: 15px 12px; text-align: center; background: #ffffff; width: 33.33%;">
                                        @if($syndrome['T13'] == 'low')
                                            <span style="color: #27ae60; font-weight: 700; font-size: 15px;">Low Risk</span>
                                        @elseif($syndrome['T13'] == 'high')
                                            <span style="color: #e74c3c; font-weight: 700; font-size: 15px;">High Risk</span>
                                        @else
                                            {{$syndrome['T13']}}
                                        @endif
                                    </td>
                                @endif
                            @endif
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    @endif

    <div class="row d-flex align-items-center justify-content-center mt-5">
        <div class="col-4 d-flex flex-wrap">
            <div class="col-8 title-card" style="font-size: 12px">Fetal Sex</div>
            <div class="col-4 subtitle-card">@if($gender == 1)
                    Male
                @elseif($gender == 2)
                    Female
                @else
                    {{$sex}}
                @endif
            </div>
        </div>
        <div class="col-4 d-flex flex-wrap">
            <div class="col-9 title-card" style="font-size: 12px">Chromosome Results</div>
            <div class="col-3 subtitle-card">{{explode(',', $sex)[1]??null}}</div>
        </div>
        <div class="col-4 d-flex  flex-wrap">
            <div class="col-9 title-card" style="font-size: 12px">Estimated Fetal Fraction</div>
            <div class="col-3 subtitle-card">{{$fetalFraction}}</div>
        </div>
    </div>

    @if($Profile->ID == 66)
        <div class="mt-3">
            <p><strong>Note:</strong><br>
                Detected -high risk of Aneuploidy identified<br>
                Not Detected- Low risk of Aneuploidy identified</p>
        </div>
    @endif

    <div style="page-break-inside:avoid">
        @if(!empty($sex_chromosomes['45X']) || !empty($sex_chromosomes['47XXX']) || !empty($sex_chromosomes['47XXY']) || !empty($sex_chromosomes['47XYY']))
            <div class="row my-3" style="page-break-before: always;">
                <div class="col-12">
                    @if($hasSexChromosomeRecommendations)
                    <div class="row" style="border-bottom: 2px solid #f4f5f9;">
                        <div class="col-4 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 14px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Sex Chromosome Aneuploidies
                        </div>
                        <div class="col-4 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 14px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Result
                        </div>
                        <div class="col-4 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 14px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Recommendation
                        </div>
                    </div>
                    @else
                    <div class="row" style="border-bottom: 2px solid #f4f5f9;">
                        <div class="col-6 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 14px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Sex Chromosome Aneuploidies
                        </div>
                        <div class="col-6 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 14px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Result
                        </div>
                    </div>
                    @endif
                    @php
                        $sexChromosomeArray = [];
                        if(!empty($sex_chromosomes['45X'])) {
                            $riskCode = $sex_chromosomes['45X']['code'] ?? '';
                            $riskText = $sex_chromosomes['45X']['name'] ?? '';
                            $riskColor = $riskCode == 'high' ? '#E9473A' : ($riskCode == 'low' ? '#29B637' : '#000');
                            $recommendation = $sexChromosomesRec['45X'] ?? '';
                            $sexChromosomeArray[] = ['name' => '45, X (Turner Syndrome)', 'risk' => $riskText, 'color' => $riskColor, 'recommendation' => $recommendation];
                        }
                        if(!empty($sex_chromosomes['47XXX'])) {
                            $riskCode = $sex_chromosomes['47XXX']['code'] ?? '';
                            $riskText = $sex_chromosomes['47XXX']['name'] ?? '';
                            $riskColor = $riskCode == 'high' ? '#E9473A' : ($riskCode == 'low' ? '#29B637' : '#000');
                            $recommendation = $sexChromosomesRec['47XXX'] ?? '';
                            $sexChromosomeArray[] = ['name' => '47, XXX (Trisomy X Syndrome)', 'risk' => $riskText, 'color' => $riskColor, 'recommendation' => $recommendation];
                        }
                        if(!empty($sex_chromosomes['47XXY'])) {
                            $riskCode = $sex_chromosomes['47XXY']['code'] ?? '';
                            $riskText = $sex_chromosomes['47XXY']['name'] ?? '';
                            $riskColor = $riskCode == 'high' ? '#E9473A' : ($riskCode == 'low' ? '#29B637' : '#000');
                            $recommendation = $sexChromosomesRec['47XXY'] ?? '';
                            $sexChromosomeArray[] = ['name' => '47, XXY (Klinefelter\'s Syndrome)', 'risk' => $riskText, 'color' => $riskColor, 'recommendation' => $recommendation];
                        }
                        if(!empty($sex_chromosomes['47XYY'])) {
                            $riskCode = $sex_chromosomes['47XYY']['code'] ?? '';
                            $riskText = $sex_chromosomes['47XYY']['name'] ?? '';
                            $riskColor = $riskCode == 'high' ? '#E9473A' : ($riskCode == 'low' ? '#29B637' : '#000');
                            $recommendation = $sexChromosomesRec['47XYY'] ?? '';
                            $sexChromosomeArray[] = ['name' => '47, XYY (Jacob\'s Syndrome)', 'risk' => $riskText, 'color' => $riskColor, 'recommendation' => $recommendation];
                        }
                        $chunkedSexChromosomes = $sexChromosomeArray;
                    @endphp
                    @foreach ($chunkedSexChromosomes as $chunk)
                        @if($hasSexChromosomeRecommendations)
                        <div class="row" style="border-bottom: 2px solid #f4f5f9;">
                            <div class="col-4 text-center p-2"
                                 style="font-weight: 600; font-size: 13px; border-right: 2px solid #f4f5f9;">
                                {{ $chunk['name'] ?? '' }}
                            </div>
                            <div class="col-4 text-center p-2"
                                 style="font-weight: 700; font-size: 14px; color: {{ $chunk['color'] ?? '#000' }}; border-right: 2px solid #f4f5f9;">
                                {{ $chunk['risk'] ?? '' }}
                            </div>
                            <div class="col-4 text-center p-2"
                                 style="font-weight: 400; font-size: 12px; color: #1e293b; border-right: 2px solid #f4f5f9;">
                                {{ $chunk['recommendation'] ?? '' }}
                            </div>
                        </div>
                        @else
                        <div class="row" style="border-bottom: 2px solid #f4f5f9;">
                            <div class="col-6 text-center p-2"
                                 style="font-weight: 600; font-size: 13px; border-right: 2px solid #f4f5f9;">
                                {{ $chunk['name'] ?? '' }}
                            </div>
                            <div class="col-6 text-center p-2"
                                 style="font-weight: 700; font-size: 14px; color: {{ $chunk['color'] ?? '#000' }}; border-right: 2px solid #f4f5f9;">
                                {{ $chunk['risk'] ?? '' }}
                            </div>
                        </div>
                        @endif
                    @endforeach
                </div>
            </div>
        @endif

        @if(!empty($chromosomes))
            <div class="row mt-3">
                <div class="col-12">
                    @if($hasChromosomeRecommendations)
                    <div class="row" style="border-bottom: 2px solid #f4f5f9;">
                        <div class="col-2 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Autosomal Aneuploidies
                        </div>
                        <div class="col-2 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Result
                        </div>
                        <div class="col-2 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Recommendation
                        </div>
                        <div class="col-2 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b;border-right: 2px solid #FFF; border-radius:9px">
                            Autosomal Aneuploidies
                        </div>
                        <div class="col-2 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b;border-right: 2px solid #FFF; border-radius:9px">
                            Result
                        </div>
                        <div class="col-2 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b;border-right: 2px solid #FFF; border-radius:9px">
                            Recommendation
                        </div>
                    </div>
                    @else
                    <div class="row" style="border-bottom: 2px solid #f4f5f9;">
                        <div class="col-3 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Autosomal Aneuploidies
                        </div>
                        <div class="col-3 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 2px solid #FFF;border-radius:9px">
                            Result
                        </div>
                        <div class="col-3 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b;border-right: 2px solid #FFF; border-radius:9px">
                            Autosomal Aneuploidies
                        </div>
                        <div class="col-3 text-center p-2"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b;border-right: 2px solid #FFF; border-radius:9px">
                            Result
                        </div>
                    </div>
                    @endif
                    @php
                        $chromosomeArray = [];
                        foreach ($chromosomes as $chromosome => $value) {
                            $riskText = $value == 'high' ? 'High Risk' : ($value == 'low' ? 'Low Risk' : $value);
                            $riskColor = $value == 'high' ? '#E9473A' : ($value == 'low' ? '#29B637' : '#000');
                            $recommendation = $chromosomesRec[$chromosome] ?? '';
                            $chromosomeArray[] = ['name' => $chromosome, 'risk' => $riskText, 'color' => $riskColor, 'recommendation' => $recommendation];
                        }
                        $chunkedChromosomes = array_chunk($chromosomeArray, 2);
                    @endphp
                    @foreach ($chunkedChromosomes as $chunk)
                        @if($hasChromosomeRecommendations)
                        <div class="row" style="border-bottom: 2px solid #f4f5f9;">
                            <div class="col-2 text-center p-2"
                                 style="font-weight: 600; font-size: 13px; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[0]['name'] ?? '' }}
                            </div>
                            <div class="col-2 text-center p-2"
                                 style="font-weight: 700; font-size: 14px; color: {{ $chunk[0]['color'] ?? '#000' }}; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[0]['risk'] ?? '' }}
                            </div>
                            <div class="col-2 text-center p-2"
                                 style="font-weight: 400; font-size: 12px; color: #1e293b; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[0]['recommendation'] ?? '' }}
                            </div>
                            <div class="col-2 text-center p-2"
                                 style="font-weight: 600; font-size: 13px; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[1]['name'] ?? '' }}
                            </div>
                            <div class="col-2 text-center p-2"
                                 style="font-weight: 700; font-size: 14px; color: {{ $chunk[1]['color'] ?? '#000' }}; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[1]['risk'] ?? '' }}
                            </div>
                            <div class="col-2 text-center p-2"
                                 style="font-weight: 400; font-size: 12px; color: #1e293b;">
                                {{ $chunk[1]['recommendation'] ?? '' }}
                            </div>
                        </div>
                        @else
                        <div class="row" style="border-bottom: 2px solid #f4f5f9;">
                            <div class="col-3 text-center p-2"
                                 style="font-weight: 600; font-size: 13px; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[0]['name'] ?? '' }}
                            </div>
                            <div class="col-3 text-center p-2"
                                 style="font-weight: 700; font-size: 14px; color: {{ $chunk[0]['color'] ?? '#000' }}; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[0]['risk'] ?? '' }}
                            </div>
                            <div class="col-3 text-center p-2"
                                 style="font-weight: 600; font-size: 13px; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[1]['name'] ?? '' }}
                            </div>
                            <div class="col-3 text-center p-2"
                                 style="font-weight: 700; font-size: 14px; color: {{ $chunk[1]['color'] ?? '#000' }}; border-right: 2px solid #f4f5f9;">
                                {{ $chunk[1]['risk'] ?? '' }}
                            </div>
                        </div>
                        @endif
                    @endforeach
                </div>
            </div>
        @endif
    </div>



    {{--    @if(!empty($syndrome['LGS']) || !empty($syndrome['DGS2']) || !empty($syndrome['q21']) || !empty($syndrome['WAGRO']) || !empty($syndrome['CDC']) || !empty($syndrome['p36']) || !empty($syndrome['q26']) || !empty($syndrome['DWS']) || !empty($syndrome['JS']) || !empty($syndrome['PKS']))--}}
    {{--        <div style="page-break-after: always"></div>--}}

    {{--        <div class="col-md-12 text-center p-1 mt-5"--}}
    {{--             style="border-radius: 10px 10px 0; background-color: #D3EAFD; font-weight: 700; font-size: 18px">--}}
    {{--            MICRODELETION/DUPLICATION SYNDROMES--}}
    {{--        </div>--}}

    {{--        <div class="row mt-3">--}}
    {{--            <div class="col">--}}
    {{--                <div class="row">--}}
    {{--                    <div class="col-4 text-center p-1"--}}
    {{--                         style="border-radius: 12px 0 0 0;background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #1e293b">--}}
    {{--                        Syndrome--}}
    {{--                    </div>--}}
    {{--                    <div class="col-4 text-center p-1"--}}
    {{--                         style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #1e293b">--}}
    {{--                        Result--}}
    {{--                    </div>--}}
    {{--                    <div class="col-4 text-center p-1"--}}
    {{--                         style="border-radius: 0 12px 0 0; background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #1e293b">--}}
    {{--                        Recommendation--}}
    {{--                    </div>--}}
    {{--                </div>--}}
    {{--                @if(!empty($syndrome['PKS']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4 text-center"><span>Pallister-Killian Syndrome (PKS) </span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['PKS'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}
    {{--                @if(!empty($syndrome['JS']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4 text-center"><span>Jacobsen Syndrome</span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['JS'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}
    {{--                @if(!empty($syndrome['DWS']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4 text-center"><span>Dandy-Walker Syndrome</span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['DWS'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}

    {{--                @if(!empty($syndrome['q26']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4 text-center"><span>15q26-qter  Levy-Shanske Syndrome</span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['q26'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}

    {{--                @if(!empty($syndrome['p36']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4 text-center"><span>1p36 Microdeletion Syndrome  Levy-Shanske Syndrome</span>--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['p36'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}

    {{--                @if(!empty($syndrome['CDC']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4 text-center"><span>Cri-du-chat Syndrome</span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['CDC'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}

    {{--                @if(!empty($syndrome['WAGRO']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4"><span>WAGRO Syndrome</span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['WAGRO'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}

    {{--                @if(!empty($syndrome['q21']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4"><span>4q21 Microdeletion Syndrome</span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['q21'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}

    {{--                @if(!empty($syndrome['DGS2']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4"><span>DiGeorge Syndrome 2</span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['DGS2'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}
    {{--                @if(!empty($syndrome['LGS']))--}}
    {{--                    <div class="row table-row">--}}
    {{--                        <div class="col-4"><span>Langer-Giedion Syndrome</span></div>--}}
    {{--                        <div class="col-4">--}}
    {{--                            @if($syndrome['LGS'] == 'low')--}}
    {{--                                <span style="color: #29B637">  Low Risk</span>--}}
    {{--                            @else--}}
    {{--                                <span style="color: #E9473A;">  High Risk</span>--}}
    {{--                            @endif--}}
    {{--                        </div>--}}
    {{--                        <div class="col-4 text-center"><span>Further genetic counseling recommended</span></div>--}}
    {{--                    </div>--}}
    {{--                @endif--}}

    {{--            </div>--}}
    {{--        </div>--}}
    {{--    @endif--}}

    @if(!empty($chromosomes))
        <div style="page-break-before: always; page-break-inside: avoid; page-break-after: avoid;">
            <div class="row mt-3">
                <div class="col-12">
                    <div class="col-md-12 text-center p-1"
                         style="font-weight: bold; font-size: 16px">
                        ADDITIONAL CHROMOSOME SYNDROMES SCREENING
                    </div>
                    <div class="row mt-2" style="border-bottom: 1px solid #f4f5f9;">
                        <div class="col-3 text-center p-1"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 1px solid #E8E9EC;border-radius:9px;">
                            Syndrome
                        </div>
                        <div class="col-3 text-center p-1"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 1px solid #E8E9EC;border-radius:9px">
                            Syndrome
                        </div>
                        <div class="col-3 text-center p-1"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 1px solid #E8E9EC;border-radius:9px">
                            Syndrome
                        </div>
                        <div class="col-3 text-center p-1"
                             style="background-color: {{hexToRgb($Profile->REPORT_TITLE_COLOR,0.2) ?? '#f4f5f9'}}; font-weight: 700; font-size: 10px; color: #1e293b; border-right: 1px solid #E8E9EC;border-radius:9px">
                            Syndrome
                        </div>
                    </div>
                    @php
                        $allSyndromes = [
                            'Chromosome 1p36 deletion syndrome',
                            'Chromosome 1q41-q42 deletion syndrome',
                            'Chromosome 1p32-p31 deletion syndrome',
                            'Chromosome 2p16.1-p15 deletion syndrome',
                            'Chromosome 2q33.1 deletion syndrome',
                            'Chromosome 2q31.1 duplication syndrome',
                            'Chromosome 2q37 deletion syndrome',
                            'Chromosome 2q31.1 microdeletion syndrome',
                            'Chromosome 2q duplication',
                            'Chromosome 3pter-p25 deletion syndrome',
                            'Dandy-Walker syndrome',
                            'Chromosome 3q13.31 deletion syndrome',
                            'Distal chromosome 3p duplication',
                            'Chromosome 3q duplication',
                            'Chromosome 4p16.3 deletion syndrome',
                            'Chromosome 4q21 deletion syndrome',
                            'Chromosome 4p duplication',
                            'Distal chromosome 4q duplication',
                            'Distal chromosome 4q deletion',
                            'Cri-du-Chat syndrome',
                            'Chromosome 5q14.3 deletion syndrome',
                            'Chromosome 5q12 deletion syndrome',
                            'Chromosome 5p13 duplication syndrome',
                            'Chromosome 5p duplication',
                            'Chromosome 6pter-p24 deletion syndrome',
                            'Chromosome 6q24-q25 deletion syndrome',
                            'Chromosome 6q11-q14 deletion syndrome',
                            'Chromosome 6p deletion',
                            'Chromosome 6q15-q23 deletion syndrome',
                            'Chromosome 6q25-qter deletion syndrome',
                            'Chromosome 6q26-q27 deletion syndrome',
                            'Chromosome 7q deletion',
                            'Chromosome 7q11.23 deletion syndrome',
                            'Chromosome 7q21-q32 deletion',
                            'Chromosome 7q31-q32 deletion',
                            'Chromosome 8p23.1 deletion syndrome',
                            'Chromosome 8p23.1 duplication syndrome',
                            'Langer-Giedion syndrome',
                            'Chromosome 8q22.1 deletion syndrome',
                            'Chromosome 8q22.1 duplication syndrome',
                            'Chromosome 8p duplication',
                            'Chromosome 8q duplication',
                            'Chromosome 9p deletion syndrome',
                            'Chromosome 9p duplication',
                            'DiGeorge syndrome 2',
                            'Chromosome 10q22.3-q23.2 deletion syndrome',
                            'Chromosome 10q26 deletion syndrome',
                            'Chromosome 10p12-p11 deletion syndrome',
                            'Chromosome 10p duplication',
                            'Chromosome 11p13 deletion syndrome',
                            'Chromosome 11p11.2 deletion syndrome',
                            'Jacobsen syndrome',
                            'Chromosome 11q23 deletion syndrome',
                            'Chromosome 12q14 microdeletion syndrome',
                            'Chromosome 12p12.1 microdeletion syndrome',
                            'Chromosome 12p duplication',
                            'Chromosome 13q14 deletion syndrome',
                            'Distal chromosome 13q deletion',
                            'Chromosome 14q11-q22 deletion syndrome',
                            'Chromosome 14q22 deletion syndrome',
                            'Proximal chromosome 14q deletion',
                            'Chromosome 14q duplication',
                            'Prader-Willi syndrome',
                            'Angelman syndrome',
                            'Chromosome 15q26-qter deletion syndrome',
                            'Levy-Shanske syndrome',
                            'Chromosome 15q14 deletion syndrome',
                            'Chromosome 15q24 microdeletion syndrome',
                            'Chromosome 15q26 overgrowth syndrome',
                            'Distal chromosome 15q deletion',
                            'Chromosome 16p12.2-p11.2 deletion syndrome',
                            'Chromosome 16p12.2-p11.2 duplication syndrome',
                            'Chromosome 16p13.3 deletion syndrome',
                            'Chromosome 16p13.3 duplication syndrome',
                            'Proximal chromosome 16q duplication',
                            'Smith-Magenis syndrome',
                            'Chromosome 17p13.3 deletion syndrome',
                            'Potocki-Lupski syndrome',
                            'Chromosome 17p13.3 duplication syndrome',
                            'Yuan-Harel-Lupski syndrome',
                            'Chromosome 17p duplication',
                            'Chromosome 18p deletion syndrome',
                            'Distal chromosome 18q deletion syndrome',
                            'Alagille syndrome 1',
                            'Chromosome 20p duplication',
                            'Chromosome 21q22 deletion',
                            'Chromosome 22q11.2 deletion syndrome',
                            'Chromosome Xp11.23-p11.22 duplication syndrome',
                            'Chromosome Xp21 deletion syndrome',
                            'Chromosome Xq27.3-q28 duplication syndrome',
                            'Chromosome Xq21 deletion syndrome',
                            'Chromosome Xq22.3 deletion syndrome',
                        ];
                        $syndromeChunks = array_chunk($allSyndromes, 4);
                    @endphp
                    @foreach($syndromeChunks as $chunk)
                        <div class="row" style="border-bottom: 1px solid #f4f5f9;">
                            <div class="col-3 text-center"
                                 style="font-weight: 400; font-size: 9px; color: #1e293b; border-right: 1px solid #f4f5f9; padding: 4px 6px;">
                                {{ $chunk[0] ?? '' }}
                            </div>
                            <div class="col-3 text-center"
                                 style="font-weight: 400; font-size: 9px; color: #1e293b; border-right: 1px solid #f4f5f9; padding: 4px 6px;">
                                {{ $chunk[1] ?? '' }}
                            </div>
                            <div class="col-3 text-center"
                                 style="font-weight: 400; font-size: 9px; color: #1e293b; border-right: 1px solid #f4f5f9; padding: 4px 6px;">
                                {{ $chunk[2] ?? '' }}
                            </div>
                            <div class="col-3 text-center"
                                 style="font-weight: 400; font-size: 9px; color: #1e293b; padding: 4px 6px;">
                                {{ $chunk[3] ?? '' }}
                            </div>
                        </div>
                    @endforeach
                    @if(!empty($syndrome['ACSCOM']))
                        <div class="row" style="background-color: #F8F9FA;">
                            <div class="col-12" style="padding: 10px 15px;">
                                <p style="font-size: 11px; color: #19213D; line-height: 1.5; margin: 0; text-align: justify; font-weight: 500;">
                                    <strong style="color: #000;">Note:</strong> {!! nl2br(e($syndrome['ACSCOM'])) !!}
                                </p>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    @endif
@endif

<!-- Comment Section -->
@include('pdf.normal_report.components.analysis_tests.layout.comment')