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

    #memo_scroll {
        min-height: 320px;
        max-height: 350px;
        padding: 5px;
    }

    .sdf_div {
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        padding: 5px;
    }

    .notes_pt_li {
        text-align: end;
        list-style-type: none;
    }

    .notes_pt_textarea {
        min-height: 80px;
        max-height: 200px;
        width: auto;
    }

    .notes_pt_ul {
        overflow-y: auto;
        height: 200px;
        background: white;
    }

    .note_pt_div {
        text-align: end;
    }
</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-2"><span class="text-muted fw-light">Student /</span>
                {{ isset($studentdetail->first_name) ? ucwords($studentdetail->first_name) : ' ' }}
                {{ isset($studentdetail->last_name) ? ucwords($studentdetail->last_name) : ' ' }}</h4>
            <h5>( {{ $class_name->class }} )</h5>

            <div class="row mb-5 d-flex justify-content-between">
                <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->phone) ? ucwords($parentdetail->phone) : ' Mail 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">Batch Details</h5>
                @if (!empty($batchdetail) && count($batchdetail) > 0)
                    <ul class="list-group exam-list p-2">
                        @foreach ($batchdetail as $detail)
                        <li class="list-group-item exam-list-item bg-light">
                            <p class="mb-1"><strong> {{ucwords($detail->name)}}</strong></p>
                            <p class="mb-1"><strong>( {{$detail->class_name}}th Standard )</strong></p>
                            <p class="mb-1"><strong>Course:</strong> {{$coursedetail[$course_ids[$detail->id]]->coursename}}</p>
                            <p class="mb-1"><strong>Subject:</strong> {{ucwords($detail->subject->name)}}</p>
                            <p class="mb-1"><strong>Mode:</strong> {{ucwords($detail->mode)}}</p>
                            <p class="mb-1"><strong>Time:</strong> {{date("h:i a", strtotime($detail->start_time))." to ".date("h:i a", strtotime($detail->end_time))}}</p>
                            <p class="mb-1"><strong>Duration:</strong> {{dateformatter($coursedetail[$course_ids[$detail->id]]->start_date)." to ".dateformatter($coursedetail[$course_ids[$detail->id]]->end_date)}}</p>
                            <a href="/educatorbatch-details/{{$detail->uuid}}/{{$studentdetail->uuid}}" class="btn btn-outline-primary">Explore !!!</a>
                        </li>
                        @endforeach
                        @if (count($batchdetail) > 2)
                            <a href="/getstudent_all_batches/{{$studentdetail->uuid}}" class="btn btn-secondary text-white">View More...</a>
                        @endif
                    </ul>    
                @else
                    <p class="alert alert-info mt-3" role="alert">No batch details available.</p>
                @endif
            </div> --}}

                <div class="col-md-6 col-lg-4 mb-3">
                    <h5 class="mb-3 bg-secondary text-white rounded-pill p-2">Notes:</h5>
                    {{-- <span class="sdf_right_hdd">Student since :</span> {{date('d/m/Y',strtotime($studentdetail->created_at))}} --}}
                    <div class="sdf_div">
                        <ul class="notes_pt_ul custom_scroll" id="memo_scroll">
                            @if ($notes !== '' && count($notes) > 0)
                                @php
                                    $lastDisplayedDate = null; // To track the last displayed date
                                @endphp
                                @foreach ($notes as $note)
                                    @php
                                        $noteDate = date('Y-m-d', strtotime($note->created_at));
                                        $noteTime = date('H:i A', strtotime($note->created_at));
                                        $displayDate =
                                            $noteDate == date('Y-m-d')
                                                ? 'Today'
                                                : date('d/m/Y', strtotime($note->created_at));
                                    @endphp

                                    {{-- Display the date only once per day --}}
                                    @if ($noteDate !== $lastDisplayedDate)
                                        @php
                                            $lastDisplayedDate = $noteDate;
                                        @endphp
                                        <li class="notes_date" style="margin-top: 20px; font-weight: bold;">
                                            <strong>{{ $displayDate }}</strong>
                                        </li>
                                    @endif

                                    {{-- Display individual message --}}
                                    <li class="notes_pt_li" style="margin-left: 20px;">
                                        <span
                                            class="{{ $studentdetail->id == $note->added_by ? 'text-success' : 'text-primary' }}">
                                            {{ $studentdetail->id == $note->added_by
                                                ? '( ' . $studentdetail->first_name . ' ' . $studentdetail->last_name . ' )'
                                                : '( you )' }}
                                        </span>
                                        <p>
                                            {{ $note->notes }} <br>
                                            <small>{{ $noteTime }}</small>
                                        </p>
                                    </li>
                                @endforeach
                            @else
                                <div style="text-align: end;">Add some notes for
                                    {{ ucwords($studentdetail->first_name) . ' ' . ucwords($studentdetail->last_name) }}
                                </div>
                            @endif
                        </ul>
                        <div class="note_pt_div">
                            <div class="note_pt_inner">
                                <textarea
                                    placeholder="Type a note for {{ ucwords($studentdetail->first_name) . ' ' . ucwords($studentdetail->last_name) }}"
                                    class="form-control notes_pt_textarea  col-lg-11" {{-- $notes==""?"disabled":"" --}} minlength="3" maxlength="500"></textarea>
                                <div class="main_textarea_box">
                                    <span class="textarea_max_span" style="color:rgb(0 0 0 / 50%);">Max. 500
                                        Characters</span>
                                </div>
                            </div>
                            <div class="notify_btn_div">
                                <button class="send_notes btn btn-primary">Send </button>
                            </div>
                        </div>
                    </div>
                </div>

                {{-- <div class="col-md-6 col-lg-4">
                <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>
                                <p class="mb-1"><strong> ( {{ $detail->class_name }}th Standard ) </strong></p>
                                <p class="mb-1"><strong>Batch:</strong> {{ $detail->batch->name }}</p>
                                <p class="mb-1"><strong>Subject:</strong> {{ $detail->subject->name }}</p>