@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->where('HIDE_FROM_REPORT', 1)
                          ->orWhereIn('TYPE', ['FILE', 'DOWNLOAD_FILE']);
                })
               ->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;
$sex = null;
$gender = 0;
$resultDate = [];
$sex_chromosomes = [];
$syndrome = [];

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;
    }

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

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

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

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

    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 == '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 == '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;
        }
    }
  }
  
  if($LabCategoryPackageResult->Result->CODE == 'ACSCOM' && !empty($LabCategoryPackageResult->RESULT)) {
     $syndrome['ACSCOM'] = $LabCategoryPackageResult->RESULT;
  }

}

$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 ($gender == 1)
        {
        $color = "#D3EAFD";
        $section_color = hexToRgb($Profile->COLOR,0.2) ?? 'rgba(244, 248, 255, 1)';
        $img = url('/images/boy.png');
        }
        elseif($gender == 2)
        {
        $color = "#FCECF6";
        $section_color = hexToRgb($Profile->COLOR,0.2) ?? 'rgba(252, 236, 246, 0.5)';
        $img = url('/images/girl.png');
        }
        else{
        $color = "#E5E2E2";
        $section_color = hexToRgb($Profile->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;

        // Calculate overall result based on all chromosomes and syndromes
        $hasHighRisk = false;
        
        // Check sex chromosomes for high risk
        foreach ($sex_chromosomes as $value) {
            if ($value == 'high') {
                $hasHighRisk = true;
                break;
            }
        }
        
        // Check autosomal chromosomes for high risk
        if (!$hasHighRisk) {
            foreach ($chromosomes as $value) {
                if ($value == 'high') {
                    $hasHighRisk = true;
                    break;
                }
            }
        }
        
        // Check syndromes for high risk
        if (!$hasHighRisk) {
            if (!empty($syndrome['T21']) && $syndrome['T21'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['T18']) && $syndrome['T18'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['T13']) && $syndrome['T13'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['PKS']) && $syndrome['PKS'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['JS']) && $syndrome['JS'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['DWS']) && $syndrome['DWS'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['q26']) && $syndrome['q26'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['p36']) && $syndrome['p36'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['CDC']) && $syndrome['CDC'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['WAGRO']) && $syndrome['WAGRO'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['q21']) && $syndrome['q21'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['DGS2']) && $syndrome['DGS2'] == 'high') $hasHighRisk = true;
            if (!empty($syndrome['LGS']) && $syndrome['LGS'] == 'high') $hasHighRisk = true;
        }
        
        // Set result based on calculated risk
        if ($hasHighRisk) {
            $resultDate['result'] = 'High Risk';
            $resultDate['isNormal'] = 0;
        } else {
            $resultDate['result'] = 'Low Risk';
            $resultDate['isNormal'] = 1;
        }

@endphp


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

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

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

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

    span.key {
        color: #5D6481;
        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 {
        text-align: center;
        align-content: center;
        align-items: center;
        padding: 10px;
        /*height: 100%;*/
    }

    .table-row .col-6:first-of-type {
        font-weight: 600;
        border-bottom: 2px solid #E8E9EC
    }

    .table-row .col-6:nth-child(2) {
        font-weight: 700;
        font-size: 18px;
        text-transform: uppercase;
        color: #29B637;
        border-width: 0px 0px 2px 2px;
        border-style: solid;
        border-color: #E8E9EC;

    }

    .table-row .col-3 {
        font-weight: 700;
        font-size: 18px;
        border-width: 0px 2px 2px 0px;
        border-style: solid;
        border-color: #E8E9EC;
    }

    .table-row .col-3:last-of-type {
        font-weight: 700;
        font-size: 18px;
        border-width: 0px 0 2px 0px;
        border-style: solid;
        border-color: #E8E9EC;
    }

    .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: #5D6481;
    }

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

    .table-row {
        color: #5D6481;
    }
</style>
@if($questionsWithAnswers->count() > 0)
    <div class="col-md-12 text-center p-1"
         style="border-radius: 10px 10px 0; background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px">
        PATIENT CLINICAL DATA
    </div>
@endif

@foreach($questionsWithAnswers->chunk(4) as $chunk)
    <div class="row d-flex justify-content-between first-row" style="padding: 0 24px; margin-top: 20px">
        @foreach($chunk as $questionAnswer)
            <div class="mt-2">
                <span class="key"> {{$questionAnswer->question->NAME_EN}}: </span>
                @if(!empty($questionAnswer->SELECTED_OPTIONS))
                    @foreach($questionAnswer->SELECTED_OPTIONS as $selectedOption)
                        <span class="value"> {{$selectedOption}}
                            @if(!empty($questionAnswer->DESCRIPTION))
                                <small> {{$questionAnswer->DESCRIPTION}} </small>
                            @endif
                            </span>
                    @endforeach
                @else
                    <span class="value">{{$questionAnswer->ANSWER}}</span>
                @endif
            </div>
        @endforeach
    </div>
@endforeach


<div class="row mt-5" style="page-break-inside: avoid;">
    <div class="col-4 text-center" style="padding: 20px;">
        <img src="{{$img}}" style="width: 100%; max-width: 220px; height: auto; margin: 0 auto; display: block; filter: drop-shadow(0 4px 6px rgba(0,0,0,0.1));">
    </div>
    <div class="col-8" style="padding: 0;">
        <div class="summary-container" style="background: linear-gradient(135deg, {{hexToRgb($Profile->COLOR,0.15) ?? 'rgba(211, 234, 253, 0.5)'}}, {{hexToRgb($Profile->COLOR,0.05) ?? 'rgba(211, 234, 253, 0.2)'}}); border-radius: 15px; overflow: hidden; box-shadow: 0 4px 12px rgba(0,0,0,0.08); border: 2px solid {{$Profile->COLOR ?? '#4A90E2'}};">
            
            <!-- Header -->
            <div class="summary-header text-center" style="background: {{$Profile->COLOR ?? '#4A90E2'}}; padding: 15px 20px; position: relative; overflow: hidden;">
                <div style="position: absolute; top: -50%; right: -5%; width: 150px; height: 150px; background: rgba(255,255,255,0.1); border-radius: 50%;"></div>
                <div style="position: absolute; bottom: -30%; left: -3%; width: 100px; height: 100px; background: rgba(255,255,255,0.1); border-radius: 50%;"></div>
                <h3 style="color: #ffffff; font-weight: 700; font-size: 20px; margin: 0; letter-spacing: 1px; position: relative; z-index: 1;">REPORT SUMMARY</h3>
            </div>

            <!-- Content -->
            <div style="padding: 20px 25px;">
                
                <!-- Result Row -->
                <div class="summary-row" style="display: flex; align-items: center; padding: 15px 20px; margin-bottom: 12px; background: #ffffff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 4px solid @if($resultDate['isNormal'] == 1) #29B637 @else #E9473A @endif; transition: transform 0.2s;">
                    <div style="flex: 1; display: flex; align-items: center;">
                        <div style="width: 40px; height: 40px; border-radius: 50%; background: {{hexToRgb($Profile->COLOR,0.15) ?? 'rgba(211, 234, 253, 0.3)'}}; display: flex; align-items: center; justify-content: center; margin-right: 15px;">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="{{$Profile->COLOR ?? '#4A90E2'}}" stroke-width="2">
                                <path d="M9 11l3 3L22 4"></path>
                                <path d="M21 12v7a2 2 0 01-2 2H5a2 2 0 01-2-2V5a2 2 0 012-2h11"></path>
                            </svg>
                        </div>
                        <span style="color: #5D6481; font-weight: 500; font-size: 15px;">Result</span>
                    </div>
                    <div style="flex: 1.5; text-align: center;">
                        <span style="@if($resultDate['isNormal'] == 1) color:#29B637 @else color:#E9473A @endif; font-weight: 700; font-size: 16px; text-transform: uppercase;">{{$resultDate['result']}}</span>
                    </div>
                    <div style="flex: 0.5; text-align: right;">
                        @if($resultDate['isNormal'] != 1)
                            <span style="display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: linear-gradient(135deg, #E9473A, #d63027); color: #fff; border-radius: 8px; font-weight: 700; font-size: 14px; box-shadow: 0 2px 6px rgba(233, 71, 58, 0.3);">D</span>
                        @else
                            <span style="display: inline-block; width: 35px; height: 35px; line-height: 35px; text-align: center; background: linear-gradient(135deg, #29B637, #20a02f); color: #fff; border-radius: 8px; font-weight: 700; font-size: 14px; box-shadow: 0 2px 6px rgba(41, 182, 55, 0.3);">N</span>
                        @endif
                    </div>
                </div>

                <!-- Fetal Sex Row -->
                <div class="summary-row" style="display: flex; align-items: center; padding: 15px 20px; margin-bottom: 12px; background: #ffffff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 4px solid {{$Profile->COLOR ?? '#4A90E2'}}; transition: transform 0.2s;">
                    <div style="flex: 1; display: flex; align-items: center;">
                        <div style="width: 40px; height: 40px; border-radius: 50%; background: {{hexToRgb($Profile->COLOR,0.15) ?? 'rgba(211, 234, 253, 0.3)'}}; display: flex; align-items: center; justify-content: center; margin-right: 15px;">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="{{$Profile->COLOR ?? '#4A90E2'}}" stroke-width="2">
                                <circle cx="12" cy="8" r="5"></circle>
                                <path d="M20 21a8 8 0 10-16 0"></path>
                            </svg>
                        </div>
                        <span style="color: #5D6481; font-weight: 500; font-size: 15px;">Fetal Sex</span>
                    </div>
                    <div style="flex: 1.5; text-align: center;">
                        <span style="color: #19213D; font-weight: 600; font-size: 15px;">
                            @if($gender == 1)
                                Male
                            @elseif($gender == 2)
                                Female
                            @else
                                Unknown
                            @endif
                        </span>
                    </div>
                    <div style="flex: 0.5; text-align: right;">
                        @if($gender == 1)
                            <img src="{{url('/img/blue-male-gender.png')}}" width="30" height="30" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));">
                        @elseif($gender == 2)
                            <img src="{{url('/img/pink-female-gender.png')}}" width="30" height="30" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));">
                        @else
                            <img src="{{url('/img/gender_symbol.png')}}" width="35" height="35" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));">
                        @endif
                    </div>
                </div>

                <!-- Fetal Fraction Row -->
                <div class="summary-row" style="display: flex; align-items: center; padding: 15px 20px; margin-bottom: 12px; background: #ffffff; border-radius: 10px; box-shadow: 0 2px 8px rgba(0,0,0,0.05); border-left: 4px solid {{$Profile->COLOR ?? '#4A90E2'}}; transition: transform 0.2s;">
                    <div style="flex: 1; display: flex; align-items: center;">
                        <div style="width: 40px; height: 40px; border-radius: 50%; background: {{hexToRgb($Profile->COLOR,0.15) ?? 'rgba(211, 234, 253, 0.3)'}}; display: flex; align-items: center; justify-content: center; margin-right: 15px;">
                            <svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="{{$Profile->COLOR ?? '#4A90E2'}}" stroke-width="2">
                                <rect x="3" y="3" width="18" height="18" rx="2"></rect>
                                <path d="M3 9h18M9 21V9"></path>
                            </svg>
                        </div>
                        <span style="color: #5D6481; font-weight: 500; font-size: 15px;">Fetal Fraction</span>
                    </div>
                    <div style="flex: 1.5; text-align: center;">
                        <span style="color: #19213D; font-weight: 600; font-size: 15px;">{{$fetalFraction}}</span>
                    </div>
                    <div style="flex: 0.5; text-align: right;">
                        <img src="{{url('/img/fraction.png')}}" width="30" height="30" style="filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));">
                    </div>
                </div>

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

