@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);
    }

    .target_div{
        max-height: 560px;
        overflow-y: auto;
        background-color: transparent;
    }

    .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/card_inside_data_table.css')}}">

<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-1"><span class="text-muted fw-light">Exams /</span> {{ isset($studentdetail->first_name)?ucwords($studentdetail->first_name):" " }} {{ isset($studentdetail->last_name)?ucwords($studentdetail->last_name):" " }}</h4>

        <div class="row mb-2">
            <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(isset($studentdetail) && $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-12 col-lg-8 target_div rounded">
                <div class="card">
                    <div class="table dataTable text-nowrap dtbl_dropdown">
                        <table class="table cardTable" id="services">
                            <thead>
                                <tr>
                                    <th>id</th>
                                    <th>Column 1</th>
                                    <th>Column 2</th>
                                </tr>
                            </thead>
                            <tbody class="table-border-bottom-0">
                                @if(isset($exams) && count($exams) != 0 && !empty($exams))
                                    @for ($i =0 ; $i < count($exams); $i+=2)
                                        <tr id="row_{{$exams[$i]->id}}">
                                            <td style="display: none;">{{$i}}</td>
                                            @for ( $j=$i ;  $j<$i+2; $j++)
                                                @if ($j<count($exams))
                                                    <td>    
                                                        <div class="card w-30 cardBox">
                                                            <img class="card-img-top" src="../assets/img/elements/2.jpg" alt="Card image cap">
                                                            <div class="card-body">
                                                            <h4 class="card-title">{{strtoupper($exams[$j]->heading)}} ( {{$exams[$j]->duration}}mins )</h4>
                                                            <h5>( {{$exams[$j]->batch->name}}  )</h5>
                                                            <ul class="card-text">