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

        $questionsWithAnswers = App\Models\ENDUSERPACKAGEQUESTIONNAIREANSWERS::where('END_USER_LAB_ORDER_ID', $reservationId)
               ->where('IDENTIFICATION', $identification)
               ->where('LAB_CATEGORY_PACKAGE_ID', $labCategoryId)
               ->with(['question'])
               ->whereDoesntHave('question', function ($query) {
                   $query->where('HIDE_FROM_REPORT', 1);
               })
               ->get();

        foreach ($questionsWithAnswers as $item) {
            if (!empty($item->OPTION_ID)) {
                $item->SELECTED_OPTIONS = $item->options()->pluck('NAME_EN');
            }
        }

            $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 ($sex == "Female, XX" || $sex == "Both Female") $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'] = strtolower($LabCategoryPackageResult->Option->CODE ?? '');
    }

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


@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
    }
</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">
    <div class="col-4">
        <img src="{{$img}}" style="width: 220px;
    height: 220px;
    margin-left: 25px;
    margin-bottom: 10px;
}" height="100" width="100">
    </div>
    <div class="col-8">
        <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">
            REPORT SUMMARY
        </div>
        <div class="d-flex justify-content-between first-row" style="padding: 12px 24px;">
            <div class="col-4"><span class="summery-text">Result</span></div>
            <div class="col-4"><span
                        style="@if(($resultDate['code'] ?? '') == 'na') color:#9E9E9E @elseif(($resultDate['isNormal'] ?? null) == 1) color:#29B637 @else color:#E9473A  @endif ">{{$resultDate['result']}}</span>
            </div>
            @if(($resultDate['code'] ?? '') == 'na')
                <div class="col-4"><span class="symbol" style="margin-right: 0; background-color:#9E9E9E ">NA</span>
                </div>
            @elseif(($resultDate['isNormal'] ?? null) != 1)
                <div class="col-4"><span class="symbol" style="margin-right: 0; background-color:#E9473A ">D</span>
                </div>
            @else
                <div class="col-4"><span class="symbol" style="margin-right: 0;">N</span></div>
            @endif
        </div>
        <div class="d-flex justify-content-between first-row" style="padding: 8px 24px;">
            <div class="col-4"><span class="summery-text">Fetal Sex</span></div>
            <div class="col-4"><span>{{$sex ?? 'Unknown'}}</span></div>
            <div class="col-4"><span>
                    @if($gender == 1)
                        <img src="{{url('/img/blue-male-gender.png')}}" width="25" height="25">
                    @elseif($gender == 2)
                        <img src="{{url('/img/pink-female-gender.png')}}" width="25" height="25">
                    @else
                        <img src="{{url('/img/gender_symbol.png')}}" width="35" height="35">
                    @endif
                </span>
            </div>
        </div>
        <div class="d-flex justify-content-between first-row" style="padding: 8px 24px;">
            <div class="col-4"><span class="summery-text">Fetal Fraction</span></div>
            <div class="col-4"><span>{{$fetalFraction}}</span></div>
            <div class="col-4"><span><img src="{{url('/img/fraction.png')}}" width="25" height="25"></span></div>
        </div>
    </div>
</div>

@php
    // The four sex chromosome findings used to have a section of their own, with
    // a chromosome icon each. They are one line in this table now, so the four
    // collapse into a single verdict: high if any of them is high.
    $sexAneuploidy = null;
    $sexFindings = array_filter($sex_chromosomes);
    if (!empty($sexFindings)) {
        if (in_array('high', $sexFindings, true))    $sexAneuploidy = 'high';
        elseif (in_array('low', $sexFindings, true)) $sexAneuploidy = 'low';
        else                                         $sexAneuploidy = 'na';
    }
@endphp

