@php
$is_hidden = 'd-none';
if(in_array($user_role, ["7","8"])){
    $is_hidden = '';
}
$type = isset($type)?'_'.$type:'';
$v_count = isset($v_count)?($v_count+1):0;

@endphp
<style>
@media print {

  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

    body {
        margin: 0;
        font-family: Arial, sans-serif;
    }

    .print-container {
        position: relative;
        width: 210mm;
        min-height: 277mm;
        margin: 0 auto;
        page-break-after: always;
    }

    /* Header image fixed on each page */
    .print-container::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 200px; /* adjust height of header */
        background: url('{{ asset('img/letter_top.png') }}') no-repeat center top;
        background-size: contain;
    }

    /* Footer image fixed on each page */
    .print-container::after {
        content: "";
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 300px; /* adjust height of footer */
        background: url('{{ asset('img/letter_bottom.png') }}') no-repeat center bottom;
        background-size: contain;
    }

    .content {
        padding: 210px 20px 320px 20px; ; 
    }
}
</style>
<div class="@if($type == ''){{($number>1)?'':$is_hidden}}@endif" id="view_history{{$type}}">
    @if($visitor_history)
    @foreach($visitor_history as $history)
    @php
        $indexing = $v_count+$loop->index;
       

    @endphp
    <div class="printDiv row @if(!in_array($user_role, ['7','8'])) mt-4 @endif mb-4 @if($app_id == $history->appointment_id) {{ $is_hidden }} @endif" >
        <div class="col-md-12">
            <div class="card" id="accordion_{{$indexing}}">
                <div class="card-header border" data-toggle="collapse" data-target="#collapse{{$indexing}}" aria-expanded="true" aria-controls="collapse{{$indexing}}">
                    <h4 class="">{{ \Carbon\Carbon::parse($history->created_at)->format('d-M-Y') }} {{ isset($history->appointment->doctor->name)?'By : Dr '.$history->appointment->doctor->name:'' }}
                        <a href="" class="btn btn-primary float-right ml-1"><i class="nav-icon i-Email mr-1"></i>Email</a>
                        <a href="" onclick="printfun('collapse{{$indexing}}')" class="btn btn-primary float-right ml-1 print-scr-{{$history->appointment_id}}"><i class="nav-icon i-Email mr-1"></i>Print</a>
                        <a href="javascript:void(0);" onclick="whatsupmsg('{{$history->appointment_id}}')" class="btn btn-primary float-right ptfile"><i class="nav-icon i-Email mr-1"></i> WhatsApp</a>
                    </h4>
                </div>

                <div class="d-none" id="hiddendiv">
                        <header>
                            <img src="{{ url('img/letter_top.png') }}" style="width:100%; height:auto;">
                        </header>

                        <footer>
                            <img src="{{ url('img/letter_bottom.png') }}" style="width:100%; height:auto;">
                        </footer>
                      
                        @if(isset($patient->name))
                        <p> P{{$patient->id}} : {{$patient->name}} 
                                ( 
                                {{ isset($patient->dob_or_age) ? \Carbon\Carbon::parse($patient->dob_or_age)->age : '' }}  
                                {{ isset($patient->dob_or_age) && isset($patient->gender) ? ', ' : '' }}
                                {{ isset($patient->gender) ? $patient->gender : '' }}
                                )  
                                {{ isset($patient->phone) ? '- ' . $patient->phone : '' }}</p>
                        <p>Date & Time: {{$history->appointment->appointment_date}} {{$history->appointment->start_time}}</p>
                        <hr>
                        @endif
                    </div>




                <div id="collapse{{$indexing}}" class="collapse" aria-labelledby="headingOne" data-parent="#accordion_{{($indexing)}}">
    

                    <div class="card-body">
                        <div class="card-header">
                            <div class="row">
                                @if(isset($history->complaints) && $history->complaints != '')
                                <div class="col-md-12 font-weight-bold"><b>Chief Complaints:</b></div>
                                <div class="col-md-12">{{$history->complaints}}</div>
                                @endif
                                <!-- <div class="col-md-12">LBP</div> -->
                            </div>
                             @php
                                    $diagnosis = isset($history->diagnosis)?json_decode($history->diagnosis):"";
                                @endphp
                                @if($diagnosis)
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Diagnosis:</b></div>
                               
                                @foreach($diagnosis as $diag_index)
                                <div class="col-md-12">{{$diag_index->diagnosis}}{{ isset($diag_index->duration)?" since ".$diag_index->duration:''}}{{isset($diag_index->date)?", From : ".$diag_index->date:''}}</div>
                                @endforeach
                               
                                <!-- <div class="col-md-12">OSTEOPOROSIS since 15 weeks, From : 03-Oct-2024</div> -->
                            </div>
                             @endif



                             @if(!empty($vitals_data))
                                <!-- <div class="row mt-2">
                                    <div class="col-md-12 font-weight-bold"><b>Vitals</b></div>
                                   
                                </div>

                                 <div class="row">
                                @foreach($vitals_data->getAttributes() as $key => $value)
                                    @if(!empty($value) && !in_array($key, ['id', 'appointment_id', 'created_at', 'updated_at']))
                                        <span style="width:300px">
                                            <strong>{{ ucfirst(str_replace('_', ' ', $key)) }}</strong>: {{ $value }}
                                        </span>
                                    @endif
                                @endforeach
                            </div> -->
                            @endif

                              
                                
                           
                              @php
                                                $medicines = isset($history->medicine)?json_decode($history->medicine):"";
                                            @endphp
                                            @if($medicines)
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Rx:</b></div>
                                <div class="col-md-12">
                                    <table class="display table">
                                        <thead>
                                            <tr>
                                                <td style="padding: 1px; width:5%">#</td>
                                                <td style="padding: 1px; width:40%">Medicine</td>
                                                <td style="padding: 1px; width:10%">Dosage</td>
                                                <td style="padding: 1px;width:10%">When</td>
                                                <td style="padding: 1px;width:10%">Frequency</td>
                                                <td style="padding: 1px; width:10%">Duration</td>
                                                <td style="padding: 1px; width:15%">Notes</td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                           
                                            @foreach($medicines as $med_index)
                                            <tr>
                                                <td style="padding: 1px; width:5%">{{$loop->index + 1}}</td>
                                                <td style="padding: 1px; width:40%"><p style="margin-bottom:1px;"><b>{{isset($med_index->medicine)?$med_index->medicine:''}}<b></p> 
                                                    <p style="margin-bottom:1px;"><span style="font-size: 10px;"> {{isset($med_index->generic_name)?$med_index->generic_name:''}}</span></td>
                                                <td style="padding: 1px; width:10%">{{isset($med_index->dosage)?$med_index->dosage:''}}</p></td>
                                                <td style="padding: 1px; width:10%">{{isset($med_index->when)?$med_index->when:''}}</td>
                                                <td style="padding: 1px; width:10%">{{isset($med_index->frequency)?$med_index->frequency:''}}</td>
                                                <td style="padding: 1px; width:10%">{{isset($med_index->duration)?$med_index->duration:''}} days</td>
                                                <td style="padding: 1px; width:15%">{{isset($med_index->notes)?$med_index->notes:''}}</td>
                                            </tr>
                                            @endforeach
                                           
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                             @endif

                              @if(isset($history->report) && $history->report != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>report:</b></div>
                                <div class="col-md-12">{{$history->report}}</div>
                                <!-- <div class="col-md-12">F/U SOS IN CASE OF WEAKNESS, TINGLING NUMBNESS, BOWEL OR BLADDER DISTURBANCE, ANY NEUROLOGICAL DEFICIT.</div> -->
                            </div>
                            @endif
                             @if($history->advice != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Advice:</b></div>
                                <div class="col-md-12">{{$history->advice}}</div>
                                <!-- <div class="col-md-12">F/U SOS IN CASE OF WEAKNESS, TINGLING NUMBNESS, BOWEL OR BLADDER DISTURBANCE, ANY NEUROLOGICAL DEFICIT.</div> -->
                            </div>
                            @endif
                             @php
                                    $ref_to_arr = isset($history->ref_to)?json_decode($history->ref_to):"";
                                @endphp
                                @if($ref_to_arr)
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Referred to:</b></div>
                               
                                @foreach($ref_to_arr as $ref_data)
                                <div class="col-md-12">
                                    <b>DR </b> {{isset($ref_data->doctor_name)?$ref_data->doctor_name:''}} 
                                   <!-- {{isset($ref_data->specialty)?$ref_data->specialty:''}}-->
                                    <b>Mob:</b> {{isset($ref_data->phone_no)?$ref_data->phone_no:''}}
                                </div>
                                @endforeach
                              
                            </div>
                              @endif
                              @if($history->tests_requested != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Tests Requested:</b></div>
                                <div class="col-md-12">{{$history->tests_requested}}</div>
                            </div>
                            @endif
                            @if($history->examination != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Examination:</b></div>
                                <div class="col-md-12">{{$history->examination}}</div>
                            </div>
                            @endif
                            @if($history->past_history != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Past History:</b></div>
                                <div class="col-md-12">{{$history->past_history}}</div>
                                <!-- <div class="col-md-12">Co-Morbidities-</div> -->
                            </div>
                            @endif

                            @if($history->procedure != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Procedure Adviced:</b></div>
                                <div class="col-md-12">{{$history->procedure}}</div>
                            </div>
                            @endif
                            @if(isset($history->physiotherapy_adviced) && $history->physiotherapy_adviced != '')
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Physiotherapy Advised:</b></div>
                                <div class="col-md-12">{{$history->physiotherapy_adviced}}</div>
                                <!-- <div class="col-md-12">Core, Mckenzie, Extension Protocol, Neural Flossing Exercises</div>
                                <div class="col-md-12">AVOID ALL: FORWARD BENDING, HEAVY WEIGHT LIFTING, FLOOR SITTING, SITTING CROSS LEGGED</div>
                                <div class="col-md-12">AVOID: CONSTIPATION, EXCESSIVE SNEEZING AND COUGHING (Take proper medication for that)</div>
                                <div class="col-md-12">AVOID 2 WHEELER DRIVING until symptoms subside</div>
                                <div class="col-md-12">SITTING WITH LOWER BACK GUARD / LUMBAR ROLL</div>
                                <div class="col-md-12">USE LS BELT DURING JOURNEY</div>
                                <div class="col-md-12">WEIGHT MANAGEMENT WITH DIET & YOGA</div> -->
                            </div>
                            @endif
                            @if(!empty($history->procedureData))
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Procedure If Any:</b></div>
                                <div class="col-md-12">{{$history->procedure}}</div>
                             
                                    <div class="col-md-12">{{$history->procedureData->name}}</div>
                               
                            </div>
                             @endif
                             @if($history->nv_no_date)
                            <div class="row mt-2">
                                <div class="col-md-12 font-weight-bold"><b>Next Visit:</b></div>
                                <div class="col-md-12">{{$history->nv_no_date}}</div>
                            </div>
                            @endif
                        </div>
                    </div>


                </div>
            </div>
        </div>
    </div>
    @endforeach
    @endif
</div>

<script>




function printfun(divid) {
    var divContents = document.getElementById(divid).innerHTML;
    var printWindow = window.open('', '', 'height=800,width=600');

    // Absolute paths for images (works in print popup too)
    var headerImg = "{{ url('img/letter_top.png') }}";
    var footerImg = "{{ url('img/letter_bottom.png') }}";

    printWindow.document.write('<html><head><title>Print</title>');

    // Table + general styles
    printWindow.document.write('<style>');
    printWindow.document.write('body { font-family: Arial, sans-serif; margin: 0; }');
    printWindow.document.write('table {border-collapse: collapse; }');
    printWindow.document.write('table, th, td { border: 1px solid #ddd; }');
    printWindow.document.write('th, td { padding: 3px; text-align: left; }');
    printWindow.document.write('th { background-color: #f2f2f2; }');
    printWindow.document.write('b { font-weight:bold; margin-top: 1px; display: inline-block;}');

    // Print-specific styles with real images
    printWindow.document.write(`
        @media print {

            * {
                -webkit-print-color-adjust: exact !important;
                print-color-adjust: exact !important;
            }

            body { margin:0; font-family: Arial, sans-serif; }
            .print-container { position:relative; width:210mm; min-height:277mm; margin:0 auto; page-break-after:always; }

            header { 
                position: fixed; 
                top: 0; left: 0; right: 0; 
                height: 200px; 
                text-align:center;
                width:100%
            }
            header img { width: 100%; height: auto; }

            footer {
                position: fixed;
                bottom: 0; left: 0; right: 0;
                height: 300px;
                text-align:center;
            }
            footer img { width: 100%; height: auto; }

            .content { padding: 210px 20px 320px 20px; }
        }
    `);

    printWindow.document.write('</style></head><body>');

    // Insert header, content, and footer
    printWindow.document.write('<header><img src="'+headerImg+'"></header>');
    printWindow.document.write('<div class="print-container"><div class="content">'+divContents+'</div></div>');
    printWindow.document.write('<footer><img src="'+footerImg+'"></footer>');

    printWindow.document.write('</body></html>');
    printWindow.document.close(); 

    printWindow.focus();
    printWindow.print();
}






   

function whatsupmsg(app_id) {
    console.log('ph');
    let route = "{{ route('appointment') }}";

    $.ajax({
        url: route,
        type: 'POST',
        data: {
            _token: "{{ csrf_token() }}",
            id: app_id
        },
        success: function(response) {
           swal({
            title: 'Success',
            text: 'Message sent',
            icon: 'success',
            timer: 2000,
            buttons: false,
          });
        },
        error: function(xhr, status, error) {
            console.log(error);
        }
    });
}

 </script>