@if(!empty($syndrome['T21']) || !empty($syndrome['T18']) || !empty($syndrome['T13']))
    <h3 class="text-center">RESULTS</h3>
    <div class="row mt-3">
        <div class="col">
            <div class="row">
                <div class="col text-center p-1"
                     style="border-radius: 12px 0 0 0;background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #5D6481">
                    Syndrome
                </div>
                @if($bgExist)
                <div class="col text-center p-1"
                     style="background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #5D6481">
                     Background Risk
                </div>
                <div class="col text-center p-1"
                     style="background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #5D6481">
                    NIPTune RISK SCORE
                </div>
                @endif
                <div class="col text-center p-1"
                     style="background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #5D6481">
                    Clinical Interpretation
                </div>
                <div class="col text-center p-1"
                     style="border-radius:  0 12px 0 0; background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #5D6481">
                    Recommendation
                </div>
            </div>
            @if(!empty($syndrome['T21']))
                <div class="row table-row">
                    <div class="@if($bgExist) col-3 @else col-6 @endif"><span>Trisomy 21
 <br> ( Down’s Syndrome)</span></div>

                    @if($bgExist)
                    <div class="col-3"><span>@if(!empty($syndrome['bg21'])) {{$syndrome['bg21'] }}  @endif</span></div>
                    <div class="col-3"><span>less than 1:100000 <br> (< 0.01%)</span></div>
                    @endif

                    <div class="@if($bgExist) col @else col-4 @endif">
                        @if($syndrome['T21'] == 'low')
                            <span style="color: #29B637">  Low Risk</span>
                        @else
                            <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                    <div class="@if($bgExist) col @else col-4 @endif text-center">
                        <span style="font-size: 12px;">
                            @php
                                $recT21 = $trisomyRec['T21'] ?? 'Test';
                            @endphp
                            {{ $recT21 }}
                        </span>
                    </div>
                </div>
            @endif
            @if(!empty($syndrome['T18']))
                <div class="row table-row">
                    <div class="@if($bgExist) col-3 @else col-6 @endif"><span>Trisomy 18
 <br> ( Edward’s Syndrome)</span></div>

                    @if($bgExist)
                    <div class="col-3"><span>@if(!empty($syndrome['bg18'])) {{$syndrome['bg18'] }} @endif</span></div>
                    <div class="col-3"><span> less than 1:100000 <br> (< 0.01%)</span></div>
                    @endif

                    <div class="@if($bgExist) col @else col-4 @endif"><span>
                            @if($syndrome['T18'] == 'low')
                                <span style="color: #29B637">  Low Risk</span>
                            @else <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                    <div class="@if($bgExist) col @else col-4 @endif text-center">
                        <span style="font-size: 12px;">
                            @php
                                $recT18 = $trisomyRec['T18'] ?? 'Test';
                            @endphp
                            {{ $recT18 }}
                        </span>
                    </div>
                </div>
            @endif
            @if(!empty($syndrome['T13']))
                <div class="row table-row">
                    <div class="@if($bgExist) col-3 @else col-6 @endif"><span>Trisomy 13
 <br> ( Patau’s Syndrome)</span></div>

                    @if($bgExist)
                    <div class="col-3"><span>@if(!empty($syndrome['bg13'])) {{$syndrome['bg13'] }} @endif</span></div>
                    <div class="col-3"><span>less than 1:100000 <br> (< 0.01%)</span></div>
                    @endif

                    <div class="@if($bgExist) col @else col-4 @endif"><span>
                            @if($syndrome['T13'] == 'low')
                                <span style="color: #29B637">  Low Risk</span>
                            @else <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                    <div class="@if($bgExist) col @else col-4 @endif text-center">
                        <span style="font-size: 12px;">
                            @php
                                $recT13 = $trisomyRec['T13'] ?? 'Test';
                            @endphp
                            {{ $recT13 }}
                        </span>
                    </div>
                </div>
            @endif
        </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
                Unknown
            @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">
            <div class="col-12">
                <div class="row">
                    <div class="col text-center"
                         style="border-radius: 12px 0 0 0; background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 14px; color: #5D6481; padding: 6px;">
                        Sex Chromosome Aneuploidies
                    </div>
                    <div class="col text-center"
                         style="background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 14px; color: #5D6481; padding: 6px;">
                        Result
                    </div>
                    <div class="col text-center"
                         style="border-radius: 0 12px 0 0; background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 14px; color: #5D6481; padding: 6px;">
                        Recommendation
                    </div>
                </div>
                @if(!empty($sex_chromosomes['45X']))
                    <div class="row table-row" style="margin: 0;">
                        <div class="col text-center" style="padding: 5px; font-size: 13px;"><span class="chromosome-text">45, X (Turner Syndrome)</span></div>
                        <div class="col" style="padding: 5px; font-size: 13px; font-weight: 600;">
                            @if($sex_chromosomes['45X'] == 'low')
                                <span style="color: #29B637">Low Risk</span>
                            @elseif($sex_chromosomes['45X'] == 'high')
                                <span style="color: #E9473A;">High Risk</span>
                            @else
                                <span>N/A</span>
                            @endif
                        </div>
                        <div class="col text-center" style="padding: 5px; font-size: 12px; color: #5D6481;">
                            @php
                                $rec45X = $sexChromosomesRec['45X'] ?? '';
                                if(empty($rec45X)) {
                                    $rec45X = $sex_chromosomes['45X'] == 'high' ? 'Genetic counseling recommended' : 'Routine prenatal care';
                                }
                            @endphp
                            {{ $rec45X }}
                        </div>
                    </div>
                @endif
                @if(!empty($sex_chromosomes['47XXX']))
                    <div class="row table-row" style="margin: 0;">
                        <div class="col text-center" style="padding: 5px; font-size: 13px;"><span class="chromosome-text">47, XXX (Trisomy X Syndrome)</span></div>
                        <div class="col" style="padding: 5px; font-size: 13px; font-weight: 600;">
                            @if($sex_chromosomes['47XXX'] == 'low')
                                <span style="color: #29B637">Low Risk</span>
                            @elseif($sex_chromosomes['47XXX'] == 'high')
                                <span style="color: #E9473A;">High Risk</span>
                            @else
                                <span>N/A</span>
                            @endif
                        </div>
                        <div class="col text-center" style="padding: 5px; font-size: 12px; color: #5D6481;">
                            @php
                                $rec47XXX = $sexChromosomesRec['47XXX'] ?? '';
                                if(empty($rec47XXX)) {
                                    $rec47XXX = $sex_chromosomes['47XXX'] == 'high' ? 'Genetic counseling recommended' : 'Routine prenatal care';
                                }
                            @endphp
                            {{ $rec47XXX }}
                        </div>
                    </div>
                @endif
                @if(!empty($sex_chromosomes['47XXY']))
                    <div class="row table-row" style="margin: 0;">
                        <div class="col text-center" style="padding: 5px; font-size: 13px;"><span class="chromosome-text">47, XXY (Klinefelter's Syndrome)</span></div>
                        <div class="col" style="padding: 5px; font-size: 13px; font-weight: 600;">
                            @if($sex_chromosomes['47XXY'] == 'low')
                                <span style="color: #29B637">Low Risk</span>
                            @elseif($sex_chromosomes['47XXY'] == 'high')
                                <span style="color: #E9473A;">High Risk</span>
                            @else
                                <span>N/A</span>
                            @endif
                        </div>
                        <div class="col text-center" style="padding: 5px; font-size: 12px; color: #5D6481;">
                            @php
                                $rec47XXY = $sexChromosomesRec['47XXY'] ?? '';
                                if(empty($rec47XXY)) {
                                    $rec47XXY = $sex_chromosomes['47XXY'] == 'high' ? 'Genetic counseling recommended' : 'Routine prenatal care';
                                }
                            @endphp
                            {{ $rec47XXY }}
                        </div>
                    </div>
                @endif
                @if(!empty($sex_chromosomes['47XYY']))
                    <div class="row table-row" style="margin: 0;">
                        <div class="col text-center" style="padding: 5px; font-size: 13px;"><span class="chromosome-text">47, XYY (Jacob's Syndrome)</span></div>
                        <div class="col" style="padding: 5px; font-size: 13px; font-weight: 600;">
                            @if($sex_chromosomes['47XYY'] == 'low')
                                <span style="color: #29B637">Low Risk</span>
                            @elseif($sex_chromosomes['47XYY'] == 'high')
                                <span style="color: #E9473A;">High Risk</span>
                            @else
                                <span>N/A</span>
                            @endif
                        </div>
                        <div class="col text-center" style="padding: 5px; font-size: 12px; color: #5D6481;">
                            @php
                                $rec47XYY = $sexChromosomesRec['47XYY'] ?? '';
                                if(empty($rec47XYY)) {
                                    $rec47XYY = $sex_chromosomes['47XYY'] == 'high' ? 'Genetic counseling recommended' : 'Routine prenatal care';
                                }
                            @endphp
                            {{ $rec47XYY }}
                        </div>
                    </div>
                @endif
            </div>
        </div>
    @endif

    @if(!empty($chromosomes))
        <div class="row mt-3">
            <div class="col-12">
                <div class="row">
                    <div class="col text-center"
                         style="border-radius: 12px 0 0 0; background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 14px; color: #5D6481; padding: 6px;">
                        Autosomal Aneuploidies
                    </div>
                    <div class="col text-center"
                         style="background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 14px; color: #5D6481; padding: 6px;">
                        Result
                    </div>
                    <div class="col text-center"
                         style="border-radius: 0 12px 0 0; background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 14px; color: #5D6481; padding: 6px;">
                        Recommendation
                    </div>
                </div>
                @foreach ($chromosomes as $chromosome => $value)
                    @php
                        $recommendation = $chromosomesRec[$chromosome] ?? '';
                        if(empty($recommendation)) {
                            $recommendation = $value == 'high' ? 'Confirmatory testing advised' : 'Routine prenatal care';
                        }
                    @endphp
                    <div class="row table-row" style="margin: 0;">
                        <div class="col text-center" style="padding: 5px; font-size: 13px;"><span class="chromosome-text">{{ $chromosome }}</span></div>
                        <div class="col" style="padding: 5px; font-size: 13px; font-weight: 600;">
                            @if($value == 'low')
                                <span style="color: #29B637">Low Risk</span>
                            @elseif($value == 'high')
                                <span style="color: #E9473A;">High Risk</span>
                            @else
                                <span>N/A</span>
                            @endif
                        </div>
                        <div class="col text-center" style="padding: 5px; font-size: 12px; color: #5D6481;">
                            {{ $recommendation }}
                        </div>
                    </div>
                @endforeach
            </div>
        </div>
    @endif
</div>
</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 text-center p-1"
                     style="border-radius: 12px 0 0 0;background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #5D6481">
                    Syndrome
                </div>
                <div class="col text-center p-1"
                     style="border-radius:  0 12px 0 0; background-color: {{hexToRgb($Profile->COLOR,0.2) ?? '#D3EAFD'}}; font-weight: 700; font-size: 18px; color: #5D6481">
                    Result
                </div>
            </div>
            @if(!empty($syndrome['PKS']))
                <div class="row table-row">
                    <div class="col-6 text-center"><span>Pallister-Killian Syndrome (PKS) </span></div>
                    <div class="col-6">
                        @if($syndrome['PKS'] == 'low')
                            <span style="color: #29B637">  Low Risk</span>
                        @else
                            <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                </div>
            @endif
            @if(!empty($syndrome['JS']))
                <div class="row table-row">
                    <div class="col-6 text-center"><span>Jacobsen Syndrome</span></div>
                    <div class="col-6">
                        @if($syndrome['JS'] == 'low')
                            <span style="color: #29B637">  Low Risk</span>
                        @else
                            <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                </div>
            @endif
            @if(!empty($syndrome['DWS']))
                <div class="row table-row">
                    <div class="col-6 text-center"><span>Dandy-Walker Syndrome</span></div>
                    <div class="col-6">
                        @if($syndrome['DWS'] == 'low')
                            <span style="color: #29B637">  Low Risk</span>
                        @else
                            <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                </div>
            @endif

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

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

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

            @if(!empty($syndrome['WAGRO']))
                <div class="row table-row">
                    <div class="col-6"><span>WAGRO Syndrome</span></div>
                    <div class="col-6">
                        @if($syndrome['WAGRO'] == 'low')
                            <span style="color: #29B637">  Low Risk</span>
                        @else
                            <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                </div>
            @endif

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

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

            @if(!empty($syndrome['ACSCOM']))
            <div class="row table-row" style="margin: 0; background-color: #F8F9FA;">
                <div class="col-12" style="padding: 10px 15px; border-top: 2px solid #5D6481;">
                    <p style="font-size: 12px; color: #19213D; line-height: 1.5; margin: 0; text-align: justify; font-weight: 500;">
                        <strong style="color: #5D6481;">Comment:</strong> {!! nl2br(e($syndrome['ACSCOM'])) !!}
                    </p>
                </div>
            </div>
            @endif
        </div>
    </div>
@endif


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