@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 = collect($PackageResultsByPackage[$Package->ID] ?? []);

       $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(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['isNormal'] == 1) color:#29B637 @else color:#E9473A  @endif ">{{$resultDate['result']}}</span>
            </div>
            @if($resultDate['isNormal'] != 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>@if($gender == 1) Male @elseif($gender == 2) Female @else Unknown  @endif</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>

@if(!empty($syndrome['T21']) || !empty($syndrome['T18']) || !empty($syndrome['T13']))
    <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>
                        @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>
                            @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>
                            @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">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-5">
            <div class="col-12">
                <div class="row">
                    <div class="col-12 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">
                        Sex Chromosome Aneuploidies
                    </div>
                </div>
                <div class="row table-row">
                    @if(!empty($sex_chromosomes['45X']))
                        <div class="col-3">
                            @if($sex_chromosomes['45X'] == 'low')
                                <img src="{{url('/img/low.png')}}" style="width: 20px; margin-right: 22px">
                            @elseif($sex_chromosomes['45X'] == 'high')
                                <img src="{{url('/img/high.png')}}" style="width: 20px; margin-right: 22px">
                            @else
                                <b> N/A </b>
                            @endif
                            <span class="chromosome-text">45, X <br> (Turner Syndrome )</span>
                        </div>
                    @endif
                    @if(!empty($sex_chromosomes['47XXX']))
                        <div class="col-3">
                            @if($sex_chromosomes['47XXX'] == 'low')
                                <img src="{{url('/img/low.png')}}" style="width: 20px; margin-right: 22px">
                            @elseif($sex_chromosomes['47XXX'] == 'high')
                                <img src="{{url('/img/high.png')}}" style="width: 20px; margin-right: 22px">
                            @else
                                <b> N/A </b>
                            @endif
                            <span class="chromosome-text">47, XXX <br> (Trisomy X  Syndrome)</span></div>
                    @endif
                    @if(!empty($sex_chromosomes['47XXY']))
                        <div class="col-3">
                            @if($sex_chromosomes['47XXY'] == 'low')
                                <img src="{{url('/img/low.png')}}" style="width: 20px; margin-right: 22px">
                            @elseif($sex_chromosomes['47XXY'] == 'high')
                                <img src="{{url('/img/high.png')}}" style="width: 20px; margin-right: 22px">
                            @else
                                <b> N/A </b>
                            @endif
                            <span class="chromosome-text">47, XXY <br> (Klinefelter’s Syndrome )</span>
                        </div>
                    @endif
                    @if(!empty($sex_chromosomes['47XYY']))
                        <div class="col-3">
                            @if($sex_chromosomes['47XYY'] == 'low')
                                <img src="{{url('/img/low.png')}}" style="width: 20px; margin-right: 22px">
                            @elseif($sex_chromosomes['47XYY'] == 'high')
                                <img src="{{url('/img/high.png')}}" style="width: 20px; margin-right: 22px">
                            @else
                                <b> N/A </b>
                            @endif
                            <span class="chromosome-text">47, XYY <br> (Jacob’s Syndrome )</span>
                        </div>
                    @endif
                </div>

            </div>

        </div>
        <div class="mt-3">
            Risk Description: <img src="{{url('/img/low.png')}}" style="margin-right: 10px;margin-left: 10px"
                                   height="20" width="10"> Low Risk <img src="{{url('/img/high.png')}}"
                                                                         style="margin-right: 10px;margin-left: 10px"
                                                                         height="20" width="10"> High Risk
        </div>
    @endif

    @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
        </div>
        <div class="row mt-3">
            @foreach ($chromosomes as $chromosome => $value)
                @php
                    $image = $value == 'high' ? 'high.png' : 'low.png';
                @endphp
                <div class="col-3 mr-4">
                    <div class="row">
                        <div class="col-6">{{ $chromosome}} </div>
                        <div class="col-6">
                            <img src="{{ url('/img/' . $image) }}" class="risk-symbol" height="20" width="10">
                        </div>
                    </div>

                </div>
                @if ($loop->iteration % 4 == 0)
        </div>
        <div class="row mt-3">
            @endif

            @endforeach
        </div>
        <div class="mt-5">
            Risk Description: <img src="{{url('/img/low.png')}}" style="margin-right: 10px;margin-left: 10px"
                                   height="20"
                                   width="10"> Low Risk <img src="{{url('/img/high.png')}}"
                                                             style="margin-right: 10px;margin-left: 10px" height="20"
                                                             width="10"> High Risk
        </div>
    @endif
</div>

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