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

@section('content')
    <div class="container container-main">

        @isset($notice)
            <section class="pt-4" name="notice">
                <div class="container-md px-md-3">
                    <div class="alert alert-warning" role="alert">
                        <h5 class="alert-heading d-flex align-items-center">
                            <span class="alert-icon rounded"><i
                                    class="fa-solid fs-4 fa-circle-radiation me-2"></i></span>Notice
                        </h5>
                        <hr>
                        <p class="mb-0">{{ $notice }}</p>
                    </div>
                </div>
            </section>
        @endisset

        <section class="pt-4" name="patient">
            <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>
        </section>

        <header class="py-2">
            <div class="p-2 bg-light rounded-1">
                <div class="text-center">
                    <h6 class="text-muted">
                        {{ $report->study->modality }} Report
                    </h6>
                    <h3>
                        {{ $report->study->study_description }}
                    </h3>
                </div>
            </div>
        </header>

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

        @isset($signature)
            <section class="pt-4" name="signature">
                <div class="px-lg-3">
                    <img src="{{ $signature }}">
                </div>
            </section>
        @endisset
    </div>
@endsection

@push('footer')
    <footer class="footer">
        <div class="container">
            <span class="text-muted">
                {{ config('app.name') }} &copy; {{ now()->year }} Dr. Masroor Ehsan
            </span>
        </div>
    </footer>
@endpush