{{-- Student Info --}}
        <div class="shadow rounded bg-white my-2  mx-auto pt-5 px-3 ">

            <h4 class="bg-gradient bg-title text-center w-75  m-auto rounded-pill text-white p-2">{{ $report->report_title }}</h4>
            <div class="row my-2">
                <div class="col-md">
                    <div class="border rounded-pill d-flex justify-content-between p-2">
                        <span>name</span>
                        <span class="text-custome">{{ $submissions[0]->student->student_name }}</span>
                        <span>الاسم</span>
                    </div>
                </div>
                <div class="col-md">
                    <div class="border rounded-pill  d-flex justify-content-between p-2">
                        <span>case id number</span>
                        <span class="text-custome">{{ $submissions[0]->student->national_number }}</span>
                        <span>رقم هويه الحاله</span>
                    </div>
                </div>

            </div>
            <div class="row my-2">
                <div class="col-md">
                    <div class="border rounded-pill d-flex justify-content-between p-2">
                        <span>gender</span>
                        <span class="text-custome">{{ $submissions[0]->student->gender }}</span>
                        <span>النوع</span>
                    </div>
                </div>
                <div class="col-md">
                    <div class="border rounded-pill  d-flex justify-content-between p-2">
                        <span>Ethnic background</span>
                        <span class="text-custome">..........</span>
                        <span>الخلفيه العرقيه</span>
                    </div>
                </div>
                <div class="col-md">
                    <div class="border rounded-pill  d-flex justify-content-between p-2">
                        <span>test Date</span>
                        <span class="text-custome">{{ $submissions[0]->created_at }}</span>
                        <span>تاريخ الفحص</span>
                    </div>
                </div>

            </div>
            <div class="row my-2">
                <div class="col-md">
                    <div class="border rounded-pill d-flex justify-content-between p-2">
                        <span>based on information from</span>
                        <span class="text-custome">..........</span>
                        <span>استنادا الى معلومات المقدمه من</span>
                    </div>
                </div>
                <div class="col-md">
                    <div class="border rounded-pill  d-flex justify-content-between p-2">
                        <span>rater's Name</span>
                        <span class="text-custome">{{ $submissions[0]->trainer->full_name }}</span>
                        <span>اسم الفاحص</span>
                    </div>
                </div>

            </div>
            <div class="row my-2">



                <div class="col-md">
                    <div class="border rounded-pill  d-flex justify-content-between p-2">
                        <span>Date of Birth</span>
                        <span class="text-custome">{{ $submissions[0]->student->dob }}</span>
                        <span>تاريخ الميلاد</span>
                    </div>
                </div>
                <div class="col-md">
                    <div class="border rounded-pill  d-flex justify-content-between p-2">
                        <span>Years</span>
                        {{-- <span class="text-custome">{{\Carbon\Carbon::parse($submissions[0]->student->dob)->diff(\Carbon\Carbon::now())->format('%y years, %m months and %d days');}}</span> --}}
                        <span
                            class="text-custome">{{ \Carbon\Carbon::parse($submissions[0]->student->dob)->diff(\Carbon\Carbon::parse($submissions[0]->created_at))->format('%y years') }}</span>
                        <span>السنوات</span>
                    </div>
                </div>
                <div class="col-md">
                    <div class="border rounded-pill  d-flex justify-content-between p-2">
                        <span>months</span>
                        <span
                            class="text-custome">{{ \Carbon\Carbon::parse($submissions[0]->student->dob)->diff(\Carbon\Carbon::parse($submissions[0]->created_at))->format('%m months') }}</span>
                        <span>الشهور</span>
                    </div>
                </div>
                <div class="col-md">
                    <div class="border rounded-pill d-flex justify-content-between p-2">
                        <span>days</span>
                        <span
                            class="text-custome">{{ \Carbon\Carbon::parse($submissions[0]->student->dob)->diff(\Carbon\Carbon::parse($submissions[0]->created_at))->format('%d days') }}</span>
                        <span>الأيام</span>
                    </div>
                </div>

            </div>
            <div class="row my-2">

                <div class="col-md">
                    <p class="text-center text-muted mb-1">Note: Years , Months and Days formula is difference between test
                        date and student date of birth</p>
                    <p class="text-center text-muted ">ملاحظة : يتم حساب السنوات والشهور والأيام بايجاد الفرق بين تاريخ
                        الفحص وتاريخ الميلاد</p>
                </div>

            </div>
        </div>

        {{-- End Student Info --}}