@extends('staff.reports.viewer.layout')

@section('content')
    <header class="py-4">
        <div class="container">
            <div class="p-2 p-lg-2 bg-light rounded-3">
                <div class="text-center">
                    <h6 class="text-muted">
                        {{ $report->study->modality }} Report
                    </h6>
                    <h3>
                        {{ $report->study->study_description }}
                    </h3>
                </div>
            </div>
        </div>
    </header>

    <section class="pt-4" name="patient">
        <div class="container">
            <div class="mx-2">
                <table class="table table-bordered border-gray">
                    <tr>
                        <td class="text-muted">Patient Name</td>
                        <td class="fw-semibold">{{ $report->study->patient_name }}</td>
                        <td class="text-muted">ID</td>
                        <td class="fw-semibold">{{ $report->study->patient_id }}</td>
                    </tr>

                    <tr>
                        <td class="text-muted">Age / Gender</td>
                        <td class="fw-semibold">{{ $report->study->sexAge() }}</td>
                        <td class="text-muted">Accession No</td>
                        <td class="fw-semibold">{{ $report->study->accession_number }}</td>
                    </tr>

                    <tr>
                        <td class="text-muted">Referred By</td>
                        <td class="fw-semibold">{{ $report->study->referring_physician_name }}</td>
                        <td class="text-muted">Date</td>
                        <td class="fw-semibold">{{ $report->created_at->format('d-M-Y') }}</td>
                    </tr>
                </table>
            </div>
        </div>
    </section>

    <section class="pt-4" name="report">
        <div class="container px-lg-3">
            <div class="border-dark mb-8">
                {!! $report->getContent() !!}
            </div>
        </div>
    </section>
@endsection