@extends('layouts.header')

@section('content')
<main class="container">
    <div class="row justify-content-center">
        <div class="col-lg-8">
            <div class="card shadow p-4">
                <div class="position-relative text-center mb-4">
                    @if($student->student_image)
                    <img src="{{ asset($student->student_image) }}" alt="Student Image" class="position-absolute top-0 end-0 mt-3 me-3 rounded-circle" width="100">
                    @endif
                    <h2 class="mb-2">Student Details</h2>
                </div>
                <hr>
                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label">Name of the Student:</label>
                        <p>{{ $student->student_name }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Age:</label>
                        <p>{{ $student->student_age }}</p>
                    </div>
                </div>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label">Date of Birth:</label>
                        <p>{{ $student->date_of_birth }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Gender:</label>
                        <p>{{ $student->gender }}</p>
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label">Name of the Guardian:</label>
                    <p>{{ $student->guardian_name }}</p>
                </div>

                <div class="mb-3">
                    <label class="form-label">Address for Communication:</label>
                    <p>{{ $student->communication_address }}</p>
                </div>

                <div class="mb-3">
                    <label class="form-label">Contact Phone Number:</label>
                    <p>{{ $student->contact_phone }}</p>
                </div>

                <h3 class="mb-3">Educational Details</h3>

                <div class="row mb-3">
                    <div class="col-md-6">
                        <label class="form-label">Class:</label>
                        <p>{{ $student->student_class }}</p>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">Std:</label>
                        <p>{{ $student->student_std }}</p>
                    </div>
                </div>

                <div class="mb-3">
                    <label class="form-label">Last Exam Marks:</label>
                    <p>{{ $student->school_fees }}</p>
                </div>

                <p class="mb-0">School Details: {{ $student->school_details }}</p>

                <hr>
                <p class="text-center">This certificate is issued as per the records available with us.</p>
            </div>
        </div>
    </div>
</main>
@endsection