@extends('layouts.teacher')

<title>{{ config('app.name', 'Laravel') }} | Teacher | Students</title>
<style>
    .edit:hover,
    .delete:hover {
        color: #fff !important;
        border-radius: 5px !important;
    }

    .edit:hover {
        background-color: blue !important;
        border-color: #696cff !important;
    }

    .delete:hover {
        background-color: #e3242b !important;
        border-color: #e3242b !important;
    }

    .dtbl_dropdown .dataTables_length {
        width: 65px;
    }

    .dtbl_dropdown .dataTables_length label {
        width: 100%;
    }

    .card {
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    .exam-list-item {
        border: 1px solid #dee2e6;
        margin-bottom: 10px;
        padding: 10px;
        border-radius: 5px;
    }

    .list-group {
        overflow-y: auto;
        max-height: 500px;
        border-radius: 10px;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }
</style>
<link rel="stylesheet" href="{{asset('assets/css/toggle.css')}}">
@section('main-content')

<!-- Content wrapper -->
<div class="content-wrapper">
    <!-- Content -->
    <div class="container-xxl flex-grow-1 container-p-y">
        <h4 class="fw-bold py-3 mb-4"><span class="text-muted fw-light">Batch /</span> {{$batch->name}} ( {{$batch->subject->name}}, {{$batch->class_name}}th Standard )</h4>

        <div class="row mb-3">
            <div class="col-md-6 col-lg-4 mb-3">
                <div class="card h-70">
                    <!-- Profile Image -->
                    <div class="text-center mt-3 userProfile_img">
                        @if($studentdetail->profile_photo_path)
                            <img src="{{$studentdetail->profile_photo_path }}" alt="user" class="rounded-circle" width="150" height="150" />
                        @else
                            <img src="{{ URL::asset('assets/images/users/avatar.jpg') }}" alt="user" class="rounded-circle" width="150" height="150" />
                        @endif
                    </div>

                    <div class="card-body">
                        <h5 class="mb-3 bg-secondary text-white rounded p-2">Student Details</h5>
                        <table class="table">
                            <tbody>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($studentdetail->first_name)?ucwords($studentdetail->first_name):" " }} {{ isset($studentdetail->last_name)?ucwords($studentdetail->last_name):" " }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($studentdetail->email)?ucwords($studentdetail->email):($parentdetail && isset($studentdetail->gender)?ucwords($studentdetail->gender):" Gender not included yet " ) }}</td>
                                </tr>
                                <tr>
                                    <td class="fs-6 bg-light"> {{ isset($studentdetail->phone)?ucwords($studentdetail->phone):($parentdetail && isset($studentdetail->dob)?(calculate_age($studentdetail->dob)."y/o ( ".dateformatter($studentdetail->dob)." )"):" Date of birth not include yet ") }}</td>
                                </tr>
                                @if (!$parentdetail)
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($studentdetail->gender)?ucwords($studentdetail->gender):" Gender not included yet " }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($studentdetail->dob)?(calculate_age($studentdetail->dob)."y/o ( ".dateformatter($studentdetail->dob)." )"):" Date of birth not include yet " }}</td>
                                    </tr>
                                @endif
                            </tbody>
                        </table>
                        @if( $parentdetail!='')
                            <h5 class="mb-3 mt-3 bg-secondary text-white rounded p-2">Parent Details</h5>
                            <table class="table">
                                <tbody>
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($parentdetail->first_name)?ucwords($parentdetail->first_name):" " }} {{ isset($parentdetail->last_name)?ucwords($parentdetail->last_name):" " }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($parentdetail->email)?ucwords($parentdetail->email):" Mail not included yet " }}</td>
                                    </tr>
                                    <tr>
                                        <td class="fs-6 bg-light"> {{ isset($parentdetail->phone)?ucwords($parentdetail->phone):" Mobile number not included yet " }}</td>
                                    </tr>
                                </tbody>
                            </table>
                        @endif
                    </div>
                </div>
            </div>

            <div class="col-md-6 col-lg-4 mb-3">
                <h5 class="mb-3 bg-secondary text-white rounded-pill p-2">Exam Details</h5>
                @if(isset($examdetail) && count($examdetail) > 0)
                    <ul class="list-group exam-list p-2">
                        @foreach($examdetail as $index => $detail)
                            <li class="list-group-item exam-list-item bg-light">
                                <p class="mb-1"><strong> {{ $detail->heading }} ( {{ $detail->duration }} min )</strong></p>