@extends(session('staff_logged_in') ? 'Staff.layout' : 'Admin.layout')

@section('content')
<div class="row align-items-center justify-content-between mb-3 mt-3">
        <div class="col-auto">
            <h5>
                <button type="button" class="btn btn-icon bg-white me-2" style="box-shadow: 0px 9px 12px -2px #66328E1F;">
                    <a href="{{ route('patient') }}">
                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
                            stroke="#000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
                            class="icon icon-tabler">
                            <path stroke="none" d="M0 0h24v24H0z" fill="none" />
                            <path d="M15 6l-6 6l6 6" />
                        </svg>
                    </a>
                </button>
                Medical Report
            </h5>
        </div>
    </div>
<div class="card border-0 shadow-sm">

    <div class="card-header">

        <div class="d-flex justify-content-between align-items-center">

            <div>
                <h4 class="fw-bold mb-1">Medical Report</h4>
                <p class="text-muted mb-0">
                    Patient consultation report
                </p>
            </div>

            <button class="btn btn-primary">
                <i class="ti tabler-printer me-1"></i>
                Print Report
            </button>

        </div>

    </div>

    <div class="card-body">

        <div class="row">

            <div class="col-md-3">
                <div class="border rounded p-3">
                    <h6 class="fw-bold">Patient Details</h6>

                    <p><strong>ID:</strong> PAT001</p>
                    <p><strong>Name:</strong> Arun Kumar</p>
                    <p><strong>Age:</strong> 32</p>
                    <p><strong>Gender:</strong> Male</p>
                    <p><strong>Blood:</strong> O+</p>
                </div>
            </div>

            <div class="col-md-9">

                <div class="border rounded p-3 mb-3">

                    <h6 class="fw-bold">Visit Information</h6>

                    <div class="row">
                        <div class="col-md-4">
                            <p><strong>Date:</strong> 20-06-2026</p>
                        </div>

                        <div class="col-md-4">
                            <p><strong>Doctor:</strong> Dr. Rajesh</p>
                        </div>

                        <div class="col-md-4">
                            <p><strong>Department:</strong> General</p>
                        </div>
                    </div>

                </div>

                <div class="border rounded p-3 mb-3">

                    <h6 class="fw-bold">Vitals</h6>

                    <div class="row">

                        <div class="col-md-3">
                            <p><strong>BP:</strong> 120/80</p>
                        </div>

                        <div class="col-md-3">
                            <p><strong>Pulse:</strong> 78 bpm</p>
                        </div>

                        <div class="col-md-3">
                            <p><strong>Temp:</strong> 98.6°F</p>
                        </div>

                        <div class="col-md-3">
                            <p><strong>Weight:</strong> 72 Kg</p>
                        </div>

                    </div>

                </div>

                <div class="border rounded p-3 mb-3">

                    <h6 class="fw-bold">Diagnosis</h6>

                    <p>
                        Viral Fever with mild dehydration.
                    </p>

                </div>

                <div class="border rounded p-3 mb-3">

                    <h6 class="fw-bold">Prescription</h6>

                    <table class="table table-bordered">

                        <thead>
                            <tr>
                                <th>Medicine</th>
                                <th>Dose</th>
                                <th>Duration</th>
                            </tr>
                        </thead>

                        <tbody>

                            <tr>
                                <td>Paracetamol 500mg</td>
                                <td>1-0-1</td>
                                <td>5 Days</td>
                            </tr>

                            <tr>
                                <td>ORS</td>
                                <td>As Needed</td>
                                <td>3 Days</td>
                            </tr>

                        </tbody>

                    </table>

                </div>

                <div class="border rounded p-3 mb-3">

                    <h6 class="fw-bold">Lab Results</h6>

                    <p>Blood Test - Normal</p>
                    <p>Urine Test - Normal</p>

                </div>

                <div class="border rounded p-3 mb-3">

                    <h6 class="fw-bold">Doctor Notes</h6>

                    <p>
                        Increase fluid intake and take adequate rest.
                    </p>

                </div>

                <div class="border rounded p-3">

                    <h6 class="fw-bold">Follow Up</h6>

                    <p>
                        Next Visit: 25-06-2026
                    </p>

                </div>

            </div>

        </div>

    </div>

</div>

@endsection