{{-- ========================================
SHOW VIEW
resources/views/medical-reports/show.blade.php
======================================== --}}

@extends('layout.master')

@section('title', 'Report Details')

@section('content')
    <section class="contact_section layout_padding">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="report_details_container">
                        <h2>Medical Report Details</h2>

                        <div class="patient_info bg-light p-4 rounded mb-4">
                            <h4>Patient Information</h4>
                            <div class="row">
                                <div class="col-md-6">
                                    <p><strong>Name:</strong> {{ $report->patient_name }}</p>
                                    <p><strong>Age:</strong> {{ $report->age }} years</p>
                                    <p><strong>Email:</strong> {{ $report->email }}</p>
                                </div>
                                <div class="col-md-6">
                                    <p><strong>Phone:</strong> {{ $report->phone_number }}</p>
                                    <p><strong>Report Type:</strong> {{ $report->report_type_name }}</p>
                                    <p><strong>Upload Date:</strong> {{ $report->created_at->format('M d, Y h:i A') }}</p>
                                </div>
                            </div>
                        </div>

                        <div class="report_status bg-white border p-4 rounded mb-4">
                            <h4>Report Status</h4>
                            <div class="row">
                                <div class="col-md-6">
                                    <p><strong>Current Status:</strong>
                                        <span
                                            class="badge badge-{{ $report->status == 'completed' ? 'success' : ($report->status == 'analyzing' ? 'warning' : 'secondary') }}">
                                            {{ $report->status_name }}
                                        </span>
                                    </p>
                                    <p><strong>Priority Level:</strong> {{ $report->urgency_level_name }}</p>
                                </div>
                                <div class="col-md-6">
                                    <p><strong>Analysis Fee:</strong> PKR {{ number_format($report->price, 2) }}</p>
                                    @if ($report->analyzed_at)
                                        <p><strong>Analyzed On:</strong> {{ $report->analyzed_at->format('M d, Y h:i A') }}
                                        </p>
                                    @endif
                                </div>
                            </div>
                        </div>

                        @if ($report->symptoms || $report->medical_history)
                            <div class="additional_info bg-light p-4 rounded mb-4">
                                <h4>Additional Information</h4>
                                @if ($report->symptoms)
                                    <div class="mb-3">
                                        <strong>Symptoms:</strong>
                                        <p>{{ $report->symptoms }}</p>
                                    </div>
                                @endif
                                @if ($report->medical_history)
                                    <div>
                                        <strong>Medical History:</strong>
                                        <p>{{ $report->medical_history }}</p>
                                    </div>
                                @endif
                            </div>
                        @endif

                        <div class="uploaded_files bg-white border p-4 rounded mb-4">
                            <h4>Uploaded Files ({{ $report->getFileCount() }})</h4>
                            <div class="files_list">
                                @foreach ($report->file_paths as $index => $filePath)
                                    <div
                                        class="file_item d-flex justify-content-between align-items-center p-2 border-bottom">
                                        <div>
                                            <i class="fa fa-file-o mr-2"></i>
                                            <span>{{ basename($filePath) }}</span>
                                        </div>
                                        <a href="{{ route('medical-reports.download', [$report->id, $index]) }}"
                                            class="btn btn-sm btn-outline-primary">
                                            <i class="fa fa-download"></i> Download
                                        </a>
                                    </div>
                                @endforeach
                            </div>
                        </div>

                        @if ($report->analysis_result)
                            <div class="analysis_result bg-success text-white p-4 rounded mb-4">
                                <h4>Analysis Result</h4>
                                <div class="result_content">
                                    {!! nl2br(e($report->analysis_result)) !!}
                                </div>
                                @if ($report->analyzer)
                                    <small class="d-block mt-3">
                                        <strong>Analyzed by:</strong> {{ $report->analyzer }}
                                    </small>
                                @endif
                            </div>
                        @else
                            <div class="analysis_pending bg-warning text-dark p-4 rounded mb-4">
                                <h4><i class="fa fa-clock-o"></i> Analysis Pending</h4>
                                <p class="mb-0">Your medical report is currently being analyzed by our medical experts.
                                    You will receive the analysis results via email once completed.</p>
                                @if ($report->status == 'analyzing')
                                    <div class="progress mt-3">
                                        <div class="progress-bar progress-bar-striped progress-bar-animated"
                                            role="progressbar" style="width: 60%">
                                            Analysis in Progress
                                        </div>
                                    </div>
                                @endif
                            </div>
                        @endif

                        <!-- Action Buttons -->
                        <div class="action_buttons">
                            <a href="{{ route('medical-reports.upload') }}" class="btn btn-primary">
                                <i class="fa fa-plus"></i> Upload New Report
                            </a>
                            @if ($report->analysis_result)
                                <button class="btn btn-outline-success text-white" onclick="printReport()">
                                    <i class="fa fa-print"></i> Print Report
                                </button>
                                <a href="{{ route('medical-reports.download-pdf', $report->id) }}"
                                    class="btn btn-outline-info text-white" style="background-color:#28A745 !important;">
                                    <i class="fa fa-file-pdf-o"></i> Download PDF
                                </a>
                            @endif
                        </div>
                    </div>
                </div>

                <!-- Sidebar -->
                <div class="col-md-4">
                    <div class="sidebar_container">
                        <!-- Report Summary -->
                        <div class="summary_card bg-light p-4 rounded mb-4">
                            <h5>Report Summary</h5>
                            <ul class="list-unstyled">
                                <li><strong>Report ID:</strong> #{{ $report->id }}</li>
                                <li><strong>Type:</strong> {{ $report->report_type_name }}</li>
                                <li><strong>Status:</strong> {{ $report->status_name }}</li>
                                <li><strong>Priority:</strong> {{ $report->urgency_level_name }}</li>
                                <li><strong>Files:</strong> {{ $report->getFileCount() }}</li>
                            </ul>
                        </div>

                        <!-- Contact Information -->
                        <div class="contact_card bg-info text-white p-4 rounded mb-4">
                            <h5><i class="fa fa-phone"></i> Need Help?</h5>
                            <p class="mb-2">For any queries regarding your report:</p>
                            <ul class="list-unstyled">
                                <li><strong>Phone:</strong> +92-315-8274326</li>
                                <li><strong>Email:</strong> labreportanalyst@gmail.com</li>
                                <li><strong>Hours:</strong> 24/7 Support</li>
                            </ul>
                        </div>

                        <!-- Emergency Notice -->
                        @if ($report->urgency_level == 'emergency')
                            <div class="emergency_notice bg-danger text-white p-4 rounded mb-4">
                                <h6><i class="fa fa-exclamation-triangle"></i> Emergency Report</h6>
                                <p class="mb-0">This report has been marked as emergency priority.
                                    Our medical team will analyze it within 2 hours.</p>
                            </div>
                        @endif

                        <!-- Next Steps -->
                        @if (!$report->analysis_result)
                            <div class="next_steps bg-white border p-4 rounded">
                                <h5>What's Next?</h5>
                                <ol class="small">
                                    <li>Your report is being reviewed by our medical experts</li>
                                    <li>Analysis will be completed based on priority level</li>
                                    <li>You'll receive email notification when ready</li>
                                    <li>Detailed analysis will be available on this page</li>
                                </ol>

                                <div class="estimated_time mt-3 p-2 bg-light rounded">
                                    <small>
                                        <strong>Estimated Completion:</strong>
                                        @if ($report->urgency_level == 'emergency')
                                            Within 2 hours
                                        @elseif($report->urgency_level == 'urgent')
                                            Within 12 hours
                                        @else
                                            24-48 hours
                                        @endif
                                    </small>
                                </div>
                            </div>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- Print Styles -->
    <style>
        @media print {

            .sidebar_container,
            .action_buttons,
            .btn {
                display: none !important;
            }

            .report_details_container {
                width: 100% !important;
            }

            .bg-success,
            .bg-light,
            .bg-white {
                background: white !important;
                color: black !important;
            }

            .border {
                border: 1px solid #ccc !important;
            }
        }
    </style>

    <!-- JavaScript -->
    <script>
        function printReport() {
            window.print();
        }

        // Auto-refresh for pending reports
        @if (!$report->analysis_result && $report->status == 'analyzing')
            setTimeout(function() {
                location.reload();
            }, 30000); // Refresh every 30 seconds
        @endif
    </script>
@endsection