@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'Student Details'])

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-lg-4">
                <div class="card shadow">
                    <div class="card-body text-center">
                        <img src="{{ asset('storage/' . $student->photos) }}" alt="Student Photo" class="rounded-circle img-fluid mb-3" style="width: 150px; height: 150px;">
                        <h3 class="mb-1">{{ $student->firstname }} {{ $student->lastname }}</h3>
                        <ul class="list-group list-group-flush">
                            <li class="list-group-item d-flex justify-content-between">
                                <strong>Register No:</strong> <span>{{ $student->register_no }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between">
                                <strong>Course:</strong> <span>{{ $student->course->course_name }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between">
                                <strong>Class:</strong> <span>{{ $student->class->class_name }}</span>
                            </li>
                            <li class="list-group-item d-flex justify-content-between">
                                <strong>Department:</strong> <span>{{$student->department->department_name}}</span>
                            </li>
                        </ul>


                    </div>
                </div>
            </div>

            <div class="col-lg-8">
                <div class="card shadow">
                    <div class="card-header bg-gradient-primary text-white">
                        <h5 class="mb-0">Student Details</h5>
                    </div>
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Date of Birth:</strong> <span>{{ $student->dob }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Gender:</strong> <span>{{ $student->gender->gender_name }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Email:</strong> <span>{{ $student->email }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Mobile:</strong> <span>{{ $student->mobileno }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Accademic Year:</strong> <span>{{ $student->academicYear->academicdetail }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Religion:</strong> <span>{{ $student->religion }}</span>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-md-6">
                                <ul class="list-group list-group-flush">
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Address:</strong> <span>{{ $student->address }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Admission No:</strong> <span>{{ $student->admissionno }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Date Of Admission:</strong> <span>{{ $student->dateofadmission }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Mother Tongue:</strong> <span>{{ $student->mothertongue }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Semester:</strong> <span>{{ $student->semester->semester_name }}</span>
                                    </li>
                                    <li class="list-group-item d-flex justify-content-between">
                                        <strong>Second Language:</strong> <span>{{ $student->secondLanguage->second_language_name }}</span>
                                    </li>

                                </ul>
                            </div>
                        </div>


                        <h6 class="mt-4">SSC & Intermediate Details</h6>
                        <table class="table table-striped">
                            <thead>
                                <tr>
                                    <th>Exam</th>
                                    <th>Hall Ticket No</th>
                                    <th>School</th>
                                    <th>Marks</th>
                                    <th>Month/Year</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td>SSC</td>
                                    <td>{{ $student->ssc_hallticketno }}</td>
                                    <td>{{ $student->ssc_schoolname }}</td>
                                    <td>{{ $student->ssc_marks }}</td>
                                    <td>{{ $student->ssc_month_year_pass }}</td>
                                </tr>
                                <tr>
                                    <td>Intermediate</td>
                                    <td>{{ $student->int_hallticketno }}</td>
                                    <td>{{ $student->int_schoolname }}</td>
                                    <td>{{ $student->int_marks }}</td>
                                    <td>{{ $student->ssc_month_year_pass }}</td>
                                </tr>
                            </tbody>
                        </table>


                            <a class="btn btn-warning"
                            href="{{ route('students.edit', $student->cms_student_sid) }}"
                            title="Edit">
                            Edit
                        </a>
                            <a href="{{ route('stud_admission.index') }}" class="btn btn-secondary">Back</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection