@extends('layouts.header')

@section('content')
<div class="container">
    <h1>View Report Card</h1>
      <ol class="breadcrumb mb-4">
    <li class="breadcrumb-item"><a href="{{ route('dash') }}">Dashboard</a></li>
    <li class="breadcrumb-item active"><a href="{{ route('report_cards.index') }}">Student Report Cards,</a></li>
    <li class="breadcrumb-item active">View Report Card</li>
    
</ol>
    <div class="card">
        <div class="card-body">
            <p>Student ID: {{ $reportCard->student_id }}</p>
            <p>Student Name: {{ $reportCard->Studentdetails->student_name }}</p>
            <p>Date of Birth: {{ $reportCard->Studentdetails->date_of_birth }}</p>
            <p>School: {{ $reportCard->Studentdetails->school_details }}</p>
            <p>Grade: {{ $reportCard->grade }}</p>
            <img src="{{ asset($reportCard->report_card_image) }}" alt="Report Card" class="img-fluid">
            <!-- Additional details or formatting as needed -->
        </div>
    </div>
</div>
@endsection