@if(!empty($syndrome['T21']) || !empty($syndrome['T18']) || !empty($syndrome['T13']) || !empty($sexAneuploidy))
    <h3 class="text-center">RESULTS</h3>
    <div class="row mt-3">
        <div class="col-12">
            <div class="row">
                <div class="col-6 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-6 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">
                    Clinical Interpretation
                </div>
            </div>
            @if(!empty($syndrome['T21']))
                <div class="row table-row">
                    <div class="col-6"><span>Trisomy 21
 ( Down’s Syndrome)</span></div>
                    <div class="col-6">
                        @if($syndrome['T21'] == 'low')
                            <span style="color: #29B637">  Low Risk</span>
                        @elseif($syndrome['T21'] == 'na')
                            <span style="color: #403d3d">  N/A </span>
                        @else
                            <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                </div>
            @endif
            @if(!empty($syndrome['T18']))
                <div class="row table-row">
                    <div class="col-6"><span>Trisomy 18
 ( Edward’s Syndrome)</span></div>
                    <div class="col-6"><span>
                            @if($syndrome['T18'] == 'low')
                                <span style="color: #29B637">  Low Risk</span>
                            @elseif($syndrome['T18'] == 'na')
                                <span style="color: #403d3d">  N/A </span>
                            @else <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                </div>
            @endif
            @if(!empty($syndrome['T13']))
                <div class="row table-row">
                    <div class="col-6"><span>Trisomy 13
 ( Patau’s Syndrome)</span></div>
                    <div class="col-6"><span>
                            @if($syndrome['T13'] == 'low')
                                <span style="color: #29B637">  Low Risk</span>
                            @elseif($syndrome['T13'] == 'na')
                                <span style="color: #403d3d">  N/A </span>
                            @else <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </div>
                </div>
            @endif
            @if(!empty($sexAneuploidy))
                <div class="row table-row">
                    <div class="col-6"><span>Sex Chromosomes Aneuploidies</span></div>
                    <div class="col-6"><span>
                            @if($sexAneuploidy == 'low')
                                <span style="color: #29B637">  Low Risk</span>
                            @elseif($sexAneuploidy == 'na')
                                <span style="color: #403d3d">  N/A </span>
                            @else <span style="color: #E9473A;">  High Risk</span>
                        @endif
                    </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">Sex Chromosomes</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($chromosomes))
        <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">
            Autosomal Aneuploidies Result
        </div>
        <div class="row mt-2" style="border-bottom: 2px solid #E8E9EC;">
            <div class="col-3 text-center p-2" style="font-weight: 700; font-size: 14px; color: #5D6481; border-right: 2px solid #E8E9EC;">
                Autosomal Aneuploidies
            </div>
            <div class="col-3 text-center p-2" style="font-weight: 700; font-size: 14px; color: #5D6481; border-right: 2px solid #E8E9EC;">
                Result
            </div>
            <div class="col-3 text-center p-2" style="font-weight: 700; font-size: 14px; color: #5D6481; border-right: 2px solid #E8E9EC;">
                Autosomal Aneuploidies
            </div>
            <div class="col-3 text-center p-2" style="font-weight: 700; font-size: 14px; color: #5D6481;">
                Result
            </div>
        </div>
        @php
            $chromosomeArray = [];
            foreach ($chromosomes as $chromosome => $value) {
                $riskText = $value == 'high' ? 'HIGH RISK' : 'LOW RISK';
                $riskColor = $value == 'high' ? '#E9473A' : '#29B637';
                $chromosomeArray[] = ['name' => $chromosome, 'risk' => $riskText, 'color' => $riskColor];
            }
            $chunkedChromosomes = array_chunk($chromosomeArray, 2);
        @endphp
        @foreach ($chunkedChromosomes as $chunk)
            <div class="row" style="border-bottom: 2px solid #E8E9EC;">
                <div class="col-3 text-center p-2" style="font-weight: 600; font-size: 14px; border-right: 2px solid #E8E9EC;">
                    {{ $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 #E8E9EC;">
                    {{ $chunk[0]['risk'] ?? '' }}
                </div>
                <div class="col-3 text-center p-2" style="font-weight: 600; font-size: 14px; border-right: 2px solid #E8E9EC;">
                    {{ $chunk[1]['name'] ?? '' }}
                </div>
                <div class="col-3 text-center p-2" style="font-weight: 700; font-size: 14px; color: {{ $chunk[1]['color'] ?? '#000' }};">
                    {{ $chunk[1]['risk'] ?? '' }}
                </div>
            </div>
        @endforeach
        <div class="mt-3">
            Risk Description: <span style="color: #29B637; font-weight: 700;">LOW RISK</span> | <span style="color: #E9473A; font-weight: 700;">HIGH RISK</span>
        </div>
    @endif
</div>

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